php -> html: index
This commit is contained in:
marleyrae
parent
a98fcbceda
commit
9c6fd9d904
4 changed files with 141 additions and 102 deletions
16
.idea/git_toolbox_prj.xml
Normal file
16
.idea/git_toolbox_prj.xml
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="GitToolBoxProjectSettings">
|
||||||
|
<option name="commitMessageIssueKeyValidationOverride">
|
||||||
|
<BoolValueOverride>
|
||||||
|
<option name="enabled" value="true" />
|
||||||
|
</BoolValueOverride>
|
||||||
|
</option>
|
||||||
|
<option name="commitMessageValidationEnabledOverride">
|
||||||
|
<BoolValueOverride>
|
||||||
|
<option name="enabled" value="true" />
|
||||||
|
<option name="value" value="true" />
|
||||||
|
</BoolValueOverride>
|
||||||
|
</option>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
<component name="InspectionProjectProfileManager">
|
<component name="InspectionProjectProfileManager">
|
||||||
<profile version="1.0">
|
<profile version="1.0">
|
||||||
<option name="myName" value="Project Default" />
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="HttpUrlsUsage" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
|
||||||
<inspection_tool class="SpellCheckingInspection" enabled="true" level="TYPO" enabled_by_default="true">
|
<inspection_tool class="SpellCheckingInspection" enabled="true" level="TYPO" enabled_by_default="true">
|
||||||
<option name="processCode" value="false" />
|
<option name="processCode" value="false" />
|
||||||
<option name="processLiterals" value="true" />
|
<option name="processLiterals" value="true" />
|
||||||
|
|
|
||||||
124
index.html
Normal file
124
index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
||||||
|
<!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/style.css">
|
||||||
|
</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/index.php">Petz 5 World</a> /
|
||||||
|
<a href="wordfire/index.php">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 --------------------------------------------------->
|
||||||
|
|
||||||
|
<p><i><u>methodology:</u></i></p>
|
||||||
|
|
||||||
|
<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 ------------------------------------------------------>
|
||||||
|
|
||||||
|
<p><i><u>about the author:</u></i></p>
|
||||||
|
|
||||||
|
<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>
|
||||||
102
index.php
102
index.php
|
|
@ -1,102 +0,0 @@
|
||||||
<!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/style.css">
|
|
||||||
</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/index.php">Petz 5 World</a> /
|
|
||||||
<a href="wordfire/index.php">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 --------------------------------------->
|
|
||||||
|
|
||||||
<p><i><u>methodology:</u></i></p>
|
|
||||||
|
|
||||||
<p>For each site, I re-create each page by hand. Yes! This is tedious, especially for
|
|
||||||
large sites. There are a couple 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 ------------------------------------------>
|
|
||||||
|
|
||||||
<p><i><u>about the author:</u></i></p>
|
|
||||||
|
|
||||||
<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 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>
|
|
||||||
Loading…
Reference in a new issue