155 lines
5.4 KiB
HTML
155 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Saudade / a petz & friends archive</title>
|
|
<link rel="stylesheet" href="style/index.css" />
|
|
|
|
<!-- fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net" />
|
|
<link
|
|
href="https://fonts.bunny.net/css?family=playfair-display:800i"
|
|
rel="stylesheet"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<div id="site">
|
|
<div id="header">
|
|
<h1>Saudade</h1>
|
|
<h2>{ a petz & babyz & oddballz archive }</h2>
|
|
</div>
|
|
|
|
<div id="nav">
|
|
<a href="/petz5world/">Petz 5 World</a> /
|
|
<a href="/wordfire/">Wordfire's Petz</a>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<blockquote>
|
|
saudade - (n.) - a nostalgic longing to be near again to something or
|
|
someone that is distant, or that has been loved and then lost; "the
|
|
love that remains" - (<a
|
|
href="https://other-wordly.tumblr.com/post/27575203057/saudade"
|
|
target="_blank"
|
|
>x</a
|
|
>)
|
|
</blockquote>
|
|
|
|
<p>
|
|
Hello! Welcome to Saudade. This is an archive for petz, babyz, and
|
|
oddballz sites. The Petz community has been around a long time, and
|
|
many sites that were once pillars of the community have been lost.
|
|
<a
|
|
href="https://web.archive.org/web/20091002091450/http://www.minibytepetz.net/Minibyte_Petz/home.html"
|
|
target="_blank"
|
|
>Minibyte's archive</a
|
|
>
|
|
once did the job that I am attempting to do now, someday I hope to
|
|
amass her collection!
|
|
</p>
|
|
|
|
<p> </p>
|
|
|
|
<p>
|
|
On each page, there is a menu in the top right corner. It looks like
|
|
this:
|
|
</p>
|
|
|
|
<div id="heart">♥</div>
|
|
|
|
<p>
|
|
Hover over it to open the menu! The menu will have a link back to this
|
|
page, the changelog for that particular site, and the Wayback capture
|
|
link if applicable.
|
|
</p>
|
|
|
|
<p> </p>
|
|
|
|
<!--------------------------------------------- methodology --------------------------------------------------->
|
|
|
|
<h3>methodology:</h3>
|
|
|
|
<p>
|
|
For each site, I re-create each page by hand. Yes! This is tedious,
|
|
especially for large sites. There are a couple of reasons I do this
|
|
rather than download the site as-is:
|
|
</p>
|
|
|
|
<ol>
|
|
<li>
|
|
Most sites are rather disorganized, so I shuffle things around to
|
|
make a bit more sense and to preserve what's left of my sanity.
|
|
</li>
|
|
<li>
|
|
It makes it easier to check broken links and update them, find the
|
|
Wayback version, or mark them as broken.
|
|
</li>
|
|
<li>
|
|
I would need to go through each page and inject the little menu that
|
|
links back here & to the changelog anyway.
|
|
</li>
|
|
<li>
|
|
The biggest reason: most of these sites were made 15-20+ years ago,
|
|
when the internet, HTML, and CSS were in their infancies. Much of
|
|
the code is wildly outdated and at risk of being deprecated. I
|
|
update the code as much as possible while preserving the style of
|
|
the site, as a way of "future-proofing". I want this archive to last
|
|
as long as possible!
|
|
</li>
|
|
</ol>
|
|
|
|
<p>
|
|
Sites are not posted here until either the whole site goes down, or
|
|
noticable chunks start to break.
|
|
</p>
|
|
|
|
<p>
|
|
Each site has a changelog that can be found by clicking the little
|
|
floating menu in the top right corner!
|
|
</p>
|
|
|
|
<p> </p>
|
|
|
|
<!----------------------------------------------- author ------------------------------------------------------>
|
|
|
|
<h3>about the author:</h3>
|
|
|
|
<p>
|
|
Hello! I'm marley, or mar @ epiphany on forums/Discord, or punkfairie
|
|
various other places. I own Epiphany, which can be found
|
|
<a href="https://fantazzled.com/epiphany/" target="_blank">here</a>.
|
|
I've been in the PC on and off for 15+ years, since about the 4th
|
|
grade or so. This community is the reason I know how to code! It's a
|
|
place that's near and dear to my heart.
|
|
</p>
|
|
|
|
<p>
|
|
I <i>loved</i>
|
|
<a
|
|
href="https://web.archive.org/web/20091002091450/http://www.minibytepetz.net/Minibyte_Petz/home.html"
|
|
target="_blank"
|
|
>Minibyte's archive</a
|
|
>
|
|
when it was up, and a few years ago when it went down I got to
|
|
thinking I'd like to make something like that. I did start it, but
|
|
lost interest in Petz and ended up deleting all the files when
|
|
cleaning my hard drive.
|
|
</p>
|
|
|
|
<p>
|
|
In Feb of 2022 I was bored and wanted a coding project, and remembered
|
|
that idea I'd had for a Petz archive. A few weeks later, I bought
|
|
punkfairie.net and uploaded the archive of Petz 5 World! That was the
|
|
first Petz site I ever remember visiting as a child, and it seemed
|
|
fitting to make that my first entry to my archive.
|
|
</p>
|
|
|
|
<p>
|
|
I hope you enjoy your time here, whether you're reminiscing on old
|
|
friendships or curious what the PC of yesteryear got up to. ♥
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|