175 lines
11 KiB
HTML
175 lines
11 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">
|
|
<meta name="description" content="This is the link in bio homepage for PinkBooksCoffee, aka Shannon.">
|
|
<meta name="keywords" content="books, bookstagram, pink, coffee, link in bio">
|
|
<meta name="author" content="Shannon">
|
|
<meta property="og:image" content="https://photos.smugmug.com/photos/i-bJhGHsj/0/MkzX592S85CTX4mCG5PJFNk8C9vX36Vmz5ftHVS5X/X4/i-bJhGHsj-X4.jpg">
|
|
|
|
<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 href="https://www.shannonkay.com"><span class="icon">🏠</span></a>
|
|
<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>
|
|
<a rel="me" href="https://hardcover.app/@pinkbookscoffee"><img class="icon" src="icons/hardcoverapp-icon.png"></a>
|
|
<a rel="me" href="https://www.bookwormreads.co/profile/pinkbookscoffee"><img class="icon" src="icons/bookwormreads.co.png"></a>
|
|
|
|
|
|
</section>
|
|
<section id="top">
|
|
<ul>
|
|
<li><a href="https://blog.shannonkay.com/2025/05-31-SummerReading2025/">Shannon's Summer reading list for 2025</a></li>
|
|
<li><a href="https://yourownwebsite.org">Your Own Website</a> - <a href="https://yourownwebsite.org/have/">Have your own website!</a> <a href="https://make.yourownwebsite.org">Make your own website!</a></li>
|
|
<li><a href="https://yourownwebsite.org/startablog/">Start a Blog</a></li>
|
|
<li><a href="https://blog.shannonkay.com/2024/05-25-PhotosinGoodReads/">How to Use Photos in GoodReads Reviews</a> - use your nice Bookstagram photos in more places!</li>
|
|
<li><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</li>
|
|
</ul>
|
|
|
|
|
|
<!-- 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><a href="#tips">Jump to Tips</a></p>
|
|
<p>📬 <a href="mailto:reply25@pinkbooks.coffee?subject=%5BReply%5D%20PinkBooks.Coffee">send an email reply</a></p>
|
|
|
|
<hr>
|
|
</section>
|
|
|
|
|
|
<section id="bookevents">
|
|
<p>
|
|
<a href="https://blog.shannonkay.com/2025/07-24-SarahAndSangu/">July 23, 2025 - Sarah Beth Durst and Sangu Mandanna at The Ripped Bodice.</a><br>
|
|
<figure>
|
|
<a href="https://photo.shannonkay.com/Web/Books/n-qvkxHX/i-5Rdq54f/A"><img src="https://photos.smugmug.com/photos/i-5Rdq54f/0/KRPRRwc48MSg2bKhWPzs54FBr2kmkt6BcxVWBS2bh/X3/i-5Rdq54f-X3.jpg" class="photo" alt="Sarah Beth Durst, Me(Shannon), and Sangu Mandanna at The Ripped Bodice in LA."></a>
|
|
<figcaption class="caption">Sarah Beth Durst, Me(Shannon), and Sangu Mandanna at The Ripped Bodice in LA.</figcaption>
|
|
</figure>
|
|
</p>
|
|
<hr>
|
|
</section>
|
|
|
|
<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>
|
|
</section>
|
|
|
|
<section id="booklinks">
|
|
<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 rel="me" href="https://hardcover.app/@pinkbookscoffee"><img class="icon" src="icons/hardcoverapp-icon.png"> Hardcover.app</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>
|
|
|
|
<hr>
|
|
</section>
|
|
|
|
|
|
<section id="tips">
|
|
<h2><a href="#tips">Tips</a></h2>
|
|
<h3 id="goodreads-export"><a href="#goodreads-export">Export from GoodReads</a></h3>
|
|
<p>If you want to try a GoodReads alternative, or just back up your data, you can export from GoodReads. On the GoodReads website, go to <a href="https://www.goodreads.com/review/import">My Books > Import/Export</a> and export a <code>.csv</code> file of your library. You can import that file into other places, like <a href="https://thestorygraph.com">Storygraph</a>.</p>
|
|
<hr>
|
|
<h3 id="ownwebsite"><a href="#ownwebsite">Have Your Own Website</a></h3>
|
|
<p>What's your link in bio? A link tree is a website. A blog is a website. If you don't have a website, you can make one! You can make it however you want, and put whatever you like on it.</p>
|
|
<ul>
|
|
<li><a href="https://yourownwebsite.org">Your Own Website</a> - Have your own website</li>
|
|
<li><a href="https://yourownwebsite.org/startablog/">Start a Blog</a> - Easy ways to start a blog, good for beginners.</li>
|
|
<li><a href="https://make.yourownwebsite.org">Make your own website!</a> - A beginners guide to making a website with HTML and CSS.</li>
|
|
</ul>
|
|
<hr>
|
|
<h3 id="alternatives"><a href="#alternatives">Tips for Bookstagram and Bookthreads friends looking for alternative platforms</a></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>
|
|
<hr>
|
|
</section>
|
|
|
|
|
|
|
|
<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;">
|
|
<figcaption>I love coffee. 🩷☕</figcaption>
|
|
</figure></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>
|