take 2

RyanBrewer317 · Oct 21, 2024 · 20a4239 · 20a4239
1 parent aeb981c
commit 20a4239
Show file tree

Hide file tree

Showing 14 changed files with 65 additions and 74 deletions.
diff --git a/arctic_build/__pages/index.html b/arctic_build/__pages/index.html
@@ -1,2 +1,4 @@
 <!doctype html>
-<html><head><link href="https://ryanbrewer.dev/style.css" rel="stylesheet"></head><body>hello from SPA Arctic! <a href="/test">test</a></body></html>
+<html><head><title>Arctic</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Arctic is a high-performance frontend framework for your Lustre workloads."><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script>hljs.highlightAll();</script><link rel="stylesheet" href="/style.css"></head><body><h1><span>Arctic
+</span></h1><p><span>Arctic is a high-performance frontend framework for your <a href="https://lustre.build/"><span>Lustre</span></a> workloads.
+      </span></p></body></html>
diff --git a/arctic_build/__pages/test/index.html b/arctic_build/__pages/test/index.html
diff --git a/arctic_build/index.html b/arctic_build/index.html
@@ -19,7 +19,9 @@
       transform: rotate(360deg);
   }
 } 
-        </style><div><div id="arctic-app"><html><head><link href="https://ryanbrewer.dev/style.css" rel="stylesheet"></head><body>hello from SPA Arctic! <a href="/test">test</a></body></html></div><script>
+        </style><div><div id="arctic-app"><html><head><title>Arctic</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Arctic is a high-performance frontend framework for your Lustre workloads."><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script>hljs.highlightAll();</script><link rel="stylesheet" href="/style.css"></head><body><h1><span>Arctic
+</span></h1><p><span>Arctic is a high-performance frontend framework for your <a href="https://lustre.build/"><span>Lustre</span></a> workloads.
+      </span></p></body></html></div><script>
 if (window.location.pathname !== '/') {
   go_to(new URL(window.location.href));
 }

diff --git a/arctic_build/public/404.html b/arctic_build/public/404.html
@@ -1,33 +1,13 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Page Not Found</title>
-
-    <style media="screen">
-      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
-      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
-      #message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
-      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
-      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
-      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
-      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
-      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
-      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
-      @media (max-width: 600px) {
-        body, #message { margin-top: 0; background: white; box-shadow: none; }
-        body { border-top: 16px solid #ffa100; }
-      }
-    </style>
-  </head>
-  <body>
-    <div id="message">
-      <h2>404</h2>
-      <h1>Page Not Found</h1>
-      <p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
-      <h3>Why am I seeing this?</h3>
-      <p>This page was generated by the Firebase Command-Line Interface. To modify it, edit the <code>404.html</code> file in your project's configured <code>public</code> directory.</p>
-    </div>
-  </body>
-</html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>404: Page Not Found!</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <h1>404</h1>
+  <p>Apologies for the inconvenience!</p>
+</body>
+</html>
diff --git a/arctic_build/public/style.css b/arctic_build/public/style.css
@@ -0,0 +1,28 @@
+:root {
+  --color: rgb(255, 223, 228);
+  --background: rgb(32, 1, 32);
+}
+
+body,
+html,
+#app {
+  padding: 0;
+  margin: 0;
+  background: var(--background);
+  color: var(--color);
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+h3 {
+  margin-top: 25pt;
+}
+
+nav {
+  padding: 10pt;
+  color: var(--color);
+  position: sticky;
+  top: 0pt;
+  background-color: var(--background);
+  z-index: 1;
+}
+
diff --git a/arctic_vite_config.js b/arctic_vite_config.js
@@ -1,3 +1,3 @@
 
   // NOTE: AUTO-GENERATED! DO NOT EDIT!
-  export default {"test": "arctic_build/test/index.html", "main": "arctic_build/index.html"};
+  export default {"main": "arctic_build/index.html"};
diff --git a/dist/404.html b/dist/404.html
@@ -1,33 +1,13 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Page Not Found</title>
-
-    <style media="screen">
-      body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
-      #message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
-      #message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
-      #message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
-      #message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
-      #message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
-      #message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
-      #message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
-      #load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
-      @media (max-width: 600px) {
-        body, #message { margin-top: 0; background: white; box-shadow: none; }
-        body { border-top: 16px solid #ffa100; }
-      }
-    </style>
-  </head>
-  <body>
-    <div id="message">
-      <h2>404</h2>
-      <h1>Page Not Found</h1>
-      <p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
-      <h3>Why am I seeing this?</h3>
-      <p>This page was generated by the Firebase Command-Line Interface. To modify it, edit the <code>404.html</code> file in your project's configured <code>public</code> directory.</p>
-    </div>
-  </body>
-</html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>404: Page Not Found!</title>
+  <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+  <h1>404</h1>
+  <p>Apologies for the inconvenience!</p>
+</body>
+</html>
diff --git a/dist/__pages/index.html b/dist/__pages/index.html
@@ -1,2 +1,4 @@
 <!doctype html>
-<html><head><link href="https://ryanbrewer.dev/style.css" rel="stylesheet"></head><body>hello from SPA Arctic! <a href="/test">test</a></body></html>
+<html><head><title>Arctic</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Arctic is a high-performance frontend framework for your Lustre workloads."><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script>hljs.highlightAll();</script><link rel="stylesheet" href="/style.css"></head><body><h1><span>Arctic
+</span></h1><p><span>Arctic is a high-performance frontend framework for your <a href="https://lustre.build/"><span>Lustre</span></a> workloads.
+      </span></p></body></html>
diff --git a/dist/__pages/test/index.html b/dist/__pages/test/index.html
diff --git a/dist/index.html b/dist/index.html
@@ -19,7 +19,9 @@
       transform: rotate(360deg);
   }
 } 
-        </style><div><div id="arctic-app"><html><head><link href="https://ryanbrewer.dev/style.css" rel="stylesheet"></head><body>hello from SPA Arctic! <a href="/test">test</a></body></html></div><script>
+        </style><div><div id="arctic-app"><html><head><title>Arctic</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Arctic is a high-performance frontend framework for your Lustre workloads."><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script>hljs.highlightAll();</script><link rel="stylesheet" href="/style.css"></head><body><h1><span>Arctic
+</span></h1><p><span>Arctic is a high-performance frontend framework for your <a href="https://lustre.build/"><span>Lustre</span></a> workloads.
+      </span></p></body></html></div><script>
 if (window.location.pathname !== '/') {
   go_to(new URL(window.location.href));
 }

diff --git a/dist/priv/arctic_framework_org/_gleam_artefacts/arctic_framework_org.cache b/dist/priv/arctic_framework_org/_gleam_artefacts/arctic_framework_org.cache
diff --git a/dist/priv/arctic_framework_org/_gleam_artefacts/arctic_framework_org.cache_meta b/dist/priv/arctic_framework_org/_gleam_artefacts/arctic_framework_org.cache_meta
diff --git a/dist/priv/arctic_framework_org/arctic_framework_org.mjs b/dist/priv/arctic_framework_org/arctic_framework_org.mjs
@@ -16,7 +16,7 @@ export function main() {
       (_) => {
         let $ = $parser.parse(
           "home",
-          "\nid: home-page\n\n# Arctic\n\nArctic is a high-performance frontend framework for your [Lustre](https://lustre.build/) workloads.\n      ",
+          "id: home-page\n\n# Arctic\n\nArctic is a high-performance frontend framework for your [Lustre](https://lustre.build/) workloads.\n      ",
         );
         if (!$.isOk()) {
           throw makeError(

diff --git a/src/arctic_framework_org.gleam b/src/arctic_framework_org.gleam
@@ -12,8 +12,7 @@ pub fn main() {
       let assert Ok(page) =
         parser.parse(
           "home",
-          "
-id: home-page
+          "id: home-page
 
 # Arctic