141 lines
6.2 KiB
HTML
Executable file
141 lines
6.2 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Shannon Kay [Shannon's Homepage]</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#f9dee1">
|
|
|
|
<link rel="stylesheet" href="home.css">
|
|
|
|
<link rel="webmention" href="https://webmention.io/www.shannonkay.com/webmention" />
|
|
<link rel="pingback" href="https://webmention.io/www.shannonkay.com/xmlrpc" />
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="me" href="https://bookstodon.com/@shannonkay">
|
|
<link rel="me" href="https://social.vivaldi.net/@shannonkay">
|
|
<link rel="me" href="https://github.com/shannonkay">
|
|
<link rel="me" href="https://www.threads.net/@shannonkay">
|
|
<script defer src="https://umami.cozycastle.net/script.js" data-website-id="2710bc63-7601-4b29-991f-5ce98e29dce4"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header><h1>Shannon Kay</h1></header>
|
|
|
|
<main>
|
|
|
|
<nav class="pages">
|
|
<a href="now/index.html">Now</a>
|
|
<a href="me.html">Me</a>
|
|
<a href="hello/index.html">Hello</a>
|
|
<a href="uses/index.html">Uses</a>
|
|
<a href="you/index.html">You</a>
|
|
<a href="homepage/index.html">Classic Homepage</a>
|
|
<a href="projects/index.html">Projects</a>
|
|
<a href="books/index.html">Books</a>
|
|
<a href="follow/index.html">Follow</a>
|
|
<a href="blank/index.html">Blank</a>
|
|
<a href="https://photo.shannonkay.com" rel="me">Photos</a>
|
|
<a href="https://blog.shannonkay.com" rel="me">Blog</a>
|
|
<a href="https://guestbook.shannonkay.com">Guestbook</a>
|
|
</nav>
|
|
|
|
<section id="welcome" class="blurb">
|
|
<section class="social-icons" id="follow-icons">
|
|
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
|
|
<a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>
|
|
<a href="https://instagram.com/shannonkay"><i class="fa-brands fa-instagram"></i></a>
|
|
<a rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i></a>
|
|
<a rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="icons/storygraph-fb6f92.png" alt="Storygraph"></a>
|
|
<a href="mailto:homepage25@shannonkay.me"><i class="fa-solid fa-envelope"></i></a>
|
|
<a href="follow/index.html">…</a>
|
|
</section>
|
|
<section id="intro">
|
|
<h2>Welcome to my homepage!</h2>
|
|
<p>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 <em>persons</em> 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.</p>
|
|
</section>
|
|
<p>I invite you to 💗<a href="https://guestbook.shannonkay.com">Sign My Guestbook</a>📚.</p>
|
|
<blockquote>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.</blockquote>
|
|
|
|
<picture>
|
|
<source srcset="coffeeloveblinkie-shannon.gif"
|
|
media="(prefers-reduced-motion: no-preference)">
|
|
<img src="coffeeloveblinkie-shannon-still.gif"
|
|
alt="coffee blinkie Shannon">
|
|
</picture>
|
|
</p>
|
|
|
|
<section id="emoji">
|
|
<p>
|
|
<img src="emoji/EmojiBlitz/Titanic/Rose/EmojiBlitzRoseTitanic1.webp" class="emoji" alt="emoji depicting Rose in her traveling outfit with the hat from the 1997 film titled Titanic">
|
|
<img src="emoji/minniebow.png" class="emoji" alt="Minnie Bow">
|
|
<img src="emoji/dolewhip.png" class="emoji" alt="Dole Whip Emoji">
|
|
<img src="emoji/princesshatemoji.png" class="emoji" alt="Princess Hat">
|
|
<img src="emoji/spacemountain.png" class="emoji" alt="space mountain">
|
|
</p>
|
|
</section>
|
|
<p>
|
|
<picture>
|
|
<source srcset="beauty-reading_001.gif"
|
|
media="(prefers-reduced-motion: no-preference)">
|
|
<img src="beauty-reading_001-still.gif"
|
|
alt="Beauty and the Beast reading scene">
|
|
</picture>
|
|
</p>
|
|
|
|
<hr>
|
|
|
|
<section id="webrings">
|
|
<h3>Webrings</h3>
|
|
<p>
|
|
<a href="https://hotlinewebring.club/shannonkay/previous">←</a> <a href="https://hotlinewebring.club">Hotline Webring</a> <a href="https://hotlinewebring.club/shannonkay/next">→</a>
|
|
</p>
|
|
<p>
|
|
<a href="https://xn--sr8hvo.ws/%F0%9F%93%95%F0%9F%94%9F%F0%9F%99%85/previous">←</a>
|
|
An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍
|
|
<a href="https://xn--sr8hvo.ws/%F0%9F%93%95%F0%9F%94%9F%F0%9F%99%85/next">→</a>
|
|
</p>
|
|
</section>
|
|
<section id="cliques">
|
|
<h3>Cliques</h3>
|
|
<p>
|
|
<a href="https://sanguineroyal.com/extra/barbieland" target="_new">Barbieland</a> :: This Barbie is me! <img src="emoji/HashtagBarbie.png" alt="Hashtag Barbie" class="emoji">
|
|
</p>
|
|
</section>
|
|
<hr>
|
|
|
|
<section class="bio">
|
|
<span class="h-card">
|
|
<img class="u-photo" src="ShannonKay2017.jpg" >
|
|
<p><a href="https://www.shannonkay.com" class="u-url u-uid p-name">Shannon Kay</a></p>
|
|
<p class="p-note">
|
|
I'm a Californian early millennial, mom of 3.
|
|
|
|
I love books, coffee, tech, and making things pink.
|
|
</p>
|
|
<p><a rel="me" href="https://blog.shannonkay.com" class="u-url">Blog</a></p>
|
|
<p><abbr class="p-region" title="California">CA</abbr>
|
|
<a rel="me" href="https://bookstodon.com/@shannonkay" class="u-url"><i class="fa-brands fa-mastodon"></i></a>
|
|
<a rel="me" href="https://instagram.com/shannonkay" class="u-url"><i class="fa-brands fa-instagram"></i></a>
|
|
<a rel="me" href="https://shannonkay.tumblr.com" class="u-url"><i class="fa-brands fa-tumblr"></i></a>
|
|
<a href="https://bsky.app/profile/shannonkay.com" class="u-url"><i class="fa-brands fa-bluesky"></i></a>
|
|
<a rel="me" href="https://www.reddit.com/user/shannonkaypink" class="u-url"><i class="fa-brands fa-reddit"></i></a>
|
|
|
|
</p>
|
|
</span>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Shannon's Homepage by Shannon Kay</p>
|
|
<p class="updated">Updated March 2, 2025 | Created August 15, 2021</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|