Add descriptions to main index pages

assets/styles/mix-twbs.scss

@@ -1,22 +1,22 @@
+$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";
-
-  @import "bootstrap/functions";
-  @import "bootswatch/lux/variables";
-  @import "bootstrap/bootstrap";
-  @import "bootswatch/lux/bootswatch";
+$peek-height: 25rem;
 
 .blurred-container {
   position: relative;
   width: 100%;
   min-height: 35vh;
-    height: 350px;
+  height: $peek-height;
   top: 0;
   left: 0;
-  }
+}
 
-  .blurred-container .motto {
+.blurred-container .motto {
   color: #fff;
   font-size: 76px;
   font-weight: 600;
@@ -30,86 +30,87 @@
   position: relative;
   width: 60%;
   height: 0;
-  }
+}
 
-  .motto h1 {
+.motto h1 {
   background: #0000007d;
   -webkit-text-stroke: 0.3px $gray-100;
-  }
+  line-height: 1;
+}
 
-  .blurred-container .img-src {
+.blurred-container .img-src {
   position: fixed;
   width: 100%;
   min-height: 35vh;
-    height: 72ex;
+  height: $peek-height;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
-  }
+}
 
-  .blur {
+.blur {
   opacity: 0;
-  }
+}
 
-  .list-main {
+.list-main {
   position: relative;
   background-color: #fff;
   padding-bottom: calc(1rem + 95px);
   padding-top: 1rem;
-  }
+}
 
-  .footer-contents {
+.footer-contents {
   position: relative;
   background-color: $gray-200;
-  }
+}
 
-  /* Gives me greater control over fonts */
-  .font-serif {
+/* Gives me greater control over fonts */
+.font-serif {
   font-family: Georgia, "Times New Roman", Times, serif;
-  }
+}
 
-  .font-sans {
+.font-sans {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  }
+}
 
-  .font-mono {
+.font-mono {
   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
-  }
+}
 
-  .font-small-caps {
+.font-small-caps {
   font-variant-caps: small-caps;
-  }
+}
 
-  .strikethrough {
+.strikethrough {
   text-decoration: line-through;
-  }
+}
 
-  .sfTable {
+.sfTable {
   margin: 0 auto;
-  }
+}
 
-  .text-align-left {
+.text-align-left {
   text-align: left;
-  }
+}
 
-  .text-align-right {
+.text-align-right {
   text-align: right;
-  }
+}
 
-  .float-left {
+.float-left {
   float: left;
-  }
+}
 
-  .float-right {
+.float-right {
   float: right;
-  }
+}
 
-  .media-object {
+.media-object {
   max-height: 100%;
   max-width: 100%;
-  }
+}
 
-  @media (min-width: 768px) {
+@media (min-width: 768px) {
   .pull-left {
     max-width: 25%;
   }
@@ -117,27 +118,27 @@
   .w-md-50 {
     width: 50%;
   }
-  }
+}
 
-  h1 small {
+h1 small {
   font-size: 60%;
   color: #9a9a9a;
   font-weight: 300;
   line-height: 1.5;
-  }
+}
 
-  h1 {
+h1 {
   font-weight: 400;
   margin: 30px 0 15px;
-  }
+}
 
-  .dogear {
+.dogear {
   clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
-  }
+}
 
-  .fa-stack-top {
+.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"