add live dev server

unavi-xyz · Jun 26, 2024 · df57086 · df57086
1 parent c02abb0
commit df57086
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,3 +1,11 @@
 # website
 
 The UNAVI website, located at [unavi.xyz](https://unavi.xyz).
+
+## Development
+
+Start a live server with:
+
+```bash
+nix run
+```
diff --git a/flake.nix b/flake.nix
@@ -12,6 +12,16 @@
         pkgs = import nixpkgs { inherit system; };
       in
       {
+        apps.default = flake-utils.lib.mkApp {
+          drv = pkgs.writeShellApplication {
+            name = "generate-readme";
+            text = ''
+              ${pkgs.nodePackages.live-server}/bin/live-server src --mount=/public:public
+            '';
+          };
+
+        };
+
         packages.default = pkgs.stdenv.mkDerivation {
           pname = "website";
           version = "0.0.0";

diff --git a/public/css/index.css b/public/css/index.css
@@ -12,8 +12,13 @@ body {
     "Liberation Mono", "Courier New", monospace;
 }
 
+.content {
+  text-align: center;
+}
+
 nav > a {
   color: var(--primary-color);
+  text-decoration: none;
   transition: color 0.2s;
 }
 

diff --git a/src/index.html b/src/index.html
@@ -27,13 +27,15 @@
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://unavi.xyz/" />
     <title>UNAVI</title>
-    <link rel="stylesheet" href="css/index.css" />
+    <link rel="stylesheet" href="public/css/index.css" />
   </head>
   <body>
-    <h1>UNAVI</h1>
-    <nav>
-      <a href="https://docs.unavi.xyz">[docs]</a>
-      <a href="https://github.com/unavi-xyz/unavi">[github]</a>
-    </nav>
+    <div class="content">
+      <h1>UNAVI</h1>
+      <nav>
+        <a href="https://docs.unavi.xyz">[docs]</a>
+        <a href="https://github.com/unavi-xyz/unavi">[github]</a>
+      </nav>
+    </div>
   </body>
 </html>