dce/davideisinger.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better image CSS

Browse Source
This commit is contained in:
David Eisinger
2024-01-10 22:03:23 -05:00
parent f112c400e8
commit 87f702bb3d
13 changed files with 47 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
content/elsewhere/gifts-for-your-nerd/index.md
View File

@@ -38,7 +38,7 @@ rubber or plastic. Class it up with this handmade leather-and-wool case.
Doubles as a slim wallet if your nerd is of the minimalist mindset, and Doubles as a slim wallet if your nerd is of the minimalist mindset, and
here's a hint: we all are. here's a hint: we all are.
<img src="dce_ignore.jpg" class="inline"> [*Ignore Everybody**](https://www.amazon.com/Ignore-Everybody-Other-Keys-Creativity/dp/159184259X) **by Hugh MacLeod ($16)** <img src="dce_ignore.jpg" class="inline"> [**Ignore Everybody**](https://www.amazon.com/Ignore-Everybody-Other-Keys-Creativity/dp/159184259X) **by Hugh MacLeod ($16)**
Give your nerd the motivation to finish that web application he's been Give your nerd the motivation to finish that web application he's been
talking about for the last two years so you can retire. talking about for the last two years so you can retire.

6
content/journal/dispatch-10-december-2023/index.md
View File

@@ -29,10 +29,8 @@ We spent the week of Thanksgiving with my sister near Albany, New York. Tough dr
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail IMG_9217.jpg "400x" />}}
{{<thumbnail IMG_9217.jpg "400x" />}} {{<thumbnail IMG_5088.jpg "400x" />}}
{{<thumbnail IMG_5088.jpg "400x" />}}
</div>
In what's now I guess an annual tradition, I ran a 10K the morning of Thanksgiving, this time the [Troy Turkey Trot][2]. I felt great, and I'm happy with my time ([results][3], [certificate][4]). Claire joked that after you run a marathon, a half-marathon becomes your favorite race distance. That's how I feel about 10Ks -- it's like the first half of a half-marathon, before it really starts to suck. In what's now I guess an annual tradition, I ran a 10K the morning of Thanksgiving, this time the [Troy Turkey Trot][2]. I felt great, and I'm happy with my time ([results][3], [certificate][4]). Claire joked that after you run a marathon, a half-marathon becomes your favorite race distance. That's how I feel about 10Ks -- it's like the first half of a half-marathon, before it really starts to suck.

7
content/journal/dispatch-2-april-2023/index.md
View File

@@ -31,10 +31,9 @@ In April, I'm finishing training for (and then running) the [Tar Heel 10 Miler][
I didn't make much progress on the closet project this month (took some measurements and had some discussions with Claire), but I did manage to build this "learning tower" for Nev and started acquainting myself with Affinity Designer. I didn't make much progress on the closet project this month (took some measurements and had some discussions with Claire), but I did manage to build this "learning tower" for Nev and started acquainting myself with Affinity Designer.
<div class="image-set"> {{<thumbnail tower "400x600" />}}
{{<thumbnail tower "400x600" />}} {{<thumbnail rocket "400x600" />}}
{{<thumbnail rocket "400x600" />}}
</div>
This month: This month:

10
content/journal/dispatch-3-may-2023/index.md
View File

@@ -28,12 +28,10 @@ Another month in the books. Man, year's flying by. We filled it up though: went
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail IMG_3656 "200x300" />}}
{{<thumbnail IMG_3656 "200x300" />}} {{<thumbnail IMG_3763 "200x300" />}}
{{<thumbnail IMG_3763 "200x300" />}} {{<thumbnail IMG_3816 "200x300" />}}
{{<thumbnail IMG_3816 "200x300" />}} {{<thumbnail IMG_3815 "200x300" />}}
{{<thumbnail IMG_3815 "200x300" />}}
</div>
I ordered Claire an [e-bike][1] thinking it might arrive before her birthday mid-May, but it showed up just a few days later. It's been a blast taking Nevie to the museum and around town. We also ran the Tar Heel 10 Miler last weekend. Super fun, and I did better than I expected to based on my training ([result][2], [certificate][3]) -- there's something about an organized race that just gives that extra push I guess. I ordered Claire an [e-bike][1] thinking it might arrive before her birthday mid-May, but it showed up just a few days later. It's been a blast taking Nevie to the museum and around town. We also ran the Tar Heel 10 Miler last weekend. Super fun, and I did better than I expected to based on my training ([result][2], [certificate][3]) -- there's something about an organized race that just gives that extra push I guess.

11
content/journal/dispatch-4-june-2023/index.md
View File

@@ -29,12 +29,11 @@ We spent Memorial Day weekend at Lake Norman, but it was like 55° and rainy the
We finished off the closet project -- building the second unit was a lot quicker than the first, since I really just had to scale up the existing plans. Then it was a matter of adding the connecting rod and shelf. I think it turned out great, though I'd like to improve at building drawers. Here are some before and after shots (courtesy of Claire): We finished off the closet project -- building the second unit was a lot quicker than the first, since I really just had to scale up the existing plans. Then it was a matter of adding the connecting rod and shelf. I think it turned out great, though I'd like to improve at building drawers. Here are some before and after shots (courtesy of Claire):
<div class="image-set">
{{<thumbnail IMG_6173 "200x" />}} {{<thumbnail IMG_6173 "200x" />}}
{{<thumbnail IMG_6174 "200x" />}} {{<thumbnail IMG_6174 "200x" />}}
{{<thumbnail IMG_6593 "200x" />}} {{<thumbnail IMG_6593 "200x" />}}
{{<thumbnail IMG_6594 "200x" />}} {{<thumbnail IMG_6594 "200x" />}}
</div>
Other life updates: we had a big work retreat at the beginning of the month at the [Tides Inn][1], which was incredible. I celebrated 15 years (15!) with the company, and received a [scooter][2] as a gift. This thing is rad -- I've been really happy with the e-bike, but it's nice to have a smaller option for quick trips to the office or corner store. Other life updates: we had a big work retreat at the beginning of the month at the [Tides Inn][1], which was incredible. I celebrated 15 years (15!) with the company, and received a [scooter][2] as a gift. This thing is rad -- I've been really happy with the e-bike, but it's nice to have a smaller option for quick trips to the office or corner store.

10
content/journal/dispatch-5-july-2023/index.md
View File

@@ -37,12 +37,10 @@ June was dominated by work and travel. Weekdays were filled up with a client pro
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail IMG_4041 "200x150" />}}
{{<thumbnail IMG_4041 "200x150" />}} {{<thumbnail 11B423F8-5D03-4155-B548-185E04A04595_1_105_c "200x150" />}}
{{<thumbnail 11B423F8-5D03-4155-B548-185E04A04595_1_105_c "200x150" />}} {{<thumbnail IMG_9457 "200x150" />}}
{{<thumbnail IMG_9457 "200x150" />}} {{<thumbnail C65C4973-3266-4155-9786-F7B379BD8DD9_1_105_c "200x150" />}}
{{<thumbnail C65C4973-3266-4155-9786-F7B379BD8DD9_1_105_c "200x150" />}}
</div>
It was a busy month, sometimes overly so, but having so many unique experiences had this odd effect of slowing and expanding time, which is the opposite of how things tend to go as you get older ([good short piece along the same lines][2]). Most everything else fell by the wayside, but that's OK -- these were all awesome experiences, and I'm excited for a (relatively) quiet July. It was a busy month, sometimes overly so, but having so many unique experiences had this odd effect of slowing and expanding time, which is the opposite of how things tend to go as you get older ([good short piece along the same lines][2]). Most everything else fell by the wayside, but that's OK -- these were all awesome experiences, and I'm excited for a (relatively) quiet July.

6
content/journal/dispatch-6-august-2023/index.md
View File

@@ -27,10 +27,8 @@ Nice to have a quieter month, though we still managed to spend a weekend at Lake
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail 05569D5B "400x" />}}
{{<thumbnail 05569D5B "400x" />}} {{<thumbnail DBCE9DD4 "400x" />}}
{{<thumbnail DBCE9DD4 "400x" />}}
</div>
Tech-wise, I switched from Vim to [Helix][2], which I've detailed [over here][3]. I was also able to work through a whole bunch of the [Go track on Exercism][4] -- it's a good way to get a handle on the basics of a language, but doesn't cover using third-party packages, organizing large codebases, etc. To get that kind of experience, I'm going to try my hand at an app for fantasy sports drafts -- take a set of player projections and a scoring formula, and output a UI I can use during a live online draft. I've been doing this with spreadsheets for years, and it's pretty cumbersome. I'm going to use TOML for configuration, SQLite for data persistence, and [Bubble Tea][5] for the UI itself. We'll see how it goes! Tech-wise, I switched from Vim to [Helix][2], which I've detailed [over here][3]. I was also able to work through a whole bunch of the [Go track on Exercism][4] -- it's a good way to get a handle on the basics of a language, but doesn't cover using third-party packages, organizing large codebases, etc. To get that kind of experience, I'm going to try my hand at an app for fantasy sports drafts -- take a set of player projections and a scoring formula, and output a UI I can use during a live online draft. I've been doing this with spreadsheets for years, and it's pretty cumbersome. I'm going to use TOML for configuration, SQLite for data persistence, and [Bubble Tea][5] for the UI itself. We'll see how it goes!

18
content/journal/dispatch-7-september-2023/index.md
View File

@@ -39,20 +39,16 @@ We were down at Lake Norman for the long weekend, and as I was pulling up the ka
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail IMG_4446.jpeg "400x200" />}}
{{<thumbnail IMG_4446.jpeg "400x200" />}} {{<thumbnail IMG_1602.jpeg "400x200" />}}
{{<thumbnail IMG_1602.jpeg "400x200" />}}
</div>
The following weekend, we headed up to Rehoboth Beach in Delaware to spend the week with my family. It's different than the North Carolina beaches we're used to as there's a lot to do around the town (boardwalk, parks & playgrounds, [indoor amusement park][1]). We brought our bikes and took a ride on the [Gordons Pond Trail][2], which was rad. The following weekend, we headed up to Rehoboth Beach in Delaware to spend the week with my family. It's different than the North Carolina beaches we're used to as there's a lot to do around the town (boardwalk, parks & playgrounds, [indoor amusement park][1]). We brought our bikes and took a ride on the [Gordons Pond Trail][2], which was rad.
[1]: https://funlandrehoboth.com/ [1]: https://funlandrehoboth.com/
[2]: https://delawaregreenways.org/trail/gordons-pond-trail/ [2]: https://delawaregreenways.org/trail/gordons-pond-trail/
<div class="image-set"> {{<thumbnail IMG_4514.jpeg "400x300" />}}
{{<thumbnail IMG_4514.jpeg "400x300" />}} {{<thumbnail IMG_4575.jpeg "400x300" />}}
{{<thumbnail IMG_4575.jpeg "400x300" />}}
</div>
We also recorded this little jam featuring my 3.5-year-old niece on the melodica: We also recorded this little jam featuring my 3.5-year-old niece on the melodica:
@@ -80,10 +76,8 @@ We got hit with a [nasty storm][9] in the middle of August. It was wild -- hot,
I did a couple projects in Go this month: I did a couple projects in Go this month:
<div class="image-set"> {{<thumbnail golong.png "400x" />}}
{{<thumbnail golong.png "400x" />}} {{<thumbnail forecast.png "400x" />}}
{{<thumbnail forecast.png "400x" />}}
</div>
The first, the fantasy draft <abbr title="text-based user interface">TUI</abbr> app [I mentioned last month][10], came together well and quickly. It was straightforward to set up TOML for configuration, SQLite for data persistence, and [Bubble Tea][11] for the UI. Bubble Tea's super cool -- you pull in your widgets (two in my case, for a table view and a search box), and you can respond to keypresses or let the widgets handle them. As a result, my UI has Vim keybindings without me doing anything, which was super handy during the draft. The first, the fantasy draft <abbr title="text-based user interface">TUI</abbr> app [I mentioned last month][10], came together well and quickly. It was straightforward to set up TOML for configuration, SQLite for data persistence, and [Bubble Tea][11] for the UI. Bubble Tea's super cool -- you pull in your widgets (two in my case, for a table view and a search box), and you can respond to keypresses or let the widgets handle them. As a result, my UI has Vim keybindings without me doing anything, which was super handy during the draft.

16
content/journal/dispatch-8-october-2023/index.md
View File

@@ -38,17 +38,13 @@ It wasn't all perfectly smooth -- Nev had a tough time with jet lag, and driving
[3]: https://www.infoelba.com/discovering-elba/communes-towns/rio-marina/cavo/ [3]: https://www.infoelba.com/discovering-elba/communes-towns/rio-marina/cavo/
[4]: https://ilpomodorino.it/ [4]: https://ilpomodorino.it/
<div class="image-set"> {{<thumbnail IMG_4710.jpeg "267x" />}}
{{<thumbnail IMG_4710.jpeg "267x" />}} {{<thumbnail IMG_4771.jpeg "267x" />}}
{{<thumbnail IMG_4771.jpeg "267x" />}} {{<thumbnail IMG_4781.jpeg "267x" />}}
{{<thumbnail IMG_4781.jpeg "267x" />}}
</div>
<div class="image-set"> {{<thumbnail IMG_4809.jpeg "267x" />}}
{{<thumbnail IMG_4809.jpeg "267x" />}} {{<thumbnail IMG_4842.jpeg "267x" />}}
{{<thumbnail IMG_4842.jpeg "267x" />}} {{<thumbnail IMG_4886.jpeg "267x" />}}
{{<thumbnail IMG_4886.jpeg "267x" />}}
</div>
I downloaded the [Airalo][5] app before I left, which offers cheap international data plans using e-SIM cards. The app works great, no complaints there, but mixed feelings about having a working phone while on vacation -- it was cool to be able to send photos + make video calls, but my company's going through some tough times and I couldn't pull myself away from Slack and email. I downloaded the [Airalo][5] app before I left, which offers cheap international data plans using e-SIM cards. The app works great, no complaints there, but mixed feelings about having a working phone while on vacation -- it was cool to be able to send photos + make video calls, but my company's going through some tough times and I couldn't pull myself away from Slack and email.

6
content/journal/dispatch-9-november-2023/index.md
View File

@@ -40,10 +40,8 @@ It was nice to have a quieter month after so much travel this summer. We got a f
<!--more--> <!--more-->
<div class="image-set"> {{<thumbnail ECE91676-CF38-4F4D-9F8F-B6C87048AB16_1_105_c.jpeg "400x" />}}
{{<thumbnail ECE91676-CF38-4F4D-9F8F-B6C87048AB16_1_105_c.jpeg "400x" />}} {{<thumbnail 59EA3598-4D50-4783-8EBF-CA35996F19E9_1_105_c.jpeg "400x" />}}
{{<thumbnail 59EA3598-4D50-4783-8EBF-CA35996F19E9_1_105_c.jpeg "400x" />}}
</div>
## Tech ## Tech

8
content/notes/weekly-monthly-playbooks/index.md
View File

@@ -27,8 +27,6 @@ _Building a Second Brain_ (p. 215)
## Notebook Templates ## Notebook Templates
<div class="image-set"> {{<thumbnail template_1 "237x329" />}}
{{<thumbnail template_1 "237x329" />}} {{<thumbnail template_2 "237x329" />}}
{{<thumbnail template_2 "237x329" />}} {{<thumbnail template_3 "237x329" />}}
{{<thumbnail template_3 "237x329" />}}
</div>

5
themes/v2/assets/css/style.scss
View File

@@ -118,13 +118,14 @@ img {
} }
} }
.image-set { p:has(img) {
display: flex; display: flex;
gap: 1em; gap: 1em;
margin-block-start: 1em; margin-block-start: 1em;
margin-block-end: 1em; margin-block-end: 1em;
align-items: center;
figure { a {
line-height: 0; line-height: 0;
} }
} }

14
themes/v2/layouts/shortcodes/thumbnail.html
View File

@@ -8,12 +8,10 @@
{{ end }} {{ end }}
<a href="{{ $orig.RelPermalink }}"> <a href="{{ $orig.RelPermalink }}">
<figure> <img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
<img src="{{ $img.RelPermalink }}" width="{{ $img.Width }}" height="{{ $img.Height }}"> {{ with .Inner }}
{{ with .Inner }} <figcaption>
<figcaption> {{ . }}
{{ . }} </figcaption>
</figcaption> {{ end }}
{{ end }}
</figure>
</a> </a>