54 lines
2.4 KiB
HTML
54 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta charset="utf-8"/>
|
|
<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'm an "early Millennial". 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's how I learned how the internet worked, and that I should pronounce GIF "like the peanut butter".</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>
|