Pre-launch — Gluecron is in final validation. Public signups and git hosting for non-owner users open after launch review.
ccantynz/Gluecron.com
Commit3e0e72aunknown_key

Merge PR #53: dangerouslySetInnerHTML for inline style/script — THE root cause

Merge PR #53: dangerouslySetInnerHTML for inline style/script — THE root cause

fix(jsx): inline style/script use dangerouslySetInnerHTML — THE root-cause fix</title>
<parameter name="body">FOUND IT. JSX was HTML-escaping apostrophes inside `<style>{...}</style>` and `<script>{...}</script>` blocks. Per HTML5 those are 'raw text' elements — entities don't decode. So `'Segoe UI'` became literal `&#39;Segoe UI&#39;` to the CSS parser, the font-family declaration was thrown out, browser fell back to its default (serif on Safari/iPad). Same for every JS string literal — every inline script was a syntax error.

This is THE bug behind 'site looks 80s' / 'fonts not loading' / 'cache fights'. Fix: dangerouslySetInnerHTML on every inline style/script across layout.tsx, landing.tsx, marketing.tsx.

After deploy: real CSS, real JS, no Times New Roman.</parameter>
</invoke>
CC LABS App committed on May 4, 2026Parents: 84806b2 fa880f2
3 files changed+11−113e0e72a4e9341aab13601d6b6f0e655dc67db1aa
3 changed files+11−11
Modifiedsrc/routes/marketing.tsx+3−3View fileUnifiedSplit
3131
3232const PricingPage: FC = () => (
3333 <>
34 <style>{pricingCss}</style>
34 <style dangerouslySetInnerHTML={{ __html: pricingCss }} />
3535 <div class="mkt-root">
3636 <header class="mkt-hero">
3737 <div class="eyebrow">Pricing</div>
253253
254254const FeaturesPage: FC = () => (
255255 <>
256 <style>{featuresCss}</style>
256 <style dangerouslySetInnerHTML={{ __html: featuresCss }} />
257257 <div class="mkt-root">
258258 <header class="mkt-hero">
259259 <div class="eyebrow">Features</div>
503503
504504const AboutPage: FC = () => (
505505 <>
506 <style>{aboutCss}</style>
506 <style dangerouslySetInnerHTML={{ __html: aboutCss }} />
507507 <div class="mkt-root">
508508 <header class="mkt-hero">
509509 <div class="eyebrow">About</div>
Modifiedsrc/views/landing.tsx+1−1View fileUnifiedSplit
2626
2727 return (
2828 <>
29 <style>{landingCss}</style>
29 <style dangerouslySetInnerHTML={{ __html: landingCss }} />
3030
3131 <div class="landing-root">
3232 {/* ---------- Hero ---------- */}
Modifiedsrc/views/layout.tsx+7−7View fileUnifiedSplit
2323 <link rel="manifest" href="/manifest.webmanifest" />
2424 <link rel="icon" type="image/svg+xml" href="/icon.svg" />
2525 <title>{title ? `${title} — gluecron` : "gluecron"}</title>
26 <script>{themeInitScript}</script>
27 <style>{css}</style>
28 <style>{hljsThemeCss}</style>
26 <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
27 <style dangerouslySetInnerHTML={{ __html: css }} />
28 <style dangerouslySetInnerHTML={{ __html: hljsThemeCss }} />
2929 </head>
3030 <body>
3131 <div class="prelaunch-banner" role="status" aria-live="polite">
155155 Reload
156156 </button>
157157 </div>
158 <script>{versionPollerScript}</script>
158 <script dangerouslySetInnerHTML={{ __html: versionPollerScript }} />
159159 {/* Block I4 — Command palette shell (hidden by default) */}
160160 <div
161161 id="cmdk-backdrop"
174174 />
175175 <div id="cmdk-list" style="max-height:60vh;overflow-y:auto" />
176176 </div>
177 <script>{clientJs}</script>
178 <script>{pwaRegisterScript}</script>
179 <script>{navScript}</script>
177 <script dangerouslySetInnerHTML={{ __html: clientJs }} />
178 <script dangerouslySetInnerHTML={{ __html: pwaRegisterScript }} />
179 <script dangerouslySetInnerHTML={{ __html: navScript }} />
180180 </body>
181181 </html>
182182 );
183183