diff --git a/assets/styles/mix-twbs.scss b/assets/styles/mix-twbs.scss new file mode 100644 index 0000000..536f92e --- /dev/null +++ b/assets/styles/mix-twbs.scss @@ -0,0 +1,179 @@ +$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: $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; +} + +.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; +} + +.table-condensed th { + padding: 0.5rem; +} + +.table-condensed td { + padding: 0.5rem; +} + +@media (min-width: map-get($grid-breakpoints, md)) { + .fixed-bottom { + left: 25%; + } + + .md-max-width-33 { + max-width: 33%; + } +} + +.card-link { + white-space: nowrap; +} + +.category-button { + position: absolute; + top: 1em; + right: 1em; + display: grid; +} + +.card-title { + margin-right: 2.25em; +} + +.thumb-icon-wrapper { + display: flex; + justify-content: center; +} + +.thumb-icon-badge { + font-size: xx-large; +} diff --git a/content/people/thomas-a.-christensen-ii/_index.md b/content/people/thomas-a.-christensen-ii/_index.md index c09d89d..54b7090 100644 --- a/content/people/thomas-a.-christensen-ii/_index.md +++ b/content/people/thomas-a.-christensen-ii/_index.md @@ -106,8 +106,8 @@ couldn't tell by the pictures). I've worn a lot of different hats: | | | | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | First and foremost | ✝️ {{< abbr "Born again, fundamentalist, dispensationalist, King James Bible-believing, independent Baptist" >}}Christian{{< /abbr >}} | -| Location | 🏇 {{< abbr "I want to keep claiming Wyoming, but they're pretty strict about residency there, and I don't want to repeat the Liz Cheney fishing license incident" >}}Wyomingite{{< /abbr >}} sojourning in 🦬 {{< abbr "Yah, youbetcha!" >}}North Dakota{{< /abbr >}} (this ought to be interesting) | +| Location | 🦬 {{< abbr "I want to keep claiming Wyoming, but they're pretty strict about residency there, and I don't want to repeat the Liz Cheney fishing license incident" >}}Wyomingite{{< /abbr >}} sojourning in 🌻 {{< abbr "Yes, Toto, we are in Kansas now" >}}Kansas{{< /abbr >}} (this ought to be interesting) | | Education | 📐 {{< abbr "noun. A person who cannot build cool things like airplanes or bridges, but can blow up an entire neighborhood and kill dozens of children by misplacing a decimal point. See also: self-hating chemist" >}}Chemical Engineer{{< /abbr >}} | -| Profession | 🧬 {{< abbr "I do genetics and computers" >}}Bioinformatician{{< /abbr >}} and 🐄🩺 {{< abbr "I can't rope well enough to be a cowboy, so being a cow doctor will have to suffice" >}}Veterinarian{{< /abbr >}} | +| Profession | 🧬 {{< abbr "I do genetics and computers" >}}Bioinformatician{{< /abbr >}} and 🐄🩺 {{< abbr "I can't rope well enough to be a cowboy, so being a cow doctor will have to suffice" >}}Veterinarian{{< /abbr >}} (soon!) | | Politics | 🗽 {{< abbr "Refers to the belief in natural social and political laws created by God that are as inflexible as the laws of physics" >}}Juris naturalist{{< /abbr >}} | | Hobbies | 🎥 {{< abbr "Storytelling at 24 frames per second" >}}Filmmaker{{< /abbr >}} and 💃🏻 {{< abbr "Square dancing is more musically rigid and is standardized across the country. Swing dancing is more freeform and differs regionally. It's like the difference between classical music and jazz. I like both." >}}Square/swing dancer{{< /abbr >}} | diff --git a/layouts/_default/index.html b/layouts/_default/index.html index 6ed49b1..4342466 100644 --- a/layouts/_default/index.html +++ b/layouts/_default/index.html @@ -1,19 +1,6 @@ {{ define "extraCss" }} {{ $scrollCss := resources.Get "styles/scrolling-header.css" | minify }} - - {{ range where $.Site.Pages "Title" "Thomas A. Christensen II" }} - {{ with .Params.accounts }} - {{ range $account, $username := . }} - {{ partial "account.html" (dict - "targetType" "link" - "account" $account - "username" $username - "isMe" true) - }} - {{ end }} - {{ end }} - {{ end }} {{ end }} {{ define "main" }} diff --git a/layouts/partials/account.html b/layouts/partials/account.html index 2920bcc..bd6514a 100644 --- a/layouts/partials/account.html +++ b/layouts/partials/account.html @@ -39,14 +39,10 @@ {{ $userURL := print $urlBase .username }} -{{ if eq .targetType "a" }} - {{ partial "fa.html" $icon }} -{{ end }} -{{ if and (eq .targetType "link") .isMe }} - -{{ end }} + +{{ partial "fa.html" $icon }} diff --git a/layouts/partials/scrolling-image-header.html b/layouts/partials/scrolling-image-header.html index 57950b6..60d5187 100644 --- a/layouts/partials/scrolling-image-header.html +++ b/layouts/partials/scrolling-image-header.html @@ -1,6 +1,6 @@ {{ $thumbnailImage := .Resources.GetMatch "*thumbnail*" }} {{ with $thumbnailImage }} - {{ $croppedImage := $thumbnailImage.Fill "960x320 center" }} + {{ $croppedImage := $thumbnailImage.Fill "1500x500 center" }}