From 5e77fe6d382933d542c478ada499c283d20a5f84 Mon Sep 17 00:00:00 2001 From: Ben Larson <10101828+ben-larson@users.noreply.github.com> Date: Sun, 11 Jul 2021 17:52:49 -0500 Subject: [PATCH] Add wishlist --- src/index.html | 6 +++--- src/styles/colors.css | 4 ++-- src/styles/main.css | 44 +++++++++++++++++++++++++++++++++++------ src/wishlist/index.html | 33 +++++++++++++++++++++++++++++++ 4 files changed, 76 insertions(+), 11 deletions(-) create mode 100644 src/wishlist/index.html diff --git a/src/index.html b/src/index.html index 1068e99..b3fd941 100644 --- a/src/index.html +++ b/src/index.html @@ -24,7 +24,7 @@

Ben Larson

-

+

I am a software developer in Nashville, Tennissee. For the past two years I've been working on the Marketing Technology team at Ramsey. Before that I was @@ -32,7 +32,7 @@ where I got a bachelor's degree in Computer Science, and minored in Philosophy and German.

-

+

For fun I enjoy hiking, reading, and listening to music. The tallest mountain I have climbed is Mount Washington (6k ft) in New Hampshire. A few of my favorite authors are Howard Pyle, G. K. Chesterton, C. S. @@ -41,7 +41,7 @@ Trio Dhoore, and "Weird Al" Yankovic.

-

+

Like a lot of other devs, I often spend my free time coding. Many of my side projects are hosted on my git server. One of these is diff --git a/src/styles/colors.css b/src/styles/colors.css index 3b6d1c8..cb43d50 100644 --- a/src/styles/colors.css +++ b/src/styles/colors.css @@ -12,13 +12,13 @@ @media (prefers-color-scheme: dark) { :root { - --background-color-primary: #111; + --background-color-primary: #181818; --background-color-header: #000; --text-color-primary: #eee; --text-color-links: #0af; --text-shadow: 0 0 1px rgba(200, 200, 200, 0.6); - --separator-color: #222; + --separator-color: #282828; } } diff --git a/src/styles/main.css b/src/styles/main.css index 713397c..4a031dd 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -18,6 +18,7 @@ body { header { background-color: var(--background-color-header); padding: 6rem 3rem 3rem 3rem; + box-shadow: 0 -1px var(--separator-color) inset; } h1 { @@ -28,8 +29,10 @@ h1 { } main { + margin: 0 auto; + max-width: 50rem; + line-height: 1.6em; padding: 3rem 3rem 5rem 3rem; - box-shadow: 0 -1px var(--separator-color); } a { @@ -44,20 +47,45 @@ a:hover { } p { - position: relative; - margin: 0 auto; - max-width: 50rem; - line-height: 1.6em; padding-bottom: 2rem; } -p::first-letter { +p.dropcap::first-letter { font-size: 2em; float: left; margin: 0.3em 0.5em 0 0.5em; line-height: 1em; } +.wishlist { + display: grid; + grid-row-gap: 1.5rem; + list-style-type: none; +} + +.wishlist li { + display: block; + height: 6rem; +} + +.wishlist .thumbnail { + height: 6rem; + float: left; + margin-right: 1.5rem; + border-radius: 1rem; +} + +.wishlist .title { + font-size: 22pt; + line-height: 3rem; + padding-top: .2rem; +} + +.wishlist .description { + display: block; + line-height: 2rem; +} + @media (max-width: 45em) { header { padding: 3rem 2rem 3rem 1rem; @@ -66,4 +94,8 @@ p::first-letter { main { padding: 2rem 1rem 5rem 1rem; } + + .wishlist .thumbnail { + display: none; + } } diff --git a/src/wishlist/index.html b/src/wishlist/index.html new file mode 100644 index 0000000..e31a51d --- /dev/null +++ b/src/wishlist/index.html @@ -0,0 +1,33 @@ + + + + + + Ben's Wishlist + + + +

+

Ben's Wishlist

+
+
+

Note: I'm the only one who can update this, so be careful.

+ +
+ + -- 2.45.2