mirror of
https://github.com/penpot/penpot.git
synced 2026-06-10 01:12:06 +00:00
Fixes #9135. The <link href="css/ui.css"> tag in frontend/resources/templates/index.mustache references a CSS file that the build pipeline never produces: - compileStyles() in frontend/scripts/_helpers.js only writes main.css (always) and debug.css (dev-only) — there is no write to ui.css - compileStorybookStyles() writes ds.css (design system), not ui.css - No ui.scss source exists anywhere in frontend/resources/styles/ The reference was added in 45d04942c ("✨ Add example ui storybook") but no corresponding build step was added to emit the file. Result: every page load issues a request for /css/ui.css that nginx returns as 404. In self-hosted Penpot deployments behind a reverse proxy, the SPA's CSS init promise rejects on the 404, the React root never mounts, and the user sees a black screen. This patch removes the dead reference. If a future change actually emits ui.css (or another distinct UI bundle), the <link> can be re-added at that time. Co-authored-by: Admin <admin@Admins-MacBook-Pro.local>
60 lines
2.4 KiB
Plaintext
60 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Penpot | Full-stack design</title>
|
|
|
|
<meta name="description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
|
|
<meta property="og:locale" content="en_US">
|
|
<meta property="og:title" content="Penpot | Full-stack design">
|
|
<meta property="og:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
|
|
<meta property="og:image" content="/images/penpot-link-preview.png">
|
|
<meta name="twitter:title" content="Penpot | Full-stack design">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
|
|
<meta name="twitter:image" content="/images/penpot-link-preview.png">
|
|
<meta name="twitter:site" content="@penpotapp">
|
|
<meta name="twitter:creator" content="@penpotapp">
|
|
<meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
|
|
<link id="theme" href="css/main.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
|
|
{{#isDebug}}
|
|
<link href="css/debug.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
|
|
{{/isDebug}}
|
|
|
|
<link rel="icon" href="images/favicon.png?version={{& version_tag }}" />
|
|
|
|
<script type="importmap">{{& manifest.importmap }}</script>
|
|
|
|
<script type="module">
|
|
globalThis.penpotVersion = "{{& version}}";
|
|
globalThis.penpotVersionTag = "{{& version_tag}}";
|
|
globalThis.penpotBuildDate = "{{& build_date}}";
|
|
</script>
|
|
|
|
{{# manifest}}
|
|
<script src="{{& config}}"></script>
|
|
<script src="{{& polyfills}}"></script>
|
|
{{/manifest}}
|
|
|
|
<!--cookie-consent-->
|
|
</head>
|
|
<body>
|
|
{{> ../public/images/sprites/symbol/icons.svg }}
|
|
{{> ../public/images/sprites/symbol/cursors.svg }}
|
|
{{> ../public/images/sprites/assets.svg }}
|
|
<div id="app"></div>
|
|
<section id="modal"></section>
|
|
|
|
{{# manifest}}
|
|
<script type="module" src="{{& libs}}"></script>
|
|
<script type="module">
|
|
import { init } from "{{& app_main}}";
|
|
import defaultTranslations from "{{& default_translations}}";
|
|
|
|
init({defaultTranslations});
|
|
</script>
|
|
{{/manifest}}
|
|
</body>
|
|
</html>
|