Add descriptions to main index pages

assets/styles/mix-twbs.scss

@@ -1,143 +1,144 @@
+$web-font-path: "/fonts/nunito-sans/index.css";
 
+@import "bootstrap/functions";
+@import "bootswatch/lux/variables";
+@import "bootstrap/bootstrap";
+@import "bootswatch/lux/bootswatch";
 
-  $web-font-path: "/fonts/nunito-sans/index.css";
+$peek-height: 25rem;
-
-  @import "bootstrap/functions";
-  @import "bootswatch/lux/variables";
-  @import "bootstrap/bootstrap";
-  @import "bootswatch/lux/bootswatch";
 
 .blurred-container {
-    position: relative;
+  position: relative;
-    width: 100%;
+  width: 100%;
-    min-height: 35vh;
+  min-height: 35vh;
-    height: 350px;
+  height: $peek-height;
-    top: 0;
+  top: 0;
-    left: 0;
+  left: 0;
+}
+
+.blurred-container .motto {
+  color: #fff;
+  font-size: 76px;
+  font-weight: 600;
+  text-align: center;
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
+  text-transform: uppercase;
+  top: 7.5vh;
+  z-index: 3;
+  display: block;
+  margin: 0 auto;
+  position: relative;
+  width: 60%;
+  height: 0;
+}
+
+.motto h1 {
+  background: #0000007d;
+  -webkit-text-stroke: 0.3px $gray-100;
+  line-height: 1;
+}
+
+.blurred-container .img-src {
+  position: fixed;
+  width: 100%;
+  min-height: 35vh;
+  height: $peek-height;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
+}
+
+.blur {
+  opacity: 0;
+}
+
+.list-main {
+  position: relative;
+  background-color: #fff;
+  padding-bottom: calc(1rem + 95px);
+  padding-top: 1rem;
+}
+
+.footer-contents {
+  position: relative;
+  background-color: $gray-200;
+}
+
+/* Gives me greater control over fonts */
+.font-serif {
+  font-family: Georgia, "Times New Roman", Times, serif;
+}
+
+.font-sans {
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.font-mono {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+.font-small-caps {
+  font-variant-caps: small-caps;
+}
+
+.strikethrough {
+  text-decoration: line-through;
+}
+
+.sfTable {
+  margin: 0 auto;
+}
+
+.text-align-left {
+  text-align: left;
+}
+
+.text-align-right {
+  text-align: right;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+.media-object {
+  max-height: 100%;
+  max-width: 100%;
+}
+
+@media (min-width: 768px) {
+  .pull-left {
+    max-width: 25%;
   }
 
-  .blurred-container .motto {
+  .w-md-50 {
-    color: #fff;
+    width: 50%;
-    font-size: 76px;
-    font-weight: 600;
-    text-align: center;
-    text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
-    text-transform: uppercase;
-    top: 7.5vh;
-    z-index: 3;
-    display: block;
-    margin: 0 auto;
-    position: relative;
-    width: 60%;
-    height: 0;
   }
+}
 
-  .motto h1 {
+h1 small {
-    background: #0000007d;
+  font-size: 60%;
-    -webkit-text-stroke: 0.3px $gray-100;
+  color: #9a9a9a;
-  }
+  font-weight: 300;
+  line-height: 1.5;
+}
 
-  .blurred-container .img-src {
+h1 {
-    position: fixed;
+  font-weight: 400;
-    width: 100%;
+  margin: 30px 0 15px;
-    min-height: 35vh;
+}
-    height: 72ex;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center center;
-  }
 
-  .blur {
+.dogear {
-    opacity: 0;
+  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
-  }
+}
 
-  .list-main {
+.fa-stack-top {
-    position: relative;
+  vertical-align: top;
-    background-color: #fff;
+}
-    padding-bottom: calc(1rem + 95px);
-    padding-top: 1rem;
-  }
-
-  .footer-contents {
-    position: relative;
-    background-color: $gray-200;
-  }
-
-  /* Gives me greater control over fonts */
-  .font-serif {
-    font-family: Georgia, "Times New Roman", Times, serif;
-  }
-
-  .font-sans {
-    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  }
-
-  .font-mono {
-    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  }
-
-  .font-small-caps {
-    font-variant-caps: small-caps;
-  }
-
-  .strikethrough {
-    text-decoration: line-through;
-  }
-
-  .sfTable {
-    margin: 0 auto;
-  }
-
-  .text-align-left {
-    text-align: left;
-  }
-
-  .text-align-right {
-    text-align: right;
-  }
-
-  .float-left {
-    float: left;
-  }
-
-  .float-right {
-    float: right;
-  }
-
-  .media-object {
-    max-height: 100%;
-    max-width: 100%;
-  }
-
-  @media (min-width: 768px) {
-    .pull-left {
-      max-width: 25%;
-    }
-
-    .w-md-50 {
-      width: 50%;
-    }
-  }
-
-  h1 small {
-    font-size: 60%;
-    color: #9a9a9a;
-    font-weight: 300;
-    line-height: 1.5;
-  }
-
-  h1 {
-    font-weight: 400;
-    margin: 30px 0 15px;
-  }
-
-  .dogear {
-    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
-  }
-
-  .fa-stack-top {
-    vertical-align: top;
-  }
 
 .table-condensed th {
   padding: 0.5rem;
@@ -146,3 +147,9 @@
 .table-condensed td {
   padding: 0.5rem;
 }
+
+@media (min-width: map-get($grid-breakpoints, md)) {
+  .fixed-bottom {
+    left: 25%;
+  }
+}

content/academia/_index.md

@@ -2,6 +2,7 @@
 title: Academic Publications and Presentations
 motto: Publications and Presentations
 cardImage: library
+decription: A list of my academic publications
 ---
 
 ### Academic Papers

content/ai/_index.md

@@ -2,6 +2,8 @@
 title: Artificial Insemination
 cardImage: Ai-calf
 motto: Artificial Insemination
+description:
+  Advertising page to try and sell my artificial insemination services
 ---
 
 I am licensed in the Great State of Wyoming as a food animal artificial

content/contact/_index.html

@@ -2,6 +2,7 @@
 title: Contact Me
 cardImage: venice-mailbox
 motto: Contact Me
+description: Contact form to get ahold of me
 ---
 
 <form

content/videos/_index.md

@@ -2,6 +2,7 @@
 title: Videos
 cardImage: camera
 motto: Videography Portfolio
+description: Showcase of my own videos
 ---
 
 > ### The culmination of all art forms is that of film.

content/websites/_index.md

@@ -2,6 +2,7 @@
 title: My Websites
 cardImage: eclipse
 motto: Websites
+description: List of websites that I have worked on
 ---
 
 I do occasionally build websites for myself and other people. Here is a list of

layouts/_default/baseof.html

@@ -4,6 +4,9 @@
     <meta charset="utf-8" />
     <meta http-equiv="x-ua-compatible" content="ie=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    {{ with .Description }}
+    <meta name="description" content="{{ . }}" />
+    {{ end }}
     <title>{{ .Title }} - {{ .Site.Title }}</title>
     {{ $twbssass := resources.Get "styles/mix-twbs.scss" | resources.ToCSS | minify | resources.PostProcess }}
     <link href="{{ $twbssass.Permalink }}" rel="stylesheet" />

package.json

@@ -34,7 +34,7 @@
     "prettier-plugin-toml": "^0.3.1"
   },
   "lint-staged": {
-    "*.{js,css,md,toml,yml,yaml,json}": "prettier --write"
+    "*.{js,css,scss,md,toml,yml,yaml,json}": "prettier --write"
   },
   "scripts": {
     "prepare": "husky install"