68 lines
3.7 KiB
HTML
68 lines
3.7 KiB
HTML
<!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">
|
|
<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>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>
|
|
|
|
<section id="homepage-resources">
|
|
<h3 id="how-can-i-make-a-homepage-in-2023">How can I make a homepage in 2023?</h3>
|
|
<ul>
|
|
<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://mmm.page">Mmm.page</a> - Unique freeform webpage creator. </li>
|
|
<li><a href="https://wordpress.com">Wordpress.com</a>- Technically a blog, but you can make any site with it.</li>
|
|
</ul>
|
|
<h4>Advanced free hosting</h4>
|
|
<ul>
|
|
<li><a href="https://pages.github.com">GitHub Pages</a> - Websites for you and your projects</li>
|
|
<li><a href="https://www.netlify.com">Netlify</a> - Has a starter free tier</li>
|
|
</ul>
|
|
</section>
|
|
|
|
</article>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p class="updated">Created: August 21, 2021. Updated: March 26, 2023</p>
|
|
<a href="../index.html">Shannon's Homepage</a>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|