129 lines
5.4 KiB
HTML
129 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta charset="utf-8"/>
|
|
<title>2003</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#f9dee1">
|
|
<link rel="stylesheet" href="2003.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header><h1>2003</h1></header>
|
|
|
|
<main>
|
|
<nav class="menu">
|
|
<a href="#music">Music</a>
|
|
<a href="#me">Me</a>
|
|
<a href="#tv">TV Shows</a>
|
|
<a href="#desktop">Desktop</a>
|
|
<a href="#movies">Movies</a>
|
|
<a href="#cats">Cats</a>
|
|
<a href="#books">Books</a>
|
|
<a href="#graphics">Graphics</a>
|
|
<a href="#ref">References</a>
|
|
</nav>
|
|
|
|
<section id="mainpage" class="text">
|
|
|
|
<section class="things" id="intro">
|
|
<p>Happy 20th Anniversary to 2003! This page is a celebration of 2003, more specifically 2003 as I(<a href="https://www.shannonkay.com">Shannon</a>) experienced it and things I loved from and in 2003.</p>
|
|
</section>
|
|
|
|
|
|
<section class="things" id="music">
|
|
<h3 id="favorite-music-albums-of-2003">Favorite Music Albums of 2003</h3>
|
|
<ul>
|
|
<li>The Postal Service - <a href="https://songwhip.com/the-postal-service/give-up">Give Up</a></li>
|
|
<li>Death Cab For Cutie - <a href="https://songwhip.com/death-cab-for-cutie/transatlanticism">Transatlanticism</a></li>
|
|
<li>Switchfoot - <a href="https://songwhip.com/switchfoot/the-beautiful-letdown2003">The Beautiful Letdown</a></li>
|
|
<li>Rooney - <a href="https://songwhip.com/rooney/rooney">Rooney</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="things" id="me">
|
|
<h3 id="what-was-i-doing-in-2003">What was I doing in 2003</h3>
|
|
<p>I turned 20 in 2003. I was a seasonal Cast Member at Disneyland in the Character department, and studying theatre arts. </p>
|
|
</section>
|
|
|
|
<section class="things" id="tv">
|
|
<h3 id="favorite-tv-shows-of-2003">Favorite TV Shows of 2003</h3>
|
|
<ul>
|
|
<li><a href="https://thetvdb.com/series/the-oc">The OC</a> (Season 1)</li>
|
|
<li><a href="https://thetvdb.com/series/smallville">Smallville</a> (Season 2/3)</li>
|
|
<li><a href="https://thetvdb.com/series/gilmore-girls">Gilmore Girls</a> was on, but I hadn't started watching it yet</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="things" id="desktop">
|
|
<h3 id="my-2003-windows-xp-desktop-screenshot">My 2003 Windows XP desktop screenshot</h3>
|
|
<figure class="screenshot"><img src="desktopscreenshot-2003.09.17.png" alt="My Windows XP desktop in 2003" style="max-width:100%;height:auto;">
|
|
<figcaption class="caption">This screenshot is from my desktop computer on September 17, 2003.</figcaption>
|
|
</figure>
|
|
</section>
|
|
|
|
<section class="things" id="movies">
|
|
<h3 id="awesome-movies-of-2003">Awesome Movies of 2003</h3>
|
|
<ul>
|
|
<li>The Lord of the Rings: The Return of the King</li>
|
|
<li>Pirates of the Caribbean: The Curse of the Black Pearl (story about working at Disneyland)</li>
|
|
<li>Chicago</li>
|
|
<li>Holes</li>
|
|
<li>The Italian Job</li>
|
|
<li>Legally Blonde 2: Red, White & Blonde</li>
|
|
<li>Mona Lisa Smile</li>
|
|
<li>What a Girl Wants</li>
|
|
<li>X2</li>
|
|
<li>Uptown Girls</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="things" id="cats">
|
|
<h3>Cats</h3>
|
|
<p>In 2003, as today, Cats were all over the internet. It was especially fun to take pics of your cats with your webcam. Webcam images are shown at actual size.</p>
|
|
<figure class="photo"><img src="photos/20031101.10.13-63.jpg">
|
|
<figcaption class="caption">Timmy, the senior cat, enjoys browsing the web.</figcaption></figure>
|
|
<figure class="photo"><img src="photos/20031017-0005.jpg"> <img src="photos/20031122.08.47-77.jpg">
|
|
<figcaption class="caption">Alice the kitten enjoys napping at the keyboard and watching the fishtank.</figcaption></figure>
|
|
</section>
|
|
|
|
<section class="things" id="books">
|
|
<h3 id="books-in-2003">Books in 2003</h3>
|
|
<ul>
|
|
<li>Confessions of a Shopaholic by Sophie Kinsella</li>
|
|
<li>The Princess Diaries by Meg Cabot</li>
|
|
</ul>
|
|
<p>It's hard to remember which books I actually read in 2003. My GoodReads only goes back to 2007! The Shopaholic series was definitely something I was reading during this era, and I think I was reading them in 2003. I think Shopaholic Ties The Knot was released in the US in 2003. I was also reading The Princess Diaries books, and Princess in Waiting and Princess in Pink were both released in 2003. Harry Potter and the Order of the Phoenix was released in 2003, but I didn't read it that year(I had read the first Harry Potter book, but did not read the rest of the series until sometime between the fifth and sixth books). </p>
|
|
</section>
|
|
|
|
<section class="things" id="graphics">
|
|
<h3 id="2003-graphics">2003 Graphics</h3>
|
|
<p>
|
|
<img src="graphics/2003fireworks.gif">
|
|
<img src="graphics/dollz/shanpinkydoll01.gif">
|
|
</p>
|
|
</section>
|
|
|
|
<section class="things" id="about">
|
|
<h3>About this page </h3>
|
|
<p>This tribute to the 20th anniversary of 2003 was made for a <a href="https://discuss.32bit.cafe/f/32bitcafe/43/new-monthly-event-community-code-jam-1-starts-july-16">code jam</a> at <a href="https://32bit.cafe">32-bit cafe</a>. </p>
|
|
</section>
|
|
|
|
<section class="things" id="ref">
|
|
<h3>References</h3>
|
|
<p><a href="https://en.wikipedia.org/wiki/List_of_American_films_of_2003">American Films of 2003</a> </p>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<p><a href="https://www.shannonkay.com">Shannon's Homepage</a></p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|