Factor out CSS and add minimal index page

emfcamp · May 19, 2024 · 2b7d6dc · 2b7d6dc
1 parent c1fdd2f
commit 2b7d6dc
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 21 deletions.
diff --git a/global.css b/global.css
@@ -0,0 +1,23 @@
+@font-face {
+    font-family: 'Raleway';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrcVIT9d0c8.woff) format('woff');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+
+
+  body {
+      font-family: "Open Sans", "Helvetica", sans-serif;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 5px;
+    }
+
+
+    h1 {
+        font-family: "Raleway", sans-serif;
+        font-weight: 700;
+      }
+
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+    <head>
+        <title>EMF Grist Widgets</title>
+        <link rel="stylesheet" href="global.css" />
+    </head>
+    <body>
+        <h1>EMF Grist Widgets</h1>
+        <p>
+            This site provides <a href="https://www.getgrist.com/">Grist</a> widgets for the EMF orga Grist
+            instance.
+        </p>
+    </body>
+</html>
diff --git a/tent-sheet/tent-sheet.css b/tent-sheet/tent-sheet.css
@@ -1,25 +1,4 @@
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrcVIT9d0c8.woff) format('woff');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
 
-
-body {
-    font-family: Sans-Serif;
-    max-width: 800px;
-    margin: 0 auto;
-    padding: 5px;
-  }
-
-h1 {
-  font-family: "Raleway", sans-serif;
-  font-weight: 700;
-}
-
   .info .meta::after {
     content: " :";
   }

diff --git a/tent-sheet/tent-sheet.ts b/tent-sheet/tent-sheet.ts
@@ -1,3 +1,4 @@
+import '../global.css'
 import './tent-sheet.css'
 import { exampleData } from './exampleData'
 import moment from 'moment'

diff --git a/vite.config.ts b/vite.config.ts
@@ -5,6 +5,7 @@ export default defineConfig({
     build: {
         rollupOptions: {
             input: {
+                'index': resolve(__dirname, 'index.html'),
                 'tent-sheet': resolve(__dirname, 'tent-sheet/index.html'),
             },
         },