123 lines
7.5 KiB
HTML
123 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Pink, Books, Coffee</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="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">
|
|
<script defer src="https://umami.cozycastle.net/script.js" data-website-id="88c91b82-31b2-4032-97b6-c15708412123"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header><h1>🩷 Pink 📚 Books ☕Coffee</h1></header>
|
|
|
|
<main>
|
|
|
|
<section class="blurb">
|
|
<section class="social-icons">
|
|
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
|
|
<a href="https://instagram.com/pinkbookscoffee"><i class="fa-brands fa-instagram"></i></a>
|
|
<a href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i></a>
|
|
<a href="https://bsky.app/profile/pinkbooks.coffee"><i class="fa-brands fa-bluesky"></i></a>
|
|
<a href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i></a>
|
|
<a href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></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.svg"></a>
|
|
|
|
</section>
|
|
<p><a href="https://www.pixelshannon.com/socialposting/index.html">About Social Posting (2024 Edition)</a> - <i class="fa-brands fa-mastodon"></i> Mastodon vs <i class="fa-brands fa-bluesky"></i> Bluesky vs <i class="fa-brands fa-threads"></i> Threads comparison and guide</p>
|
|
<h3>Tips for Bookstagram and Bookthreads friends looking for alternative platforms</h3>
|
|
<ul>
|
|
<li><a href="https://thenest.owlcrate.com">The Nest</a> is a book community run by OwlCrate. <a href="https://thenest.owlcrate.com/profile/16204">Here's my profile on The Nest</a>.</li>
|
|
<li>The Mastodon instance I'm on is book themed. Try it at <a href="https://bookstodon.com">Bookstodon.com</a>. </li>
|
|
<li><a href="https://pixelfed.org">Pixelfed</a> is a photo-centric platform similar to Instagram. I have a <a rel="me" href="https://pixelfed.social/pinkbookscoffee">mirror of my booksta account on Pixelfed</a>.</li>
|
|
<li>I'm also starting to post my <a href="https://bsky.app/profile/pinkbooks.coffee">PinkBooksCoffee content on Bluesky</a> and hang out over there more. I <a href="https://github.com/marcomaroni-github/instagram-to-bluesky">imported</a> my booksta posts to a Bluesky account.</li>
|
|
<li>You can use the <a href="https://pinksky.app">Pinksky</a> app for a more Instagram-style experience on Bluesky.</li>
|
|
<li>Use <a href="https://openvibe.social">OpenVibe</a> or <a href="https://croissantapp.com">Croissant</a> to cross-post between Threads, Mastodon, and Bluesky.</li>
|
|
</ul>
|
|
|
|
<p>I encourage you to <a href="https://web.pixelshannon.com">have your own website.</a>
|
|
|
|
<!-- If you can pay for a service, <a href="https://micro.blog">Micro.blog</a> is a low-cost blog host which also interacts with and cross-posts to social media and you have your own copy of all your posts on your blog. -->
|
|
</p>
|
|
|
|
<p><a href="mailto:reply25@pinkbooks.coffee?subject=%5BReply%5D%20PinkBooks.Coffee">Reply by email</a></p>
|
|
<hr>
|
|
|
|
<h2>Book Links</h2>
|
|
<p class="link"><a href="https://blog.shannonkay.com/books">Book Blogging on Shannon's Blog</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="icons/storygraph.svg"> StoryGraph</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i> GoodReads</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://www.bookwormreads.co/profile/pinkbookscoffee"><img class="icon" src="icons/bookwormreads.co.png"> Bookworm</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://pixelfed.social/pinkbookscoffee">Pixelfed @pinkbookscoffee@pixelfed.social</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://bsky.app/profile/pinkbooks.coffee"><i class="fa-brands fa-bluesky"></i> Bluesky @pinkbooks.coffee</a> </p>
|
|
<p class="link"><a class="link" rel="me" href="https://bsky.app/profile/shannonkay.com"><i class="fa-brands fa-bluesky"></i> Bluesky @shannonkay.com</a> </p>
|
|
<p class="link"><a class="link" rel="me" href="https://bookrastinating.com/user/shannonkay"><img class="icon" src="/icons/bookrastinating.png"> BookWyrm @shannonkay@bookrastinating.com</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://www.instagram.com/pinkbookscoffee">"Bookstagram" <i class="fa-brands fa-instagram"></i> @pinkbookscoffee</a></p>
|
|
<p class="link"><a class="link" rel="me" href="https://www.threads.net/@pinkbookscoffee"><i class="fa-brands fa-threads"></i> @pinkbookscoffee on Threads</a></p>
|
|
|
|
|
|
<section id="currentread">
|
|
<h4>Currently Reading</h4>
|
|
<p></p>
|
|
<style type="text/css" media="screen">
|
|
.gr_grid_container1 {
|
|
/* customize grid container div here. eg: width: 500px; */
|
|
}
|
|
|
|
.gr_grid_book_container1 {
|
|
/* customize book cover container div here */
|
|
|
|
width: 98px;
|
|
height: 160px;
|
|
padding: 2pt;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<div id="gr_grid_widget_1674899180">
|
|
<!-- Show static html as a placeholder in case js is not enabled - javascript include will override this if things work -->
|
|
<div class="gr_grid_container1">
|
|
<div class="gr_grid_book_container1"><a title="The Last Fallen Star (Gifted Clans, #1)" rel="nofollow" href="https://www.goodreads.com/book/show/55277625-the-last-fallen-star"><img alt="The Last Fallen Star" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1601319805l/55277625._SX98_.jpg" /></a></div>
|
|
<noscript><br/>Share <a rel="nofollow" href="/">book reviews</a> and ratings with Shannon, and even join a <a rel="nofollow" href="/group">book club</a> on Goodreads.</noscript>
|
|
</div>
|
|
|
|
</div>
|
|
<script src="https://www.goodreads.com/review/grid_widget/198969.Shannon's%20currently-reading%20book%20montage?cover_size=medium&hide_link=true&hide_title=true&num_books=4&order=d&shelf=currently-reading&sort=date_added&widget_id=1674899180" type="text/javascript" charset="utf-8"></script>
|
|
<p>If there's nothing here, it means I'm between books.</p>
|
|
|
|
<hr>
|
|
|
|
<p><figure class="photo"><img src="heartmugpinkbook.jpg" alt="coffee in a pink mug next to a pink book" style="max-width:70%;height:auto;">
|
|
</figure></p>
|
|
<p>I love coffee. 🩷☕</p>
|
|
|
|
<h3 id="coffee">Coffee Links</h3>
|
|
<ul>
|
|
<li><a href="https://aeropress.com">AeroPress</a></li>
|
|
<li><a href="https://www.yesplz.coffee">Yes Plz Coffee Subscription</a></li>
|
|
<li><a href="https://fellowproducts.com/products/stagg-ekg-electric-pour-over-kettle?variant=31212444811364">Fellow Stagg EKG Electric Kettle</a></li>
|
|
<li><a href="https://www.oxo.com/cold-brew-coffee-maker.html">OXO Cold Brew Maker</a></li>
|
|
<li><a href="https://drops.fellowproducts.com">Fellow Drops</a></li>
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p>a website by <a href="https://www.shannonkay.com">Shannon Kay</a></p>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|