More updates and some style changes.

Author: tbrockman

.dockerignore

@@ -1 +1,2 @@
 Gemfile.lock
+jsnix

Dockerfile

@@ -6,6 +6,6 @@ COPY Gemfile Gemfile
 RUN bundle install
 COPY . .
 RUN bundle exec jekyll build
-# ENTRYPOINT [ "bundle", "exec", "jekyll", "serve", "--force_polling", "--host", "0.0.0.0", "-P", "4000", "--drafts"]
+ENTRYPOINT [ "bundle", "exec", "jekyll", "serve", "--force_polling", "--host", "0.0.0.0", "-P", "4000", "--drafts"]
 # https:
-ENTRYPOINT [ "bundle", "exec", "jekyll", "serve", "--force_polling", "--host", "0.0.0.0", "-P", "4000", "--drafts", "--ssl-cert", "./cert.pem", "--ssl-key", "./key.pem"]
+# ENTRYPOINT [ "bundle", "exec", "jekyll", "serve", "--force_polling", "--host", "0.0.0.0", "-P", "4000", "--drafts", "--ssl-cert", "./cert.pem", "--ssl-key", "./key.pem"]

_config.yml

@@ -42,3 +42,4 @@ exclude:
   - vendor/ruby/
   - scripts
   - tmp
+  - jsnix

_layouts/home.html

@@ -13,7 +13,7 @@
     theodore brockman - home
   </title>
   {% seo %}
-  <script type="module" crossorigin src="assets/jsnix/assets/index-DEneHgBV.js"></script>
+  <script type="module" crossorigin src="assets/jsnix/assets/index-_VYMQI8U.js"></script>
   <link rel="stylesheet" crossorigin href="assets/jsnix/assets/index-D7KvUkdH.css">
 </head>
 

_sass/home.scss

@@ -32,7 +32,8 @@ $font-family-primary: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono,
     display: flex;
     justify-content: center;
     overflow: hidden;
-    max-height: calc(100% - 157.5px);
+    max-height: calc(100% - var(--navbar-height))
+    // max-height: calc(100% - 157.5px);
 }
 
 #jsnix {

_sass/navbar.scss

@@ -4,7 +4,15 @@ $color-mouseover: #fff;
 $breakpoint-main: 1400px;
 $breakpoint-mobile: 800px;
 
+:root {
+    --navbar-height: 157.5px;
+}
+
 @media(max-width: $breakpoint-mobile) {
+    :root {
+        --navbar-height: 114px;
+    }
+
     .navbar {
 
         .navbar-drawer.open {
@@ -15,15 +23,15 @@ $breakpoint-mobile: 800px;
             padding: 1rem 0 !important;
         }
     }
-
-    div.page-container {
-        margin-top: 114px !important;
-    }
 }
 
 @media(max-width: $breakpoint-main) {
+
+    :root {
+        --navbar-height: 136px;
+    }
+
     .navbar {
-        position: fixed;
         z-index: 10;
         flex-direction: column;
         transition: all 0.2s ease-in;
@@ -104,12 +112,11 @@ $breakpoint-mobile: 800px;
     a.fa {
         font-size: 3rem !important;
         color: #252525;
-        margin-top: 10px !important;
     }
+}
 
-    div.page-container {
-        margin-top: 146px;
-    }
+div.page-container {
+    margin-top: var(--navbar-height);
 }
 
 .navbar {
@@ -118,6 +125,9 @@ $breakpoint-mobile: 800px;
     background-color: $color-primary;
     align-items: center;
     justify-content: center;
+    height: var(--navbar-height);
+    z-index: 10;
+    position: fixed;
 
     .container {
         display: flex;