diff --git a/assets/styles/mix-twbs.scss b/assets/styles/mix-twbs.scss index 57425fc..034dd8f 100644 --- a/assets/styles/mix-twbs.scss +++ b/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"; - - @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; - top: 0; - left: 0; + position: relative; + width: 100%; + min-height: 35vh; + height: $peek-height; + top: 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 { - 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; + .w-md-50 { + width: 50%; } +} - .motto h1 { - background: #0000007d; - -webkit-text-stroke: 0.3px $gray-100; - } +h1 small { + font-size: 60%; + color: #9a9a9a; + font-weight: 300; + line-height: 1.5; +} - .blurred-container .img-src { - position: fixed; - width: 100%; - min-height: 35vh; - height: 72ex; - background-repeat: no-repeat; - background-size: cover; - background-position: center center; - } +h1 { + font-weight: 400; + margin: 30px 0 15px; +} - .blur { - opacity: 0; - } +.dogear { + clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 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%; - } - - .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; - } +.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%; + } +} diff --git a/content/academia/_index.md b/content/academia/_index.md index 1dc5b39..390da5b 100644 --- a/content/academia/_index.md +++ b/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 diff --git a/content/ai/_index.md b/content/ai/_index.md index ccf308d..d9fd664 100644 --- a/content/ai/_index.md +++ b/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 diff --git a/content/contact/_index.html b/content/contact/_index.html index ea2beec..6d62e29 100644 --- a/content/contact/_index.html +++ b/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 ---