made an about page and organized which exploded the line count
This commit is contained in:
93
docs/about.html
Normal file
93
docs/about.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>About – picsmics4</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="The story behind picsmics4 and the legendary Reptilia comment thread."
|
||||
/>
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar">
|
||||
<a
|
||||
href="https://youtu.be/lW7vWfRI5oI?si=Sefj320BsIkgOKk0"
|
||||
class="nav-logo"
|
||||
>picsmics4</a
|
||||
>
|
||||
<div class="nav-links">
|
||||
<a href="index.html" class="nav-link">Comments</a>
|
||||
<a href="about.html" class="nav-link active">About</a>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<header class="hero">
|
||||
<h1>About This Archive</h1>
|
||||
</header>
|
||||
<section class="about-content">
|
||||
<h2>The Story</h2>
|
||||
<p>
|
||||
On Jan 2, 2008, a YouTube user named
|
||||
<strong>DrazenXLive</strong> uploaded a video of themselves playing
|
||||
<em>Reptilia</em> by The Strokes on Rock Band. It gained a few views,
|
||||
but was otherwise just a gaming video in the early age of YouTube.
|
||||
</p>
|
||||
<p>
|
||||
Then <strong>picsmics4</strong> started commenting. And never stopped.
|
||||
</p>
|
||||
<p>
|
||||
For over 15 years, picsmics4 returned to this one video, leaving
|
||||
comments that evolved into an unintentional diary, from documenting
|
||||
high school whimsy, adulthood, hardships, and everything in between.
|
||||
The thread, the optimism of picsmics4, and the wholesome reception
|
||||
from the internet community has been selected to be preserved on this
|
||||
site.
|
||||
</p>
|
||||
|
||||
<h2>This Archive</h2>
|
||||
<p>
|
||||
I watched
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=PDVOaAKaMfg"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>a video by ShaiiValle</a
|
||||
>
|
||||
and was inspired to make this site overnight, in an era where much of
|
||||
our shared digital history is quietly disappearing. The world is
|
||||
currently a mess, but it is the small things like this that let us go
|
||||
on with our days.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
This site preserves every comment from the video, and comments from
|
||||
before <strong>January 1, 2026</strong> (at 6 minutes and 7 seconds)
|
||||
are frozen exactly as they were for authenticity. Newer comments are
|
||||
added periodically but the original archive remains untouched.
|
||||
</p>
|
||||
|
||||
<h2>Links</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.youtube.com/watch?v=lW7vWfRI5oI"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>The Original Video</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/DereC4/picsmics4"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>GitHub Repository</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user