shannon/shannonkay.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

updated follow links

Browse source
This commit is contained in:
Shannon Kay 2023-03-26 18:13:32 -07:00
parent d8e7934585
commit f700cf3f02
6 changed files with 73 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
follow/index.html
View file

@ -25,7 +25,9 @@
<a rel="me" href="https://bookstodon.com/@shannonkay"><i class="fa-brands fa-mastodon"></i></a>
<a href="https://instagram.com/shannonkay"><i class="fa-brands fa-instagram"></i></a>
<a href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></i></a>
<a rel="me" href="https://twitter.com/shannonkay"><i class="fa-brands fa-twitter"></i></a>
<a rel="me" href="https://twitter.com/shannonkay"><i class="fa-brands fa-twitter"></i></a> <a href="https://www.reddit.com/user/shannonkaypink"><i class="fa-brands fa-reddit"></i></a>
<a href="https://discord.com/users/589215751370571806"><i class="fa-brands fa-discord"></i></a>
<a href="mailto:stylers.whimper-0n@icloud.com"><i class="fa-solid fa-envelope"></i></a>
</section>
@ -38,8 +40,10 @@
<p><a class="link" href="https://shannonkay.tumblr.com"><i class="fa-brands fa-tumblr"></i> Tumblr</a></p>
<p><a class="link" rel="me" href="https://shannonkay.substack.com"><img class="icon" src="/icons/substack.svg"> Shannon Kay's Notes on Substack</a></p>
<p><a class="link" rel="me" href="https://spoutible.com/shannonkay"><img class="icon" src="/icons/spoutible.svg"> @shannonkay on Spoutible</a></p>
<p><a class="link" href="https://discord.com/users/589215751370571806"><i class="fa-brands fa-discord"></i> Discord: shannonkay#8482</a></p>
<p><a rel="me" href="https://twitter.com/shannonkay"><i class="fa-brands fa-twitter"></i>@shannonkay</a> on Twitter since 2006. </p>
<h3>Book Links</h3>
<p><a class="link" rel="me" href="https://app.thestorygraph.com/profile/pinkbookscoffee"><img class="icon" src="../storygraph.svg"> StoryGraph</a></p>
<p><a class="link" rel="me" href="https://www.goodreads.com/shannonkay"><i class="fa-brands fa-goodreads-g"></i> GoodReads</a></p>

2
home.css
View file

@ -60,6 +60,8 @@ h2 {
text-align: center;
font-size: 4vw;
color: #FC6C85;
margin-top: 1pt;
margin-bottom: 5pt;
}
h3 {

10
homepage/Classic Homepage.html Normal file
View file

@ -0,0 +1,10 @@
<h1>Classic Homepage Project</h1>
<p>Why make a classic homepage?</p>
<ul>
<li>Take your web presence back into your own hands.</li>
<li>Make the Internet fun again.</li>
<li>Be creative</li>
<li>Content that doesn’t have to be an update. (But you can still have updates)</li>
<li>Just making web pages about things that you like.</li>
<li>A small batch website?</li>
</ul>

52
homepage/index.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<title>Classic Homepage Project</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../home.css">
</head>
<body>
<header>
<h1><a href="../index.html">Shannon Kay</a></h1>
<h2>Classic Homepage Project</h2>
</header>
<main>
<article class="blurb">
<h3 id="why-make-a-classic-homepage">Why make a classic homepage?</h3>
<ul>
<li>Own your web presence.</li>
<li>Recapture the joy of the internet.</li>
<li>Be creative</li>
<li>Content that does not have to be an update. (But you can still have updates)</li>
<li>Just making web pages about things that you like.</li>
<li>A small batch website</li>
</ul>
<h3 id="my-website-story">My Website Story</h3>
<p>I&#39;m an &#34;early Millennial&#34;. My first websites were homepages with rainbow dividers. In 1995, when I was 12, my dad bought me a book called <a href="https://openlibrary.org/books/OL822310M/Internet_and_World_Wide_Web_simplified">Internet and World Wide Web, Simplified</a>. That&#39;s how I learned how the internet worked, and that I should pronounce GIF &#34;like the peanut butter&#34;.</p>
<p>My first websites were free homepages. The first was on a website called <a href="http://web.archive.org/web/19970628183245/http://www.tool-box.com/">tool-box </a>which didn't last long and I've never heard anyone else mention. I think it only existed in 1996/97. I moved on to other free hosts like Angelfire, and moved from using the basic form page editors to learning basic html. But the real magic happened after I saw the movie Titanic in January of 1998. I loved it so much, I made a Titanic website called Titanic Crazy. My first fansite! </p>
<h3>Links</h3>
<ul>
<li><a href="https://stackingthebricks.com/how-blogs-broke-the-web/">How the Blog Broke the Web</a></li>
<li><a href="https://joelhooks.com/digital-garden">My blog is a digital garden, not a blog</a></li>
<li><a href="https://matthiasott.com/notes/the-year-of-the-personal-website">The Year of the Personal Website</a></li>
<li><a href="https://localghost.dev/blog/building-a-website-like-it-s-1999-in-2022">Building a website like it's 1999... in 2022</a></li>
</ul>
</article>
</main>
<footer>
<p>Created: August 21, 2021. Updated: January 12, 2023</p>
<a href="index.html">Shannon's Homepage</a>
</footer>
</body>
</html>

2
index.html
View file

@ -27,7 +27,7 @@
<a href="now/index.html">Now</a>
<a href="me.html">Me</a>
<a href="uses.html">Uses</a>
<a href="classichome.html">Classic Homepage Project</a>
<a href="homepage/index.html">Classic Homepage Project</a>
<a href="projects/index.html">Projects</a>
<a href="books/index.html">Books</a>
<a href="follow/index.html">Follow</a>

4
projects/index.html
View file

@ -15,8 +15,9 @@
<article class="blurb">
<ul>
<ul id="projects">
<li><a href="apple2.html">Apple II Plus</a></li>
<li><a href="../homepage/index.html">Classic Homepage Project</a></li>
</ul>
</article>
@ -24,7 +25,6 @@
</main>
<footer>
<a href="../index.html">Shannon's Homepage</a>
</footer>