old website

_src/pages/blog.html

@@ -0,0 +1,18 @@
+---
+title: "Blog"
+date: 2003-01-01
+icon: "M 4 2 L 28 2 L 28 30 L 4 30 Z M 8 8 L 24 8 L 24 6 L 8 6 Z M 8 14 L 24 14 L 24 12 L 8 12 Z M 8 20 L 20 20 L 20 18
+L 8 18 Z"
+---
+<section id="posts">
+	<ul>
+		{% for post in collections.posts reversed %}
+		<li>
+			<a href="{{post.url}}"></svg>{{post.data.title}}<time datetime="{{post.data.date | ISO }}">{{post.data.date
+					| humanReadable }}</time>
+				<p>{{post.data.description}}</p>
+			</a>
+		</li>
+		{% endfor %}
+	</ul>
+</section>

_src/pages/gallery.html

@@ -0,0 +1,36 @@
+---
+title: "Gallery"
+date: 2002-01-01
+icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L
+30 2 L 30 26 L 30 30 L 2 30 L 2 26"
+---
+<section id="artworks">
+	<h2>Original characters</h2>
+	<ul>
+		{% for item in art.items %}
+		<li>
+			<a href="{{item.url}}">
+				<figure>
+					<img src="{{item.url}}" alt="{{item.alt}}">
+					<figcaption>{{item.title}}</figcaption>
+					<time datetime="{{item.date}}">{{item.date | humanReadable }}</time>
+				</figure>
+			</a>
+		</li>
+		{% endfor %}
+	</ul>
+	<h2>Fan art</h2>
+	<ul>
+		{% for item in fanart.items %}
+		<li>
+			<a href="{{item.url}}">
+				<figure>
+					<img src="{{item.url}}" alt="{{item.alt}}">
+					<figcaption>{{item.title}}</figcaption>
+					<time datetime="{{item.date}}">{{item.date | humanReadable}}</time>
+				</figure>
+			</a>
+		</li>
+		{% endfor %}
+	</ul>
+</section>

_src/pages/home.html

@@ -0,0 +1,128 @@
+---
+title: "Home"
+date: 2000-01-01
+icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
+---
+<section>
+	{% for articles in collections.articles %}
+	<article class="note">{{articles.content}}</article>
+	{% endfor %}
+</section>
+<section id="collection">
+	<hr>
+	<ul class="games">
+		{% for item in games.items %}
+		<li>
+			<a href="{{item.url}}">
+				<h3>{{item.title}}</h3>
+				<img src="{{item.cover}}" alt="{{item.alt}}">
+			</a>
+		</li>
+		{% endfor %}
+	</ul>
+	<hr>
+	<ul class="music">
+		{% for item in music.items %}
+		<li>
+			<a href="{{item.url}}">
+				<h3>{{item.title}}</h3>
+				<img src="{{item.cover}}" alt="{{item.alt}}">
+			</a>
+		</li>
+		{% endfor %}
+	</ul>
+	<hr>
+</section>
+<section>
+	<div id="changelog">
+		<div class="window">
+			<div aria-hidden="true" class="title-bar">
+				<div class="title-bar-text"><img src="/assets/img/theme/citrus/bunny.png">Changelog</div>
+				<div class="title-bar-controls">
+					<button id="Minimize"></button>
+					<button id="Maximize"></button>
+					<button id="Close"></button>
+				</div>
+			</div>
+			<div class="window-body">
+				<iframe aria-label="Changelog" src="/update/index.html"></iframe>
+			</div>
+		</div>
+	</div>
+	<div id="buttons">
+		<div class="window">
+			<div aria-hidden="true" class="title-bar">
+				<div class="title-bar-text"><img src="/assets/img/theme/citrus/bunny.png">Buttons</div>
+				<div class="title-bar-controls">
+					<button id="Minimize"></button>
+					<button id="Maximize"></button>
+					<button id="Close"></button>
+				</div>
+			</div>
+			<div class="window-body">
+				<nav class="buttons">
+					<ul>
+						<fieldset>
+							<legend>My buttons!</legend>
+							{% for item in 88x31-mine.items %}
+							<li>
+								<a href="{{item.url}}" title="{{item.name}}"><img {% if item.id %}id="{{item.id}}" {%
+										endif %} src="{{item.button}}" alt="{{item.alt}}"></a>
+							</li>
+							{% endfor %}
+						</fieldset>
+					</ul>
+					<ul>
+						<fieldset>
+							<legend>Others</legend>
+							{% for item in 88x31-others.items %}
+							<li>
+								<a href="{{item.url}}" title="{{item.name}}"><img {% if item.id %}id="{{item.id}}" {%
+										endif %} src="{{item.button}}" alt="{{item.alt}}"></a>
+							</li>
+							{% endfor %}
+						</fieldset>
+					</ul>
+					<ul>
+						<fieldset>
+							<legend>Also check out</legend>
+							{% for item in 88x31-outgoing.items %}
+							<li>
+								<a href="{{item.url}}" title="{{item.name}}"><img {% if item.id %}id="{{item.id}}" {%
+										endif %} src="{{item.button}}" alt="{{item.alt}}"></a>
+							</li>
+							{% endfor %}
+							<script>
+								let pipe = document.getElementById("meow");
+								pipe.addEventListener("mouseover", func, true);
+								function func() {
+									pipe.src = "/assets/img/button/braixdragon-cat2.gif";
+								}
+								let audio = document.createElement("audio");
+								audio.src = "/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav";
+								document.body.appendChild(audio);
+								pipe.addEventListener("mouseover", function () {
+									setTimeout(() => {
+										audio.play();
+									}, 1700);
+								}, { once: true });
+							</script>
+							<script>let fox = document.getElementById("fox");
+								let music = document.createElement("audio");
+								music.src = "/assets/fox.ogg";
+								music.loop = true;
+								document.body.appendChild(music);
+								fox.onmouseover = () => {
+									music.play();
+								}
+								fox.onmouseout = () => {
+									music.pause();
+									music.currentTime = 0;
+								}</script>
+						</fieldset>
+					</ul>
+				</nav>
+			</div>
+		</div>
+	</div>
+</section>

_src/pages/pages.json

@@ -0,0 +1,5 @@
+{
+  "layout": "base",
+  "permalink": "/{{ title | slug }}/",
+  "tags": "pages"
+}