From 252401e51fb679ed9b06f85513220333778ed90a Mon Sep 17 00:00:00 2001 From: Hannah Robertson Date: Fri, 11 Oct 2024 20:55:49 -0400 Subject: [PATCH] Feat: new blogpost on screenshots and memes (#37) * init empty blog post * copy in prev draft * new assets folder for blogs * add title * draft post * update rss * update blog posts * revise * update mistaek image --- add_stuff.jl | 3 + assets/css/main.css | 55 +++++ blog/future-blog-posts/index.html | 9 +- blog/future-blog-posts/src.md | 6 +- blog/index.html | 1 + blog/meme-making/assets/bee.png | Bin 0 -> 36793 bytes blog/meme-making/assets/cat.png | Bin 0 -> 204844 bytes blog/meme-making/assets/composite.gif | Bin 0 -> 839165 bytes blog/meme-making/assets/edit.gif | Bin 0 -> 935750 bytes blog/meme-making/assets/mistaek.png | Bin 0 -> 191017 bytes blog/meme-making/assets/screenshots-full.png | Bin 0 -> 342940 bytes blog/meme-making/assets/screenshots.png | Bin 0 -> 238376 bytes blog/meme-making/assets/zulip.png | Bin 0 -> 16373 bytes blog/meme-making/index.html | 219 +++++++++++++++++++ blog/meme-making/src.md | 132 +++++++++++ rss.xml | 7 + 16 files changed, 426 insertions(+), 6 deletions(-) create mode 100644 blog/meme-making/assets/bee.png create mode 100644 blog/meme-making/assets/cat.png create mode 100644 blog/meme-making/assets/composite.gif create mode 100644 blog/meme-making/assets/edit.gif create mode 100644 blog/meme-making/assets/mistaek.png create mode 100644 blog/meme-making/assets/screenshots-full.png create mode 100644 blog/meme-making/assets/screenshots.png create mode 100644 blog/meme-making/assets/zulip.png create mode 100644 blog/meme-making/index.html create mode 100644 blog/meme-making/src.md diff --git a/add_stuff.jl b/add_stuff.jl index 4a4eefe..75b9718 100644 --- a/add_stuff.jl +++ b/add_stuff.jl @@ -70,7 +70,10 @@ function new_blog_post() str = replace(str, "{{ DATE }}" => date) str = replace(str, "{{ BLOG_DIR }}" => dir_name) write(file, str) + + mv(file, replace(file, ".template" => "")) end + mkdir(joinpath(dir, "assets")) @info "Adding new project to blog index" let diff --git a/assets/css/main.css b/assets/css/main.css index 80e6b32..6acc776 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -318,6 +318,61 @@ img.home-img { .navbar { margin-bottom: 1.6em; } + + .blog-table { + padding: 1em; + border: 1px solid #dbdbdb; + } + + table { + border-collapse: collapse; + width: 100%; + table-layout: fixed; + } + + table caption { + text-align: left; + } + + td, + th { + padding: 6px; + text-align: left; + vertical-align: top; + word-wrap: break-word; + } + + thead { + border-bottom: 1px solid #dbdbdb; + /* border-bottom: 1px solid var(--border); */ + } + + tfoot { + border-top: 1px solid #dbdbdb; + /* border-top: 1px solid var(--border); */ + } + + tbody tr:nth-child(even) { + background-color: #efefef; + background-color: var(--background); + } + + tbody tr:nth-child(even) button { + background-color: #f7f7f7; + background-color: var(--background-alt); + } + + tbody tr:nth-child(even) button:hover { + background-color: #fff; + background-color: var(--background-body); + } + + th { + width: 90%; + } + th:first-of-type { + width: 10%; + } } .alert { diff --git a/blog/future-blog-posts/index.html b/blog/future-blog-posts/index.html index 30f0079..7a2330f 100644 --- a/blog/future-blog-posts/index.html +++ b/blog/future-blog-posts/index.html @@ -17,7 +17,7 @@

Titles of blog posts I might never write

…but maybe I will!

-

My tech writing these days follows DDD (Dopamine-Driven Development), which means that if you tell me what you want to read from me, I will be that much more likely to write it.

+

My tech writing these days follows DDD (Dopamine-Driven Development), which means that if you tell me what you want to read from me, I will be that much more likely to write it.

Without further ado, some things I could write Easy inter-room trolling: OSX’s say, a bluetooth speaker, and you

  • - Quick and easy meme-making, for fun and no profit3 + Quick and easy meme-making, for fun and no profit3 + [EDIT 10/11/24: Written!]
  • How do I do a creative coding?4 @@ -116,7 +119,7 @@

    Footnotes

    • created: 2024-09-18
      • -
    • last updated: 2024-09-24
      • +
    • last updated: 2024-10-11
    • tags: brainstorm, metawriting
    diff --git a/blog/future-blog-posts/src.md b/blog/future-blog-posts/src.md index 4222610..7809efa 100644 --- a/blog/future-blog-posts/src.md +++ b/blog/future-blog-posts/src.md @@ -2,12 +2,12 @@ title: "Titles of blog posts I might never write" tags: [brainstorm, metawriting] created: 2024-09-18 -updated: 2024-09-24 +updated: 2024-10-11 --- ...but maybe I will! -My tech writing these days follows DDD (Dopamine-Driven Development), which means that if you tell me what you want to read from me, I will be that much more likely to write it. +My tech writing these days follows DDD ([Dopamine-Driven Development](../driven-developments/)), which means that if you tell me what you want to read from me, I will be that much more likely to write it. Without further ado, some things I could write *right now[^footnote1]*: @@ -19,7 +19,7 @@ Without further ado, some things I could write *right now[^footnote1]*: - *Small Tales* | On building a bookshelf of your favorite reads, in miniature, for when you have limited bookshelf space or a limited book budget. - *Mobiles! For that new tiny human in your extended universe* - *Easy inter-room trolling: OSX's `say`, a bluetooth speaker, and you* -- *Quick and easy meme-making, for fun and no profit*[^footnote3a] +- ~~*Quick and easy meme-making, for fun and no profit*[^footnote3a]~~ [EDIT 10/11/24: [Written](../meme-making/)!] - *How do I do a creative coding?*[^footnote3b] - *Mix of the Month Clubs for the 2020s* | Mixtapes are my love language, but no one has a cd player anymore (not to mention a disc drive, or a cassette player). What's a fellow to do? - *Message in a bottle, or, the US Postal Service is way more fun than most people know it is* diff --git a/blog/index.html b/blog/index.html index 22327da..f121df6 100644 --- a/blog/index.html +++ b/blog/index.html @@ -24,6 +24,7 @@

    Blog