diff --git a/assets/characters/README.md b/assets/characters/README.md deleted file mode 100644 index 3b2d851..0000000 --- a/assets/characters/README.md +++ /dev/null @@ -1,30 +0,0 @@ -# Characters - -Imaginary friends that help me inject personality into my articles. These are -anthropomorphized versions of animals that I have known in real life. I tried to -draw them roughly in the style of Chris Pasquini, but failed myself, then tried -using Perplexity's image generation. The style isn't quite the same, but I like -it for these animals. Also, Perplexity does a horrible job of labeling images, -so ignore the ref sheet emotion labels. - -## Spawn of Satan (aka Spawn aka SOS) - -![Spawn ref sheet](spawn/_ref-body-perplexity.png) - -Spawn of Satan is the name Travis gave to the cannulated cow, and it stuck. -Spawn is old and cynical after having every professor with a new idea experiment -on her. After being in academia for so long, she knows her way around -mathematics and the scientific method reasonably well, even if she's never -formally taken a college course in the sciences. She is the realist to any blog -post's optimist. - -## Whelen - -![Whelen ref sheet](whelen/_ref-body-perplexity.png) - -Whelen is a happy-go-lucky German Shepherd/Husky mix puppy. He's been to school -once - and that was just to get neutered - so his knowledge of math and science, -heck, even of the humanities, isn't very good. He is very naive and thinks -everyone is nice and wants to be his friend, but he is also friendly to everyone -and is very vocal when he feels left out. He will step in when any blog post is -getting too technical and demand an explanation for real people (dogs?). diff --git a/assets/characters/spawn/_ref-blueeye-perplexity.png b/assets/characters/spawn/_ref-blueeye-perplexity.png deleted file mode 100644 index b8bef00..0000000 Binary files a/assets/characters/spawn/_ref-blueeye-perplexity.png and /dev/null differ diff --git a/assets/characters/spawn/_ref-body-perplexity.png b/assets/characters/spawn/_ref-body-perplexity.png deleted file mode 100644 index 04f95a6..0000000 Binary files a/assets/characters/spawn/_ref-body-perplexity.png and /dev/null differ diff --git a/assets/characters/spawn/_ref-bodysmirk-perplexity.png b/assets/characters/spawn/_ref-bodysmirk-perplexity.png deleted file mode 100644 index afb9ba2..0000000 Binary files a/assets/characters/spawn/_ref-bodysmirk-perplexity.png and /dev/null differ diff --git a/assets/characters/spawn/_ref-face-perplexity.png b/assets/characters/spawn/_ref-face-perplexity.png deleted file mode 100644 index de286db..0000000 Binary files a/assets/characters/spawn/_ref-face-perplexity.png and /dev/null differ diff --git a/assets/characters/spawn/body-anger.png b/assets/characters/spawn/body-anger.png deleted file mode 100644 index 0f9fd87..0000000 Binary files a/assets/characters/spawn/body-anger.png and /dev/null differ diff --git a/assets/characters/spawn/body-lazy.png b/assets/characters/spawn/body-lazy.png deleted file mode 100644 index 530eb46..0000000 Binary files a/assets/characters/spawn/body-lazy.png and /dev/null differ diff --git a/assets/characters/spawn/body-skeptic.png b/assets/characters/spawn/body-skeptic.png deleted file mode 100644 index 8e110dc..0000000 Binary files a/assets/characters/spawn/body-skeptic.png and /dev/null differ diff --git a/assets/characters/spawn/body-snark.png b/assets/characters/spawn/body-snark.png deleted file mode 100644 index e2be9e1..0000000 Binary files a/assets/characters/spawn/body-snark.png and /dev/null differ diff --git a/assets/characters/spawn/body-tired.png b/assets/characters/spawn/body-tired.png deleted file mode 100644 index 3d84c4d..0000000 Binary files a/assets/characters/spawn/body-tired.png and /dev/null differ diff --git a/assets/characters/spawn/face-confusion.png b/assets/characters/spawn/face-confusion.png deleted file mode 100644 index 6a70166..0000000 Binary files a/assets/characters/spawn/face-confusion.png and /dev/null differ diff --git a/assets/characters/spawn/face-happy.png b/assets/characters/spawn/face-happy.png deleted file mode 100644 index 445dcef..0000000 Binary files a/assets/characters/spawn/face-happy.png and /dev/null differ diff --git a/assets/characters/spawn/face-neutral.png b/assets/characters/spawn/face-neutral.png deleted file mode 100644 index 44b5522..0000000 Binary files a/assets/characters/spawn/face-neutral.png and /dev/null differ diff --git a/assets/characters/spawn/face-sad.png b/assets/characters/spawn/face-sad.png deleted file mode 100644 index 15fdb4e..0000000 Binary files a/assets/characters/spawn/face-sad.png and /dev/null differ diff --git a/assets/characters/spawn/face-toldyouso.png b/assets/characters/spawn/face-toldyouso.png deleted file mode 100644 index 9a908bb..0000000 Binary files a/assets/characters/spawn/face-toldyouso.png and /dev/null differ diff --git a/assets/characters/whelen/_ref-body-perplexity.png b/assets/characters/whelen/_ref-body-perplexity.png deleted file mode 100644 index e5d4103..0000000 Binary files a/assets/characters/whelen/_ref-body-perplexity.png and /dev/null differ diff --git a/assets/characters/whelen/_ref-face-perplexity.png b/assets/characters/whelen/_ref-face-perplexity.png deleted file mode 100644 index 107709c..0000000 Binary files a/assets/characters/whelen/_ref-face-perplexity.png and /dev/null differ diff --git a/assets/characters/whelen/body-determined.png b/assets/characters/whelen/body-determined.png deleted file mode 100644 index 2c37c46..0000000 Binary files a/assets/characters/whelen/body-determined.png and /dev/null differ diff --git a/assets/characters/whelen/body-happy.png b/assets/characters/whelen/body-happy.png deleted file mode 100644 index ef40187..0000000 Binary files a/assets/characters/whelen/body-happy.png and /dev/null differ diff --git a/assets/characters/whelen/body-neutral.png b/assets/characters/whelen/body-neutral.png deleted file mode 100644 index 9737ccc..0000000 Binary files a/assets/characters/whelen/body-neutral.png and /dev/null differ diff --git a/assets/characters/whelen/body-sad.png b/assets/characters/whelen/body-sad.png deleted file mode 100644 index 2056f02..0000000 Binary files a/assets/characters/whelen/body-sad.png and /dev/null differ diff --git a/assets/characters/whelen/body-tired.png b/assets/characters/whelen/body-tired.png deleted file mode 100644 index 855a49d..0000000 Binary files a/assets/characters/whelen/body-tired.png and /dev/null differ diff --git a/assets/characters/whelen/body-worry.png b/assets/characters/whelen/body-worry.png deleted file mode 100644 index 2dd85e2..0000000 Binary files a/assets/characters/whelen/body-worry.png and /dev/null differ diff --git a/assets/characters/whelen/face-anticipation.png b/assets/characters/whelen/face-anticipation.png deleted file mode 100644 index 0be27d0..0000000 Binary files a/assets/characters/whelen/face-anticipation.png and /dev/null differ diff --git a/assets/characters/whelen/face-bored.png b/assets/characters/whelen/face-bored.png deleted file mode 100644 index d376b4d..0000000 Binary files a/assets/characters/whelen/face-bored.png and /dev/null differ diff --git a/assets/characters/whelen/face-happy.png b/assets/characters/whelen/face-happy.png deleted file mode 100644 index af35cae..0000000 Binary files a/assets/characters/whelen/face-happy.png and /dev/null differ diff --git a/assets/characters/whelen/face-neutral.png b/assets/characters/whelen/face-neutral.png deleted file mode 100644 index 1a93432..0000000 Binary files a/assets/characters/whelen/face-neutral.png and /dev/null differ diff --git a/assets/characters/whelen/face-skeptic.png b/assets/characters/whelen/face-skeptic.png deleted file mode 100644 index 33cc063..0000000 Binary files a/assets/characters/whelen/face-skeptic.png and /dev/null differ diff --git a/assets/characters/whelen/face-tired.png b/assets/characters/whelen/face-tired.png deleted file mode 100644 index f395166..0000000 Binary files a/assets/characters/whelen/face-tired.png and /dev/null differ diff --git a/assets/characters/whelen/face-worry.png b/assets/characters/whelen/face-worry.png deleted file mode 100644 index 563b68e..0000000 Binary files a/assets/characters/whelen/face-worry.png and /dev/null differ diff --git a/assets/styles/millironx.css b/assets/styles/millironx.css index 00ad31e..4566317 100644 --- a/assets/styles/millironx.css +++ b/assets/styles/millironx.css @@ -185,8 +185,6 @@ "URW Bookman L", "Georgia Pro", Georgia, serif; --font-family-slab-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif; - --font-family-transitional: Charter, "Bitstream Charter", "Sitka Text", - Cambria, serif; --font-family-system-ui: system-ui, sans-serif; --font-family-monospace: "Nimbus Mono PS", "Courier New", monospace; } @@ -205,19 +203,6 @@ body { flex-direction: column; min-height: 98vh; margin: 0 8px; - align-items: center; -} - -.container { - max-width: min(60rem, 100vw - 2rem); -} - -.footer-inner { - width: min(60rem, 100vw - 2rem); - display: flex; - justify-content: space-between; - align-items: center; - flex-shrink: 0; } a { @@ -274,34 +259,6 @@ main { flex-direction: column; } -article p, -.character-dialog-text, -article li { - font-family: var(--font-family-transitional); - font-size: 1.15rem; - text-justify: inter-word; - text-align: justify; - hyphens: auto; -} - -article > p { - text-indent: 2ch; - line-height: 1.5em; -} - -article h1 + p, -article h2 + p, -article h3 + p, -article h4 + p, -article h5 + p, -article h6 + p { - text-indent: 0; -} - -.footnotes p { - font-size: smaller; -} - figure { border-color: var(--container-border); border-width: 1.5pt; @@ -338,14 +295,14 @@ figure:has(blockquote) > figcaption { } footer { - display: flex; - flex-direction: column; - align-items: center; background-color: var(--container-background); margin: 0 0 -1em -1em; width: calc(100% - 1em); padding: 0.25em 1.25em; - font-size: smaller; + display: flex; + justify-content: space-between; + align-items: center; + flex-shrink: 0; } form { @@ -602,55 +559,6 @@ figcaption .mono { max-width: 100%; } -.character-dialog { - display: grid; - width: calc(100% - 1rem); - grid-template-columns: 5rem 1fr; - grid-template-rows: auto auto; - gap: 1em; - margin: 0.5rem; -} - -.character-avatar { - display: grid; - max-width: 100%; - grid-row: 1 / span 2; - grid-column: 1; - align-self: start; - align-items: center; - justify-items: center; - min-width: 5rem; - min-height: 5rem; - border-radius: 5rem; - align-items: center; - border-style: solid; - border-color: var(--nav-button-background-hover); - background-color: var(--cowhide-2); -} - -.character-avatar > img { - max-width: 4rem; - max-height: 4rem; -} - -.character-dialog-bubble { - display: grid; - grid-template-rows: auto auto; - align-self: start; - border-radius: 0.5em; - border-width: 0.2rem; - border-color: var(--nav-button-background); - border-style: outset; - row-gap: 0.5rem; - padding: 0.5rem; - background-color: var(--container-border); - min-height: 5rem; -} - -.character-dialog-title { - font-weight: bolder; -} - /* Helper classes */ 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/assets/styles/scrolling-header.css b/assets/styles/scrolling-header.css index acc8a4b..c708ef5 100644 --- a/assets/styles/scrolling-header.css +++ b/assets/styles/scrolling-header.css @@ -18,8 +18,6 @@ animation: sticky-header linear forwards; animation-timeline: scroll(); animation-range: 0 30vh; - - contain: content; } @keyframes blurry-header { @@ -62,7 +60,6 @@ main section { margin: 0 0.25em; - contain: content; } } /* end @supports */ } /* end @media */ diff --git a/content/blogroll/car-talk/thumbnail.jpg b/content/blogroll/car-talk/thumbnail.jpg deleted file mode 100644 index d09dcaf..0000000 Binary files a/content/blogroll/car-talk/thumbnail.jpg and /dev/null differ diff --git a/content/blogroll/car-talk/thumbnail.webp b/content/blogroll/car-talk/thumbnail.webp new file mode 100644 index 0000000..d70bbd1 Binary files /dev/null and b/content/blogroll/car-talk/thumbnail.webp differ diff --git a/content/blogroll/thru-the-bible/thumbnail.jpg b/content/blogroll/thru-the-bible/thumbnail.jpg deleted file mode 100644 index 87c7d57..0000000 Binary files a/content/blogroll/thru-the-bible/thumbnail.jpg and /dev/null differ diff --git a/content/blogroll/thru-the-bible/thumbnail.webp b/content/blogroll/thru-the-bible/thumbnail.webp new file mode 100644 index 0000000..39882cd Binary files /dev/null and b/content/blogroll/thru-the-bible/thumbnail.webp differ diff --git a/content/contact/_index.html b/content/contact/_index.html index 3d73f4f..de0f76d 100644 --- a/content/contact/_index.html +++ b/content/contact/_index.html @@ -18,18 +18,10 @@ validation: true suppressRss: true --- - -
Contact Me - + - - -
-