diff --git a/bookfriends/home.css b/bookfriends/home.css index cdcd6120..8fdaf66b 100644 --- a/bookfriends/home.css +++ b/bookfriends/home.css @@ -1,6 +1,6 @@ @import url("https://use.typekit.net/ozy6rdy.css"); -@import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; +@import "/fontawesome/css/fontawesome.css"; @import "/fontawesome/css/brands.css"; @import "/fontawesome/css/solid.css"; diff --git a/bookfriends/index.html b/bookfriends/index.html index 245d38f8..72e7da1f 100644 --- a/bookfriends/index.html +++ b/bookfriends/index.html @@ -1,5 +1,5 @@ - + @@ -39,7 +39,7 @@

If you're seeing this page, it probably means that I met you at a book-related event. My name is Shannon, and I go by shannonkay on most of the internet, and sometimes pinkbookscoffee in bookish and other cozy spaces.

-

You might want to friend or follow me on GoodReads and StoryGraph. Let's compare books!

+

You might want to friend or follow me on GoodReads and StoryGraph. Let's compare books!

You can follow me on the fediverse on Mastodon @shannonkay@bookstodon.com or even join the great book-themed server I'm on, Bookstodon.com.

@@ -64,12 +64,34 @@
@pinkbookscoffee profile picture

- + + -
+

Past Events

diff --git a/bookfriends/yallwest.css b/bookfriends/yallwest.css index 64bad269..73d9794c 100644 --- a/bookfriends/yallwest.css +++ b/bookfriends/yallwest.css @@ -80,14 +80,37 @@ hr { } -a { +/* hightlighter style skewed underline style*/ + +a, a:visited { + color: #4e4560; + font-weight: bold; + text-decoration: underline; + text-decoration-color: #ffe2ef; + text-decoration-skip-ink: none; + text-decoration-thickness: .5em; + text-underline-offset: -.25em; + transition: text-decoration .3s; +} +a:hover, a:active { + color: #4e4560; + font-weight: bold; + text-decoration: underline; + text-decoration-color: #fcacc1; + text-decoration-skip-ink: none; + text-decoration-thickness: .5em; + text-underline-offset: -.15em; + transition: text-decoration .3s; +} + +/* a { color: #fb6f92; } a:hover, a:active { color: #ffffff; background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); -} +} */ a.username, a:visited.username { text-decoration: none; font-weight: bold; @@ -241,6 +264,9 @@ nav a:hover, nav a:active .social-icons { font-size: 1.5rem; } +.social-icons a, .social-icons a:visited { + color: #f87dac; +} #follow-icons { margin-bottom: 5pt; @@ -253,7 +279,6 @@ img.photo { .photo { align-content: center; text-align: center; - width: 600px; height: auto; max-width: 90%; } diff --git a/coffee/IMG_0149.jpeg b/coffee/IMG_0149.jpeg new file mode 100644 index 00000000..0b9ec553 Binary files /dev/null and b/coffee/IMG_0149.jpeg differ diff --git a/coffee/IMG_0162.jpeg b/coffee/IMG_0162.jpeg new file mode 100644 index 00000000..65cbb52a Binary files /dev/null and b/coffee/IMG_0162.jpeg differ diff --git a/coffee/IMG_2515.jpeg b/coffee/IMG_2515.jpeg new file mode 100644 index 00000000..c0a6b75f Binary files /dev/null and b/coffee/IMG_2515.jpeg differ diff --git a/coffee/IMG_8264.jpeg b/coffee/IMG_8264.jpeg new file mode 100644 index 00000000..c6e2d3bb Binary files /dev/null and b/coffee/IMG_8264.jpeg differ diff --git a/coffee/index.html b/coffee/index.html index 48f33820..bbfc2cb6 100644 --- a/coffee/index.html +++ b/coffee/index.html @@ -1,10 +1,12 @@ - + - - -Coffee (Shannon Kay) - + + +Shannon Kay πŸ’•β˜•οΈ + + + @@ -12,29 +14,127 @@ -

Shannon Kay Coffee

+

Shannon Kay 🩷 Coffee

-

I love coffee.

- -

coffee in a pink mug next to a pink book +

I love coffee. πŸ’•β˜•οΈ

+
+

+ Brewing the coffee
+ Heavenly fragrance, inhale
+ Sipping, delicious
+

+
+ + + +

coffee in a pink mug next to a pink book

-

Coffee Links

- + +

My Coffee Order

+
    +
  • Most places: cold brew coffee, black with ice
  • +
  • If they don't have cold brew: Iced Americano, black
    + I like coffees with fruity tasting notes the most.
  • +
+

Favorite Coffee Shops

+
    +
  • Reborn Coffee Roasters - I usually go to their Brea cafe, but they have several more locations throughout Southern California. They roast their beans in Brea, California. I usually get the Ethiopia Cold Brew.
  • +
  • Caffe In Coffee Co in Anaheim, California, or the original Caffe In Coffee in Tustin, California.
  • +
  • Portola Coffee - I used to visit their Tustin location when my daughter used to have a dance class nearby. That location is gone, but they have another one in Costa Mesa, California.
  • +
+ + +
+ +

Coffee Recipes

+

Cold Brew Coffee Recipe

+

I use the OXO Cold Brew Maker and make my cold brew at a 1:8 ratio, which is basically double strength. That means that whatever amount of coffee I use, I use eight times that amount of water. For drinking, I dilute with about half cold brew and half water.

+

Directions

+
    +
  1. Grind 5oz of coffee at the coarsest setting and put it in the cold brewing container.
  2. +
  3. Pour in 40oz of water and stir a little.
  4. +
  5. Leave it on the counter to brew for 24 hours. There's some wiggle room with the time, but 24 hours is usually the best. I find the magic starts to happen at around 20 hours of brew time.
  6. +
  7. When it's finished brewing, strain out the coffee (with the dripper valve if you're using the oxo brewer) and put the finished cold brew coffee in the refrigerator.
  8. +
  9. This cold brew is double strength, so mix even amounts of it with water for drinking.
  10. +

coffee
Cold brew coffee.

+ +

AeroPress Coffee Recipe

+
    +
  • 20g coffee, ground medium-fine (level 4 on Ode Gen 2 grinder)
  • +
  • water at 203Β°F
  • +
+

Directions

+
    +
  1. Set up AeroPress for standard brewing, with a paper filter and on top of a carafe or mug and place on a scale set to grams.
  2. +
  3. Pour the ground coffee into the AeroPress and tare/zero out the scale.
  4. +
  5. Pour 200g of water into the AeroPress
  6. +
  7. Stir a few times, back and forth, with the paddle stirrer
  8. +
  9. Pour water to 280g
  10. +
  11. Remove from scale before pressing slowly with the plunger
  12. +
  13. When all the coffee is pressed, remove the AeroPress.
  14. +
  15. If brewed into a carafe, pour into a mug.
  16. +
  17. Add a splash of cold water
  18. +
  19. Enjoy!
  20. +
+ +

Iced Pour-Over Coffee Recipe

+

This recipe is from this Fellow Brew Guide(archive). After ordering the coffee it's written for, I started trying the iced recipe right away, to be ready for when those special coffee beans arrived. I really liked the recipe, and kept using it for iced coffee when I didn't have cold brew ready but wanted something iced.

+

Supplies: Flat-bottom dripper(I use Stagg XF) with a paper filter and a carafe

+
    +
  • 25g coffee, ground at medium setting (4 on Ode Gen 2)
  • +
  • 125g ice in carafe (I sometimes pour 125g water into my carafe in the morning and put it in the freezer, and it's frozen by the afternoon.)
  • +
  • 250g of hot water, 202Β°F
  • +
+
    +
  1. Put 125g ice into the carafe.
  2. +
  3. Put the ground coffee into a paper filter, and put the filter in the dripper.
  4. +
  5. Put the dripper on top of the carafe which has the ice in it.
  6. +
  7. Put everything on top of the scale and zero/tare the scale.
  8. +
  9. To bloom, pour the hot water to 75g and wait 45 seconds.
  10. +
  11. Pour to 160g and wait for it to be mostly drained.
  12. +
  13. Pour to 250g and swirl it when it's not too close to the top of the filter.
  14. +
  15. Wait for the coffee to finish dripping, then remove the dripper.
  16. +
  17. Swirl the carafe until all of the ice is melted. The coffee should be cold now.
  18. +
  19. Pour over fresh ice to serve.
  20. +
+ +
+

Coffee Beans

+ +

Coffee Gear

+ +
diff --git a/grid-layout-homepage.html b/grid-layout-homepage.html new file mode 100644 index 00000000..b74e5b1f --- /dev/null +++ b/grid-layout-homepage.html @@ -0,0 +1,199 @@ + + + + +Shannon Kay [Shannon's Homepage] + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Shannon Kay

+ + + + + +
+ +
+ + +
+

Welcome to my homepage!

+

This personal website was made by me, Shannon Kay. I am participating in the poetic ideal of the world wide web; Using the internet to connect to persons all around the world. I have a personal website because I am a person. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.

+ +

I invite you to πŸ’—Sign My GuestbookπŸ“š.

+ +

+

Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.
+ + + coffee blinkie Shannon + +

+ +

Visit my other website, Pixel Shannon, for guides and articles about the web, including Make Your Own Website.

+ +
+

+ emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic + Minnie Bow + Dole Whip Emoji + Princess Hat + space mountain +

+
+

+ + + Beauty and the Beast reading scene + +

+ +
+ +
+

Webrings

+

+ ← Hotline Webring β†’ +

+

+ ← + An IndieWeb Webring πŸ•ΈπŸ’ + β†’ +

+
+
+

Cliques

+

+ Barbieland :: This Barbie is me! Hashtag Barbie +

+
+
+ +
+ + +

Shannon Kay

+

+ I'm a Californian early millennial, mom of 3. + + I love books, coffee, tech, and making things pink. +

+

Blog

+

CA + + + + + + +

+
+
+ +
+ +
+ +
+

Shannon's Homepage by Shannon Kay

+

Updated April 11, 2025 | Created August 15, 2021

+
+
+ + + diff --git a/homepage-grid.html b/homepage-grid.html new file mode 100644 index 00000000..0661f368 --- /dev/null +++ b/homepage-grid.html @@ -0,0 +1,217 @@ + + + + +Shannon Kay [Shannon's Homepage] + + + + + + + + + + + + + + + + + + + + + + + + + +

Shannon Kay

+ +
+ + + +
+ + + +
+ +
+

Welcome to my homepage!

+

This personal website was made by me, Shannon Kay. I am participating in the poetic ideal of the world wide web; Using the internet to connect to persons all around the world. I have a personal website because I am a person. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.

+ +

I invite you to πŸ’—Sign My GuestbookπŸ“š.

+
+

+

Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.
+ + + coffee blinkie Shannon + +

+ +

Visit my other website, Pixel Shannon, for guides and articles about the web, including Make Your Own Website.

+
+ +
+

+ emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic + Minnie Bow + Dole Whip Emoji + Princess Hat + space mountain +

+

+ + + Beauty and the Beast reading scene + +

+
+
+
+ + +
+
+

Webrings

+

+ ← Hotline Webring β†’ +

+

+ ← + An IndieWeb Webring πŸ•ΈπŸ’ + β†’ +

+
+
+

Cliques

+

+ Barbieland :: This Barbie is me! Hashtag Barbie +

+
+
+
+ + +
+ + +

Shannon Kay

+

+ I'm a Californian early millennial, mom of 3. + + I love books, coffee, tech, and making things pink. +

+

Blog

+

CA + + + + + + +

+
+
+ +
+ + +
+ + + + + diff --git a/homepage.html b/homepage.html new file mode 100644 index 00000000..db4721da --- /dev/null +++ b/homepage.html @@ -0,0 +1,209 @@ + + + + +Shannon Kay [Shannon's Homepage] + + + + + + + + + + + + + + + + + + + + + + + + + +

Shannon Kay

+ +
+ + + +
+ + +

Welcome to my homepage!

+ + +
+
+
+ +

This personal website was made by me, Shannon Kay. I am participating in the poetic ideal of the world wide web; Using the internet to connect to persons all around the world. I have a personal website because I am a person. This is my place on the web to have fun and be creative. There was a time when starting your website with "Welcome to my website" was dismissed as too cliche. I feel like reclaiming that, and welcoming you to my homepage.

+ +

I invite you to πŸ’—Sign My GuestbookπŸ“š.

+ +

+

Handwriting plain HTML and CSS websites again has made me feel creatively revitalized. I think this might be how some people feel when they go back to handwriting a journal. It's like I'm getting in touch with my inner tween.
+ + + coffee blinkie Shannon + +

+ +

Visit my other website, Pixel Shannon, for guides and articles about the web, including Make Your Own Website.

+ +
+

+ emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic + Minnie Bow + Dole Whip Emoji + Princess Hat + space mountain +

+
+

+ + + Beauty and the Beast reading scene + +

+ +
+ +
+

Webrings

+

+ ← Hotline Webring β†’ +

+

+ ← + An IndieWeb Webring πŸ•ΈπŸ’ + β†’ +

+
+
+

Cliques

+

+ Barbieland :: This Barbie is me! Hashtag Barbie +

+
+
+ + +
+ + +
+ +
+ + +

Shannon Kay

+

+I'm a Californian early millennial, mom of 3. + +I love books, coffee, tech, and making things pink. +

+

Blog

+

CA + + + + + + +

+
+
+ +
+ +
+ + + + + diff --git a/homepage/index.html b/homepage/index.html index 9c36b014..bf7b058d 100644 --- a/homepage/index.html +++ b/homepage/index.html @@ -39,7 +39,6 @@
  • Let's Bring Fansites and Webrings Back
  • The Year of the Personal Website
  • Building a website like it's 1999... in 2022
  • -
  • Exploring the Personal Web
  • The Whimsical Web - Websites that spark joy.
  • How the Blog Broke the Web
  • My blog is a digital garden, not a blog
  • @@ -53,7 +52,7 @@
  • The Web (Pixel Shannon) - My web-related resources
  • Testing Free Website Hosts - I test a bunch of free website hosts and give little reviews and mini tutorials.
  • Neocities - "Neocities is a social network of websites that are bringing back the lost individual creativity of the web. We offer free static web hosting and tools that allow you to create your own web site."
  • -
  • Nekoweb - Free website community similar to Neocities. Upload or edit your website in the browser. Their donator tier offers custom domain support, more space and some other perks.
  • +
  • Nekoweb - Free website community similar to Neocities. Upload or edit your website in the browser. Upgrade to their Nekoweb Cute kitty tier for custom domain support, more space and some other perks.
  • Buy a Domain Name at PorkBun.com - currently my favorite domain name registrar, with included WHOIS privacy, free SSL certificates, and great prices.
  • Yay.Boo - simple free web hosting, just upload your files
  • omg.lol - paid service includes internet address, profile page, website hosting, and more
  • diff --git a/index.html b/index.html index 3c67acb3..f64f6643 100755 --- a/index.html +++ b/index.html @@ -5,11 +5,14 @@ Shannon Kay [Shannon's Homepage] + + + - - + + diff --git a/layout.html b/layout.html new file mode 100644 index 00000000..dcb8ace7 --- /dev/null +++ b/layout.html @@ -0,0 +1,65 @@ + + + + + + Layout + + + + + +
    +
    Header
    + + + +
    3 Main
    + + +
    Footer
    +
    + + \ No newline at end of file diff --git a/log/index.html b/log/index.html index 9df265c2..7eb614f0 100644 --- a/log/index.html +++ b/log/index.html @@ -21,6 +21,19 @@

    This is a log of updates and changes to my website. Not to be confused with my blog.


    + +

    + July 16, 2025
    + I made a new Coffee page. +

    +
    +

    April 11, 2025