DEV: Inline CSS for app shell (#27)

closes #27
Nisinoon · May 17, 2024 · db63cb4 · db63cb4
1 parent 48da7b5
commit db63cb4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/app/locals.js b/app/locals.js
@@ -1,8 +1,13 @@
 import path         from 'node:path'
 import { readFile } from 'node:fs/promises'
 
+// Load metadata
 const metaPath = path.resolve(import.meta.dirname, `../package.json`)
 const json     = await readFile(metaPath, `utf8`)
 const meta     = JSON.parse(json)
 
-export default { meta }
+// Load CSS for app shell
+const mainCSSPath = path.resolve(import.meta.dirname, `../assets/styles/main.css`)
+const mainCSS     = await readFile(mainCSSPath, `utf8`)
+
+export default { mainCSS, meta }
diff --git a/layouts/main/main.css b/layouts/main/main.css
@@ -1,3 +0,0 @@
-body {
-  color: red;
-}

diff --git a/layouts/main/main.hbs b/layouts/main/main.hbs
@@ -2,6 +2,7 @@
 <html dir=ltr lang=en>
   {{> head }}
   <body>
+    <style>{{ mainCSS }}</style>
     {{{ body }}}{{!-- This is actually <main> but express-handlebars calls this variable `body`. --}}
   </body>
 </html>