updates navbar css

src/_data.yml

@@ -1,26 +1,40 @@
 home:
-  welcome: Andy Zeigert on the web
-  description: Please check out my blog below for starters
+  # welcome: Andy Zeigert's homepage
+  description: On this page you will find information by and about me
 
 extra_head: <link rel="stylesheet" href="/variables.css"/>
   <link rel="me" href="https://mastodon.social/@zeigert"/>
   <link rel="me" href="https://github.com/ajzeigert"/>
   <link rel="me" href="mailto:[email protected]"/>
-  <link rel="me" href="https://www.linkedin.com/in/andy-zeigert/"/>
 
 footer: Copyright © 2023 Andy Zeigert
 
 menu_links: 
   - href: https://mastodon.social/@zeigert
     text: '@zeigert'
-  - href: https://github.com/ajzeigert
-    text: Github
+  # - href: https://github.com/ajzeigert
+  #   text: Github
 
 # Metas plugin https://lume.land/plugins/metas/#description
 metas:
   site: Andy Zeigert
-  description: Andy Zeigert's personal website
+  description: Andy Zeigert's personal portfolio website and blog.
+  keywords: 
+    - Andy Zeigert
+    - web development
+    - javascript
+    - deno
+    - node
+    - react
+    - art
+    - philosophy
+    - technology
+    - music
+    - film
+    - zeigertgeist
   title: "=title"
   image: "=image"
   twitter: zeigert
-  lang: en
+  lang: en
+  robots: false
+  generator: true

src/about.md

@@ -1,5 +1,5 @@
 ---
-title: About Me
+title: About
 layout: layouts/page.vto
 menu:
     visible: true

src/index.vto

@@ -43,4 +43,6 @@ title: Home
 
 <p>{{ i18n.nav.archive }}</p>
 
-<footer><small>{{ footer }}</small></footer>
+<footer>
+  <small>{{ footer }}</small>
+</footer>

src/variables.css

@@ -28,7 +28,7 @@
 
   /* Space */
   /* --row-gap-small: 2.5rem; */
-  /* --row-gap-medium: clamp(2rem, 5vh, 5rem); */
+  --row-gap-medium: clamp(2rem, 5vh, 5rem);
 }
 
 /* Dark colors */
@@ -62,6 +62,66 @@ a[href]:not(:where(
   content: ' ↗';
 }
 
-nav {
-  font-size: 1.2rem;
+.navbar-links a {
+  text-decoration: none !important;
+  padding: 0.3rem;
+}
+
+.navbar-links li {
+  /* margin: .3rem; */
+}
+
+.navbar-home {
+  font-family: var(--font-family-display);
+  font-size: 2rem;
+  line-height: 0rem;
+  position: relative;
+  top: 4.5vh;
+  margin-bottom: 8vh;
+}
+
+nav ul.navbar-links a {
+  padding: 0.5rem 1rem;
+  position: relative;
+  top: 0;
+  transition: all ease 0.5s;
+}
+
+nav ul.navbar-links a:not([aria-current="page"]):hover {
+  /* margin-top: 1vh; */
+  top: -0.25rem;
+}
+
+nav.navbar {
+  padding: 10vh 0 0 0 !important;
+  max-width: min(100% - 15vw, 45em) !important;
+  margin: 0 auto;
+  /* background-color: var(--color-link-hover) */
+  /* box-sizing: border-box; */
+  /* padding-left: 15vw !important; */
+  /* padding-right: 15vw !important; */
+  /* max-width: min(100% - 15vw, 45em); */
+  /* border-bottom-style: solid; */
+  /* border-bottom-width: 2rem; */
+  /* border-bottom-color: var(--color-link-hover); */
+  /* padding-bottom: 0 !important; */
+}
+
+nav.navbar::after {
+  content: ' ';
+  /* display: block; */
+  /* display: block;
+  position: relative;
+  top: 0; */
+  background-color: var(--color-link-hover);
+  height: 10vh;
+  width: 1000%;
+  margin-top: -1rem;
+  margin-left: -100vw;
+  margin-right: -100vw;
+}
+
+.navbar-links [aria-current="page"] {
+  background-color: var(--color-link-hover);
+  color: var(--color-background)
 }