Skip to content

Commit 03db3d7

Browse files
committed
Clean up CSS
1 parent da31bb0 commit 03db3d7

File tree

1 file changed

+9
-10
lines changed

1 file changed

+9
-10
lines changed

_posts/2025-02-09-jekyll.md

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ This is a meandering post about my personal experience using Claude (just the LL
88

99
This isn’t a tutorial on how to install Jekyll or design a site. There are plenty of resources for that, so I’m going to skip a lot of steps and gloss over some details.
1010

11-
![Old homepage of my site](/assets/jekyll_site/old_site.png){: .bordered-image}
11+
![Old homepage of my site](/assets/jekyll_site/old_site.png)
1212

1313
This site used to be raw HTML. I wanted to change it to Jekyll and Markdown for a few reasons:
1414

@@ -27,15 +27,15 @@ My site is hosted on GitHub pages and I own my domain (devinlogan.org) through D
2727

2828
1. Sure enough, installing Jekyll was the first step. Claude instructed me how to do that:
2929

30-
![Installation instructions](/assets/jekyll_site/install.png){: .small-image}
30+
![Installation instructions](/assets/jekyll_site/install.png)
3131

3232
1. After trying out the first step, I got an error:
3333

3434
```(ERROR: While executing gem ... (Gem::FilePermissionError) You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directory.)```
3535

3636
Claude recommended two different ways I could do it instead (I chose the second).
3737

38-
![Enter image alt description](/assets/jekyll_site/alt_install.png){: .small-image}
38+
![Enter image alt description](/assets/jekyll_site/alt_install.png)
3939

4040
Now I had a basic Jekyll site up and running.
4141

@@ -53,24 +53,24 @@ Next, I spent some time on the design. I wanted the site index to be a page abou
5353

5454
The Minima style by default has the [posts inline on the site index](https://jekyll.github.io/minima/). I didn’t want this – I wanted the blog to be linked from the index, but I wanted the index to be relatively sparse. I set up the separate blog part relatively easily and got the posts to show up on a non-index page, but I had a harder time figuring out how to remove the posts from the index.
5555

56-
![Default minima index](/assets/jekyll_site/minima.png){: .bordered-small-image}
56+
![Default minima index](/assets/jekyll_site/minima.png)
5757

5858
1. First, I thought I’d just change the theme and find one that suited me better. I found a few that looked good and got one up and running, but then I realized I’d have to make additional changes to get the look I wanted. That seemed annoying so I just went back to the basic theme.
5959

6060
1. Next, I tried to get Claude to help me. First, Claude told me to remove the for loops from the index, but I didn't have any. My index was literally just text, no special formatting.
6161

6262
1. I reworded my question, and Claude told me to override the home layout. This technically did what I wanted – it removed the posts, but also all other styling on the page. Other than the removing posts, I wanted the Minima layout and styling preserved.
6363

64-
![Claude suggesting to remove everything](/assets/jekyll_site/nuclear_posts.png){: .small-image}
64+
![Claude suggesting to remove everything](/assets/jekyll_site/nuclear_posts.png)
6565

6666
1. I tried again. Claude wanted me to implement a bunch of JavaScript. This seemed like a hack, and I wanted a better solution.
6767

6868
1. So I went to the internet. I read some stuff and tried some stuff and nothing was quite right. For example, a common issue people have is wanting to [hide some posts](https://tamrazyan.com/how-to-hide-a-post-on-jekyll). But I wanted to hide all posts, not filter some out.
6969

7070
1. I finally went back to Claude and asked how to override the Minima theme. This turned out to be the correct wording! I got a simple solution that worked right away.
7171

72-
![Solution: posts removed from index](/assets/jekyll_site/posts_solution.png){: .small-image}
73-
![Site with post titles italicized](/assets/jekyll_site/post_with_proper_italics.png){: .bordered-small-image}
72+
![Solution: posts removed from index](/assets/jekyll_site/posts_solution.png)
73+
![Site with post titles italicized](/assets/jekyll_site/post_with_proper_italics.png)
7474

7575

7676
## Issue #2: Italicize words in the title of a post
@@ -100,13 +100,12 @@ I thought this would be super easy and just a single line of code somewhere, but
100100

101101
1. Next, Claude took a more nuanced, Minima-specific approach. I copied Minima’s ```head.html``` file over to my own, and then adjusted some of the code to account for the favicon. This worked.
102102

103-
![Claude's favicon solution](/assets/jekyll_site/favicon_solution.png){: .small-image}
104-
103+
![Claude's favicon solution](/assets/jekyll_site/favicon_solution.png)
105104
## Issue #4: Add a LinkedIn icon
106105

107106
I looked online first and found a lot of solutions that looked complicated and required editing multiple files. Surely there was a better way?! Yes. According to Claude, there was indeed a one-line solution. This worked right away.
108107

109-
![Claude's LinkedIn solution](/assets/jekyll_site/linkedin.png){: .small-image}
108+
![Claude's LinkedIn solution](/assets/jekyll_site/linkedin.png)
110109

111110
# Takeaways
112111

0 commit comments

Comments
 (0)