80 lines
5.5 KiB
HTML
80 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<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">
|
|
<meta name="theme-color" content="#f9dee1">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<h1 class="project-header"><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>
|
|
<p>Working on my Titanic website is what really led to my learning more about making websites and how the internet worked. Soon I was making websites for all of my friends. I even got to redesign the website for my high school theatre department. </p>
|
|
<p>For my sixteenth birthday, I asked for a domain name. I got my first domain name, <strong>shannonkay.com</strong>, in 1999 as a present for my 16th birthday. </p>
|
|
|
|
<h3 id="links">Links</h3>
|
|
<ul>
|
|
<li><a href="https://bryanlrobinson.com/blog/bring-fansites-back-to-the-web/">Let's Bring Fansites and Webrings Back</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>
|
|
<li><a href="https://foreverliketh.is/blog/exploring-the-personal-web">Exploring the Personal Web</a></li>
|
|
<li><a href="https://whimsical.club">The Whimsical Web</a> - Websites that spark joy.</li>
|
|
<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>
|
|
</ul>
|
|
|
|
<section id="homepage-resources">
|
|
<h3 id="how-can-i-make-a-homepage-in-2025">How can I make a homepage in 2025?</h3>
|
|
<ul>
|
|
<li><a href="/pixelshannon/web/index.html">Make Your Own Website</a> - my guide to making a website with HTML/CSS</li>
|
|
<li><a href="https://htmlforpeople.com">HTML for People</a> - Great beginners guide to making your own website with HTML</li>
|
|
<li><a href="https://web.pixelshannon.com">The Web (Pixel Shannon)</a> - My web-related resources</li>
|
|
<li><a href="/pixelshannon/web/freehosts/index.html">Testing Free Website Hosts</a> - I test a bunch of free website hosts and give little reviews and mini tutorials.</li>
|
|
<li><a href="https://neocities.org">Neocities</a> - "Neocities is a social network of websites that are bringing back the lost individual creativity of the web. We offer free static web hosting and tools that allow you to create your own web site."</li>
|
|
<li><a href="https://nekoweb.org">Nekoweb</a> - Free website community similar to Neocities. Upload or edit your website in the browser. Their <a href="https://nekoweb.org/donate">donator tier</a> offers custom domain support, more space and some other perks.</li>
|
|
<li><a href="https://porkbun.com/">Buy a Domain Name at PorkBun.com</a> - currently my favorite domain name registrar, with included WHOIS privacy, free SSL certificates, and great prices.</li>
|
|
<li><a href="https://yay.boo">Yay.Boo</a> - simple free web hosting, just upload your files</li>
|
|
<li><a href="https://home.omg.lol/">omg.lol</a> - paid service includes internet address, profile page, website hosting, and more</li>
|
|
</ul>
|
|
<h4 id="more-resources">More Resources</h4>
|
|
<ul>
|
|
<li><a href="https://32bit.cafe/cyowebsite">Create Your Own Website Guide</a> and <a href="https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49">Resources List for the Personal Web</a> - from <a href="https://32bit.cafe">32-bit Cafe</a></li>
|
|
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting Started with The Web</a></li>
|
|
<li><a href="https://raindrop.io/shannonkay/web-49780025/search/sort=-sort&perpage=30&page=0&search=%22%23Classic+Homepage+Project%22">Find more resources in my bookmarks</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
</article>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p class="updated">Created: August 21, 2021. Updated: February 10, 2025</p>
|
|
<a href="../index.html">Shannon's Homepage</a>
|
|
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|