homepage updates

Author: davidsklar99

pages/+Page.client.ts

@@ -6,7 +6,6 @@ import { isDev } from "@macrostrat-web/settings";
 
 export function Page() {
   return h("div.page-main", [
-    h(Navbar, { className: "main-navbar" }),
     h("div.start", [
       h(Image, { className: "back-img cover-image", src: "cover_large.jpg" }),
       h("div.banner", [
@@ -18,6 +17,7 @@ export function Page() {
         h(MacrostratStats),
       ]),
     ]),
+    h(Navbar, { className: "main-navbar" }),
     h("div.buttons", [
       h(LinkCard, { title: "Geologic Map", href: "/map/#3/40.78/-94.13" }, [
         h("p", { className: "long" }, [

pages/+Page.module.sass

@@ -9,6 +9,9 @@
   height: 50vh
   color: white
   position: relative
+  margin-bottom: calc(1em + 1px)
+  border-bottom: 2px solid var(--text-emphasized-color)
+
 
   li
     float: left
@@ -52,6 +55,8 @@
   height: 50vh
   width: 100%
   object-fit: cover
+  border-bottom: 2px solid var(--text-emphasized-color)
+
 
 .sea-image
   position: absolute
@@ -105,7 +110,6 @@
   flex-direction: column
   width: 100%
   padding: 0 20%
-  border-top: 2px solid var(--text-emphasized-color)
   border-bottom: 2px solid var(--text-emphasized-color)
 
 .country_container

pages/index.ts

@@ -19,11 +19,6 @@ export function Navbar({ className }) {
       h("a", { href: "/publications" }, "Publications"),
       h("a", { href: "/people" }, "People"),
       h("a", { href: "/donate" }, "Donate"),
-      h("a", { href: "/map" }, "Map"),
-      h("a", { href: "/columns" }, "Columns"),
-      h("a", { href: "/projects" }, "Projects"),
-      h("a", { href: "/lex" }, "Lexicon"),
-      h("a", { href: "/docs" }, "Documentation"),
     ]),
   ]);
 }
@@ -36,11 +31,6 @@ export function Footer() {
     { href: "/publications", text: "Publications", icon: "book" },
     { href: "/people", text: "People", icon: "people" },
     { href: "/donate", text: "Donate", icon: "dollar" },
-    { href: "/map", text: "Map", icon: "map" },
-    { href: "/columns", text: "Columns", icon: "timeline-bar-chart" },
-    { href: "/projects", text: "Projects", icon: "projects" },
-    { href: "/lex", text: "Lexicon", icon: "manual" },
-    { href: "/docs", text: "Documentation", icon: "document" },
   ];
 
   return h("div", { className: "footer" }, [

pages/layout.module.sass

@@ -30,21 +30,19 @@
   width: 100% !important
   height: 50vh !important
 
-// davids
 .nav
   border-bottom: 2px solid var(--text-emphasized-color)
   background-color: var(--background-color)
-
-  a
-    color: vaR(--text-emphasized-color) !important
-
-nav
   width: 100%
   padding: 1em .5em
   display: flex
   flex-direction: row
   gap: 1em
   align-items: center
+  justify-content: center
+
+  a
+    color: var(--text-emphasized-color) !important
 
   .nav-link
     display: flex