Initial Commit

media/index.php

@@ -0,0 +1,10 @@
+<?php 
+$root="../";
+$title="Media";
+$tags="blog, media, art, games, cinema, anime, manga, music";
+$message=$title;
+$submessage="";
+
+require $root."includes/formatindex.php";
+// ../includes/formatindex.php
+?>

news/wellThisIsAwkward.md

@@ -0,0 +1,46 @@
+# [Well, This is Awkward.](/news/wellThisIsAwkward)
+
+So, been a good few months.
+
+# Where you been Astoria?
+
+Well, mostly I have... not been tending to this website thats what.  
+This does not mean I have been resting on my feet!  
+
+# So whats different
+
+>1. I have switched to <mark>linux</mark>. ([Mint](https://linuxmint.com/) specifically!)
+>2. I **lost the source code to this website** when I switched to linux.
+>3. I learned myself some better programming.
+>4. I tried installing [Bedrock Linux](https://bedrocklinux.org/), goofed,  
+    and reinstalled Linux Mint, then properly installed Bedrock.
+>5. I installed a different linux. ([Arch](https://archlinux.org/) specifically!)
+>6. Started working on a [discord bot](https://git.broken-moon.net/astoriafloyd/thembot/) for a friends server.
+>7. Actually learned how to use an IDE.
+>8. Stopped trying to use VIM (Don't use vim. I beg you.)  
+    and switched to VSCode.
+>9. Remembered this website exists.
+>10. Started writing this new version of the site.
+
+# Why would you ever use vim?
+
+The ability to use it over SSH.  
+VSCode can do that too (I am doing it right now!)  
+<mark>Switch to VSCode. I beg you.</mark>  
+# Back to the point.  
+Oh yes, this is dragging on for a fair bit.  
+Most of the Minecraft server have been replaced.  
+<sub><sup>(And why were they ever listed, they are mostly proprietary packs.)</sub></sup>  
+
+# Anything actually useful to know?
+
+Oh I know! Introducing the local [Gitea](http://git.broken-moon.net/) sever!  
+<sub><sup>Its basically github but it goes down when this site does, feel free to use it I guess.</sub></sup>
+
+# Closing notes
+* New website
+* New services
+* New source code
+* Less relevancy
+* Removed Herobrine
+* No longer Obsolete (Markdown for the win!)

news/wellThisIsAwkward.md.meta

@@ -0,0 +1 @@
+2021.08.18

public/css/default.css

@@ -0,0 +1,582 @@
+:root {
+	--fg-col: #FFFFFF;
+	/*--main-col: #d2738a;*/
+	--main-col:#b4a999;
+	--grey-col: #CCCCCC;
+	--bg-col: #1f1710;
+	--ver: calc(95vh - 50px);
+	--ver-btm: 10vh;
+	--ver-upr: 18px;
+	--shade: linear-gradient(to top, rgba(31,23,16,1), rgba(31,23,16,0.8), rgba(31,23,16,0));
+}
+
+body {
+	background: url("/images/backgrounds/earth.gif") no-repeat var(--bg-col); */
+	/* broken randomization */
+	background-size: cover;
+	background-attachment: fixed;
+	background-position: bottom left;
+	word-break: break-word;
+	display: grid;
+    grid-template-columns: min-content auto;
+	gap: 20px;
+}
+
+ul {
+	list-style: none;
+	margin: 4px 0;
+}
+
+li {
+	margin: 4px 0;
+}
+
+img {
+	padding: 2px;
+	border: 3px double var(--main-col);
+}
+
+table {
+	padding: 2px;
+	margin: 20px 0 20px 0;
+	border: 1px solid var(--main-col);
+}
+
+th {
+	color: var(--fg-col);
+	font-weight: bold;
+}
+
+tr:nth-child(odd) {
+	background-color: #150f0a;
+}
+tr:nth-child(even) {
+	background-color: #392a1d;
+}
+
+input[type="submit" i] {
+	background: unset;
+	border: 3px double var(--main-col);
+	margin-left: 10px;
+	color: var(--main-col);
+	font-size: 1.5em;
+}
+
+.aside, .article, .section, .mobilemenu, .banner {
+	opacity: 0.9;
+	transition: 0.3s;
+}
+.banner {
+	border: none;
+	width: 240px;
+	max-width: 100%;
+}
+.banner:hover {
+	opacity: 1;
+}
+
+.bannerother, .bannergrave {
+	border: none;
+	height: 60px;
+	width: 240px;
+	max-width: 100%;
+}
+
+.bannergrave {
+	filter: grayscale(1);
+	transition: 0.3s;
+}
+
+.bannergrave:hover {
+	filter: grayscale(0);
+}
+
+.bannerlarge {
+	border: none;
+	max-width: 100%;
+}
+
+.imgnoborder {
+	max-width: 100%;
+	border: none;
+}
+
+.aside, .article, .section, .mobilemenu {
+	background: var(--bg-col);
+	padding: 10px;
+	border: 1px solid var(--main-col);
+	box-shadow: 3px 3px 2px var(--main-col);
+}
+
+.aside:hover, .article:hover, .section:hover, .mobilemenu:hover {
+	opacity: 1;
+	box-shadow: 6px 6px 4px var(--main-col);
+}
+
+.aside {
+	width: 250px;
+	margin: 2px;
+	max-height: var(--ver);
+	align-self: start;
+	overflow-x: hidden;
+	position: sticky;
+    top: calc(2px + 8px);
+}
+
+.aside > ul {
+	padding-inline-start: 20px;
+}
+
+.aside > ul > ul {
+	padding-inline-start: 25px;
+}
+
+.asideitem {
+	list-style-image: url("../images/list.gif");
+	list-style-position: inside;
+	font-size: 1.2em;
+}
+
+.asidesubitem {
+	list-style-image: url("../images/listsmall.gif");
+	list-style-position: inside;
+	font-size: 1em;
+}
+
+.openaside {
+	display: none;
+	position: fixed !important;
+	height: 1.5em;
+	padding: 6px 0 0 0 !important;
+	width: 100%;
+	top: 0;
+	left: 0;
+	right: 0;
+	background: var(--bg-col);
+	border-bottom: 3px double var(--main-col) !important;
+	border-top: none !important;
+	border-left: none !important;
+	border-right: none !important;
+	text-align: center;
+	box-shadow: none !important;
+	z-index: 1;
+}
+
+.openaside a {
+	font-size: 1.2em;
+	letter-spacing: 8px;
+	margin-top: 4px;
+}
+
+.bottom {
+	height: var(--ver-btm);
+	width: 100%;
+	bottom: 0;
+	left: 0;
+	position: fixed;
+	background-image: var(--shade);
+	display: table;
+}
+
+.bottomcell {
+	display: table-cell;
+	vertical-align: bottom;
+	text-align: center;
+	opacity: 0.7;
+	transition: 0.3s;
+}
+
+.bottomcell:hover {
+	opacity: 1;
+}
+
+.cell {
+	width: 45%;
+	text-align: center;
+}
+
+.cell > p {
+	height: 24px;
+	margin: 16px 0 0 0;
+}
+
+.cell > h3 {
+	height: 48px;
+	margin: 16px 0 0 0;
+}
+
+.mobilemenu {
+	width: 250px;
+	overflow-x: hidden;
+	padding-right: 25px;
+	margin-bottom: 80px;
+}
+
+.mobilemenu > ul {
+	text-align: left;
+	position: relative;
+	right: 9px;
+}
+
+.mobilemenu > ul > ul > p {
+	left: 25% !important;
+}
+
+.content {
+	margin-bottom: var(--ver-btm);
+	margin-top: 2px;
+	margin-bottom: 0;
+	width: fit-content;
+}
+
+.article {
+	margin: 2px 20px 0 20px;
+	padding: 25px !important;
+	margin-top: 30px;
+	margin-bottom: 55px;
+}
+
+.article-headerless {
+	margin: 0 20px 55px 0 !important;
+}
+
+.section {
+	max-height: 50vh;
+	overflow: hidden;
+	position: relative;
+}
+
+.section1 {
+	margin: 20px 20px 20px 80px;
+}
+
+.section2 {
+	margin: 20px 80px 20px 20px;
+}
+
+.section3 {
+	margin: 20px 60px 20px 60px;
+}
+
+.homesection {
+	margin-bottom: 60px;
+	width: 540px;
+	text-align: center;
+	max-height: unset;
+}
+
+.homemessage, .homesubmessage {
+	font-style: italic;
+}
+
+.homemessage {
+	font-size: 2em;
+}
+
+.homesubmessage {
+	font-size: 1.2em;
+}
+
+.homesmallimg {
+	display: none;
+}
+
+.upperdirs {
+	width: 80%;
+	height: var(--ver-upr);
+	margin-bottom: 20px;
+	margin-left: auto;
+	margin-right: auto;
+	text-align: center;
+}
+
+.numlist {
+	display: table;
+	margin-bottom: 20px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.seemore {
+	position: absolute;
+	bottom: 0;
+	width: calc(100% - 20px);
+	height: 60px;
+	background-image: var(--shade);
+}
+
+.seedate {
+	float: left;
+	margin-top: 40px;
+}
+
+.seemorelink {
+	float: right;
+	margin-top: 40px;
+}
+
+.greyed {
+	color: var(--grey-col);
+}
+
+.archivereturn {
+	margin: 20px 60px 20px 60px;
+	display: table;
+}
+
+.search {
+	width: 25vw;
+	min-width: 300px;
+}
+
+.titlecol {
+	width: 65%;
+}
+
+.datecol {
+	width: 35%;
+}
+
+.nothinghere {
+	width: 50vw;
+	height: 10vh;
+	margin: 20px 10vw 0 10vw;
+	text-align: center;
+}
+
+.nothinghere > .notgood {
+	letter-spacing: 2px;
+	animation: notgood 4s ease-in-out infinite;
+	animation-play-state: running;
+}
+
+.nothingreturn {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	font-size: 1.2em;
+	padding: 6px;
+}
+
+.extlink {
+	background: url("../images/ext.gif") no-repeat;
+	background-position: right;
+	padding-right: 13px;
+}
+
+.leftimg, .rightimg, .centerimg {
+	filter: grayscale(1);
+	transition: 0.2s;
+}
+
+.leftimg:hover, .rightimg:hover, .centerimg:hover {
+	filter: none;
+}
+
+.leftimg, .rightimg {
+	max-width: 50%;
+	max-height: 25em;
+	display: block;
+	margin: 10px;
+}
+
+.leftimg {
+	float: left;
+}
+
+.rightimg {
+	float: right;
+}
+
+.centerimg {
+	max-width: 70%;
+	max-height: 30em;
+	display: block;
+	margin: 10px auto;
+}
+
+.quote {
+	display: inline-block;
+	margin: 5px;
+	color: var(--grey-col);
+}
+
+.quote:before {
+	content: "「";
+	color: var(--main-col);
+	letter-spacing: 10px;
+}
+
+.quote:after {
+	content: "」";
+	color: var(--main-col);
+	letter-spacing: 10px;
+}
+
+.scrollingcontentbtm {
+	margin-bottom: var(--ver-btm);
+	display: inline-block;
+}
+
+.blogbox {
+	position: relative;
+	right: 11px;
+	border: 1px solid var(--main-col);
+	margin-left: 20px;
+	margin-bottom: 10px;
+}
+
+.asidehometext {
+	font-size: 1.2em;
+	position: relative;
+	display: none;
+	text-align: center;
+}
+
+.asidebottomimage {
+	height: 30px;
+	max-width: 30px;
+	margin: 0 3px;
+	transition: 0.5s;
+}
+
+.asidebottomimage:hover {
+	box-shadow: var(--main-col) 1px 4px 5px;
+}
+
+.archivespan {
+	margin: 30px;
+}
+
+.codeblock {
+	font-family: 'pxplus_ibm_vga9regular', monospace;
+	border: 1px solid var(--main-col);
+	background-color: #1b1b1d;
+	color: #ffcccc;
+	font-size: 0.9em;
+	padding: 10px;
+	white-space: pre-wrap;
+	margin: 10px;
+	overflow-wrap: break-word;
+	word-break: break-all;
+}
+
+.largefont {
+	font-size: 2em;
+}
+
+.center {
+	text-align: center;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.arrow {
+	border: none;
+	padding: 2px 0 0 0;
+}
+
+.datetext {
+	text-align: center;
+	font-weight: bold;
+}
+
+.webring-panel {
+	width: fit-content;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.webring-text {
+	margin: 6px;
+}
+
+.webring-table {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+@keyframes notgood {
+	0% {
+		letter-spacing: 2px;
+	}
+	50% {
+		letter-spacing: 4px;
+	}
+	100% {
+		letter-spacing: 2px;
+	}
+}
+
+@media (max-width: 900px) {
+	.aside > .asidehomeimage {
+		display: none;
+	}
+
+	.aside > .asidehometext {
+		display: block;
+	}
+
+	.aside {
+		width: 200px;
+	}
+
+	.content {
+	}
+}
+
+@media (max-height: 580px) {
+	.aside > .asidehomeimage {
+		display: none;
+	}
+
+	.aside > .asidehometext {
+		display: block;
+	}
+}
+
+@media (max-width: 850px) {
+	.homesection {
+		width: 220px;
+	}
+	.homelargeimg {
+		display: none;
+	}
+	.homesmallimg {
+		display: block;
+	}
+}
+
+@media (max-width: 660px) {
+	.aside {
+		display: none;
+	}
+
+		body { grid-template-columns: auto }
+
+	.openaside {
+		display: block;
+	}
+
+	body {
+		margin: 3em 8px 8px 8px;
+	}
+	
+	.content {
+		margin-left: unset;
+	}
+}
+
+@media (max-width: 600px) {
+	.seedate {
+		display: none;
+	}
+
+	.seemorelink {
+		float: left;
+	}
+	
+	.bottomcell > p {
+		font-size: 0.7em;
+	}
+}

public/css/fonts.css

@@ -0,0 +1,105 @@
+:root {
+	--fg-col: #FFFFFF;
+	/*--main-col: #d2738a;*/
+	--main-col: #b4a999;
+	--bg-col: #1f1710;
+}
+
+@font-face {
+    font-family: 'pxplus_ibm_vga9regular';
+    src: url('/css/pxplus_ibm_vga9-webfont.woff2') format('woff2'),
+         url('/css/pxplus_ibm_vga9-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+	color: var(--fg-col);
+	font-family: 'pxplus_ibm_vga9regular', monospace;
+}
+
+h1 {
+	font-size: 1.8em;
+	text-align: center;
+	border-bottom: 1px solid var(--main-col);
+}
+
+h2, h3 {
+	color: var(--fg-col);
+	font-style: italic;
+	font-weight: 500;
+	text-shadow: 0 0 5px var(--main-col);
+	clear: both;
+	margin-top: 50px;
+}
+
+h2 {
+	font-size: 1.6em;
+	margin-left: 20px;
+	margin-right: 20px;
+}
+
+h3 {
+	font-size: 1.3em;
+	margin-left: 25px;
+	margin-right: 25px;
+}
+
+@keyframes wiredlink {
+	50% {
+		color: var(--fg-col);
+		text-shadow: var(--main-col) 1px 4px 5px;
+	}
+}
+
+a {
+	text-decoration: none;
+}
+
+a:hover {
+	animation: wiredlink 1s ease-in-out infinite;
+}
+
+a:link {
+	color: var(--main-col);
+}
+
+a:visited {
+	color: var(--main-col);
+}
+
+a:hover {
+	color: var(--main-col);
+}
+
+.fakeLink {
+	color: var(--main-col);
+	text-decoration: none;
+}
+
+@keyframes wiredarrow {
+	50% {
+		filter: grayscale(1) brightness(2) blur(1px);
+	}
+}
+
+.arrow:hover {
+	animation: wiredarrow 1s ease-in-out infinite;
+}
+
+mark {
+  background-color:var(--main-col);
+  color: black;
+}
+
+kbd {
+   font-feature-settings:normal;
+   color: rgba(0, 0, 0, 0.9);
+   background:var(--main-col);
+   margin:2px 2px;
+   font-family: 'pxplus_ibm_vga9regular';
+    src: url('/css/pxplus_ibm_vga9-webfont.woff2') format('woff2'),
+         url('/css/pxplus_ibm_vga9-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}

public/css/noscroll.css

@@ -0,0 +1,9 @@
+::-webkit-scrollbar {
+	display: none;
+}
+
+* {
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+	overflow: -moz-scrollbars-none;
+}

public/css/scroll.css

@@ -0,0 +1,22 @@
+:root {
+	--main-col: #94B1FF;
+}
+
+/* Chromium-based */
+::-webkit-scrollbar {
+	width: 12px;
+}
+::-webkit-scrollbar-thumb {
+	background-color: var(--main-col);
+}
+::-webkit-scrollbar-track {
+	background-color: #000;
+}
+::-webkit-scrollbar-corner {
+	background-color: #000;
+}
+
+/* Firefox-based */
+* {
+	scrollbar-color: var(--main-col) #000;
+}

public/css/splash.css

@@ -0,0 +1,32 @@
+:root {
+	--fg-col: #FFFFFF;
+	--main-col: #94B1FF;
+	--bg-col: #000000;
+}
+
+body {
+	/* background-image: url("../images/splash.gif");
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+	background-attachment: fixed; */
+
+	background: var(--bg-col);
+}
+
+h1 {
+	font-size: 2.4em !important;
+	border: none !important;
+	animation: none !important;
+	margin-top: 100px;
+}
+
+h1 > span {
+	border-right: .5em solid var(--main-col);
+	animation: 
+		blink-caret 1.5s step-end infinite;
+}
+
+@keyframes blink-caret {
+	from, to { border-color: transparent }
+	50% { border-color: var(--main-col); }
+}

public/images/image.erb

@@ -0,0 +1 @@
+<%= puts 'test' %>

v5.rb

@@ -0,0 +1,46 @@
+require 'sinatra'
+require 'erb'
+
+get '/' do
+	erb :greetpage
+end
+
+get '/home' do
+	erb :homepage
+end
+
+get '/media' do
+	erb :folderpage
+end
+
+get '/media/*' do
+	erb :blogpage
+end
+
+get '/technology' do
+	erb :folderpage
+end
+
+get '/technology/*' do
+	erb :blogpage
+end
+
+get '/news' do
+	erb :folderpage
+end
+
+get '/news/*' do
+	erb :blogpage
+end
+
+get '/archive' do
+	erb :archivepage
+end
+
+get '/about' do
+	erb :aboutpage
+end
+
+get '/contact' do
+	erb :contactpage
+end

views/aboutpage.erb

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>About</title>
+	<meta name="description" content="broken-moon.net - About" />
+	<meta name="keywords" content="about" />
+	<meta property="og:url" content="http://broken-moon.net/about" />
+	<meta property="og:title" content="Contact" />
+	<%= erb :headerBoilerplate %>
+</head>
+<body>
+	<%= erb :asidemenu %>
+	<div class="content">
+		<div class="article article-headerless">
+			<a href="/contact"><h1>About</h1></a>
+			<p>I am Astoria.</p>
+			<h2>What are you?</h2>
+			<p>That's a loaded question.</p>
+			<h2>Why did you make this website?</h2>
+			<p>I lost the source code to the old one. It's a hobby.</p>
+			<h2>Who made this websites art?</h2>
+			<p>It's all me, and some edited public domain images.</p>
+			<h2>How did you make this website?</h2>
+			<p>This website is actually a fork of another, by Nixx. Sadly that website appears to be down now.</p>
+			<h2>What is the meaning of life?</h2>
+			<p>Fliburdiscurp</p>
+		</div>
+	</div>
+	<%= erb :bottom %>
+</body>

views/asideFolderBox.erb

@@ -0,0 +1,12 @@
+<%
+folders =["Media", "Technology", "News"]
+%>
+<ul class="blogbox">
+	<% folders.each do |folder| %>
+		<% if request.path_info == "/" + folder.downcase %>
+			<li class="asidesubitem grayed"><%= folder.capitalize %></li>
+		<% else %>
+			<li class="asidesubitem"><a href="/<%=folder.downcase%>"><%= folder.capitalize %></a></li>
+		<% end %>
+	<% end %>
+</ul>

views/asideImage.erb

@@ -0,0 +1,6 @@
+<div class="asidehomeimage center">
+	<a href="/home"> <img src="/images/heads/head<%= (rand 9) + 1 %>.gif" alt="Home"> </a>
+</div>
+<span class="asidehometext">
+	<a href="/home">Home</a>
+</span>

views/asideListButtons.erb

@@ -0,0 +1,15 @@
+<ul>
+	<% if request.path_info == "/about" %>
+		<li class="asideitem grayed">About</li>
+	<% else %>
+		<li class="asideitem"><a href="/about">About</a></li>
+	<% end %>
+
+	<% if request.path_info == "/contact" %>
+		<li class="asideitem grayed">Contact</li>
+	<% else %>
+		<li class="asideitem"><a href="/contact">Contact</a></li>
+	<% end %>
+
+	<li class="asideitem"><a href="/">Return</a></li>
+</ul>

views/asidemenu.erb

@@ -0,0 +1,11 @@
+<div class="section openaside">
+	<a href="/mobile-menu">Navigation</a>
+</div>
+<div class="aside">
+	<%= erb :asideImage %>
+	<%= erb :asideFolderBox %>
+	<%= erb :asideListButtons %>
+	<div class="center">
+		<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
+	</div>
+</div>

views/blogbar.erb

@@ -0,0 +1,7 @@
+<div class="section upperdirs">
+	<span class="homesubmessage">
+		<b>
+			<a href="/">Home </a>> <a href="/"><%= title %></a>
+		</b>
+	</span>
+</div>

views/blogpage.erb

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<% title = request.path_info[1..-1].capitalize %>
+<% title = title.slice(0..(title.index('/') - 1)) %>
+<head>
+	<title><%= title %></title>
+	<meta name="description" content="broken-moon.net - <%= title %>" />
+	<meta name="keywords" content="<%= title.downcase %>" />
+	<meta property="og:url" content="http://broken-moon.net/<%= title.downcase %>" />
+	<meta property="og:title" content="<%= title %>" />
+	<%= erb :headerBoilerplate %>
+</head>
+<body>
+	<%= erb :asidemenu %>
+	<div class="content">
+	<%= erb :blogbar, locals: {title: title} %>
+	<div class="article">
+		<% if File.exist?("." + request.path_info) && request.path_info.end_with?(".erb") %>
+			<%= ERB.new(File.read("." + request.path_info)).result(binding) %>
+		<% elsif File.exist?("." + request.path_info + ".erb") %>
+			<%= ERB.new(File.read("." + request.path_info + ".erb")).result(binding) %>
+		<% elsif File.exist?("." + request.path_info) && request.path_info.end_with?(".md") %>
+			<%= markdown(File.read("." + request.path_info)) %>
+		<% elsif File.exist?("." + request.path_info + ".md") %>
+			<%= markdown(File.read("." + request.path_info + ".md")) %>
+		<% end %>
+		</div>
+	</div>
+	<%= erb :bottom %>
+</body>

views/blogpageERB.erb

@@ -0,0 +1,11 @@
+<div class="section section<%= rand(1..3) %>">
+	<%= ERB.new(File.read(file)).result(binding) %>
+	<span class="seemore">
+	<% if defined?(meta) %>
+		<b>
+		<span class="seedate"><%= File.read(meta) %></span>
+		</b>
+	<% end %>
+	<a class="seemorelink" href="<%= file %>">Article Page</a>
+	</span>
+</div>

views/blogpageMD.erb

@@ -0,0 +1,11 @@
+<div class="section section<%= rand(1..3) %>">
+	<%= markdown(File.read(file)) %>
+	<span class="seemore">
+	<% if defined?(meta) %>
+		<b>
+		<span class="seedate"><%= File.read(meta) %></span>
+		</b>
+	<% end %>
+	<a class="seemorelink" href="<%= file %>">Article Page</a>
+	</span>
+</div>

views/bottom.erb

@@ -0,0 +1,5 @@
+<div class="bottom">
+	<div class="bottomcell">
+		<p>Send me something interesting: <a href="/contact">netadmin@broken-moon.net</a></p>
+	</div>
+</div>

views/contactpage.erb

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Contact</title>
+	<meta name="description" content="broken-moon.net - Contact" />
+	<meta name="keywords" content="contact" />
+	<meta property="og:url" content="http://broken-moon.net/contact" />
+	<meta property="og:title" content="Contact" />
+	<%= erb :headerBoilerplate %>
+</head>
+<body>
+	<%= erb :asidemenu %>
+	<div class="content">
+		<div class="article article-headerless">
+			<a href="/contact"><h1>Contact</h1></a>
+			<h3>E-Mail Address</h3>
+			<hr>
+			<p><a href="mailto:netadmin@broken-moon.net">Netadmin@broken-moon.net</a></p>
+		</div>
+	</div>
+	<%= erb :bottom %>
+</body>

views/folderIndex.erb

@@ -0,0 +1,18 @@
+<% contents = Dir.children("." + request.path_info)%>
+<% contents.each do |content| %>
+	<% if content.end_with?(".erb") %>
+		<% file = content %>
+		<% if File.exists?("." + request.path_info + "/" + file + ".meta") %>
+			<%= erb :blogpageERB, locals: {file: "." + request.path_info + "/" + content, meta: "." + request.path_info + "/" + file + ".meta"}   %>
+		<% else %>
+			<%= erb :blogpageERB, locals: {file: "." + request.path_info + "/" + content}   %>
+		<% end %>
+	<% elsif content.end_with?(".md") %>
+		<% file = content %>
+		<% if File.exists?("." + request.path_info + "/" + file + ".meta") %>
+			<%= erb :blogpageMD, locals: {file: "." + request.path_info + "/" + content, meta: "." + request.path_info + "/" + file + ".meta"} %>
+		<% else %>
+			<%= erb :blogpageMD, locals: {file: "." + request.path_info + "/" + content}   %>
+		<% end %>
+	<% end %>
+<% end %>

views/folderpage.erb

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<% title = request.path_info[1..-1].capitalize %>
+<head>
+	<title><%= title %></title>
+	<meta name="description" content="broken-moon.net - <%= title %>" />
+	<meta name="keywords" content="<%= title.downcase %>" />
+	<meta property="og:url" content="http://broken-moon.net/<%= title.downcase %>" />
+	<meta property="og:title" content="<%= title %>" />
+	<%= erb :headerBoilerplate %>
+</head>
+<body>
+	<%= erb :asidemenu %>
+	<div class="content">
+	<% if Dir.exist?("." + request.path_info) %>
+		<% if !Dir.children("." + request.path_info).grep(/erb/).empty? || !Dir.children("." + request.path_info).grep(/md/).empty?   %>
+			<div class="section homesection center">
+				<a href="/"><span class="homemessage"><%= title %> </span></a>
+				<% if File.exists?("." + request.path_info + "/tagline") %>
+					<br>
+					<% file = File.open("." + request.path_info + "/tagline") %>
+					<span class="homesubmessage"><%= file.read %></span>
+				<% end %>
+			</div>
+			<%= erb :folderIndex %>
+		<% else %>
+			<%= erb :noFile %>
+		<% end %>
+	<% else %>
+		<%= erb :noFolder %>
+	<% end %>
+	</div>
+	<%= erb :bottom %>
+</body>

views/greetpage.erb

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link rel="stylesheet" type="text/css" href="css/splash.css" />
+		<link rel="stylesheet" type="text/css" href="/css/fonts.css" />
+		<style type="text/css">
+			html, body {margin: 0; height: 100%; overflow: hidden}
+		</style>
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="~$ Connect to the Broken-Moon Network" />
+		<meta property="og:image" content="/images/banner.gif" />
+		<meta property="og:image:type" content="image/gif" />
+		<meta property="og:image:width" content="88" />
+		<meta property="og:image:height" content="31" />
+	</head>
+	<body>
+		<h1><span><a href="/home">~$ Connect to the Broken-Moon Network</a></span></h1>
+	</body>
+</html>

views/headerBoilerplate.erb

@@ -0,0 +1,10 @@
+	<meta property="og:image" content="/images/banner.gif" />
+	<meta property="og:image:type" content="image/gif" />
+	<meta property="og:image:width" content="88" />
+	<meta property="og:image:height" content="31" />
+	<meta property="og:type" content="website" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<link rel="icon" type="image/gif" href="favicon.gif" />
+	<link rel="stylesheet" href="/css/default.css" />
+	<link rel="stylesheet" href="/css/noscroll.css" />
+	<link rel="stylesheet" href="/css/fonts.css" />

views/homeImage.erb

@@ -0,0 +1,16 @@
+<div class="section homesection centre">
+	<img class="homelargeimg" src="images/front.gif" alt="Welcome Image - Large">
+	<img class="homesmallimg" src="images/frontsmall.gif" alt="Welcome Image - Small">
+	<span class="homemessage fakeLink">Broken-Moon.net</span>
+	<br>
+	<span class="homesubmessage">
+	<% messages = ["Under the Broken Moon, and all the lights in the night sky.",
+				"Presently not Experiencing an outage… Probably.",
+				"As eternally incomplete as September.",
+				"The Internet is Serious Business™.",
+				"Everyone on the planet is an accomplice to something.",
+				"Once you eliminate the impossible… whatever remains must be the truth. No matter how improbable it may seem.",
+				"I am free, therefore I am."] %>
+	<%= messages[rand(0..6)] %>
+	</span>
+</div>

views/homeIndex.erb

@@ -0,0 +1,23 @@
+<% foldersOfInterest = ["media", "technology", "news"] %>
+<% foldersOfInterest.each do |folder| %>
+	<% if Dir.exists? folder %>
+		<% contents =Dir.children("./" + folder) %>
+		<% contents.each do |content| %>
+			<% if content.end_with?(".erb") %>
+				<% file = content %>
+					<% if File.exists?("./" + folder + "/" + file + ".meta") %>
+						<%= erb :blogpageERB, locals: {file: "./" + folder+ "/" + content, meta: "./" + folder + "/" + file + ".meta"}   %>
+					<% else %>
+						<%= erb :blogpageERB, locals: {file: "./" + folder + "/" + content}   %>
+				<% end %>
+				<% elsif content.end_with?(".md") %>
+						<% file = content %>
+				<% if File.exists?("./" + folder+ "/" + file + ".meta") %>
+					<%= erb :blogpageMD, locals: {file: "./" + folder + "/" + content, meta: "./" + folder + "/" + file + ".meta"} %>
+				<% else %>
+					<%= erb :blogpageMD, locals: {file: "./" + folder + "/" + content}   %>
+				<% end %>
+			<% end %>
+		<% end %>
+	<% end %>
+<% end %>

views/homepage.erb

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Home</title>
+	<meta name="description" content="broken-moon.net - Home" />
+	<meta name="keywords" content="home" />
+	<meta property="og:url" content="http://broken-moon.net/home" />
+	<meta property="og:title" content="Home" />
+	<%= erb :headerBoilerplate %>
+</head>
+<body>
+	<%= erb :asidemenu %>
+	<div class="content">
+	<%= erb :homeImage %>
+	<%= erb :homeIndex %>
+	</div>
+	<%= erb :bottom %>
+</body>

views/noFile.erb

@@ -0,0 +1,12 @@
+<%= erb :topbar %>
+<div class="article">
+	<div class="lostimg center">
+		<a class="lostimglink" href="/">
+		<span class="largefont">
+			404 - File not found. Press left mouse button to continue.
+			<br>
+			<br>
+			Guru Meditation: No Content
+		</span>
+	</div>
+</div>

views/noFolder.erb

@@ -0,0 +1,12 @@
+<%= erb :topbar %>
+<div class="article">
+	<div class="lostimg center">
+		<a class="lostimglink" href="/">
+		<span class="largefont">
+			404 - Folder not found. Press left mouse button to continue.
+			<br>
+			<br>
+			Guru Meditation: No Content
+		</span>
+	</div>
+</div>

views/topbar.erb

@@ -0,0 +1,7 @@
+<div class="section upperdirs">
+	<span class="homesubmessage">
+		<b>
+			<a href="/">Home </a>><a href="/<%= request.path_info[1..-1] %>"> <%= request.path_info[1..-1].downcase.capitalize %></a>
+		</b>
+	</span>
+</div>