init

8 files changed, 184 insertions, 0 deletions

diff --git a/src/about.php b/src/about.php
new file mode 100644
index 0000000..e144950
--- /dev/null
+++ b/src/about.php
@@ -0,0 +1,12 @@
+<?php
+$title = "About";
+require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
+require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
+?>
+<p>
+	This site is a fork of aberrantflux.xyz. It's mostly a joke, because "pen15" is funny.
+	But it's also an actual community of fountain pen users! It's a sort of sub-club of the null identity.
+</p>
+<p>This site is a member of the <a href="https://nullring.xyz">Null Webring</a>.</p>
+<h3 class="nav"><a href="https://prestonpan.tech">[Last site]</a> | <a href="https://www.nullring.xyz">[Nullring]</a> | <a href="https://society.nullring.xyz">[Next site]</a></h3>
+<?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
diff --git a/src/error_404.php b/src/error_404.php
new file mode 100644
index 0000000..3afe051
--- /dev/null
+++ b/src/error_404.php
@@ -0,0 +1,10 @@
+<?php
+$title = "Page not found [404]";
+require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
+require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
+?>
+<p>
+	The document you tried to access doesn't exist. Or maybe it just got lost on my desk.
+	Email me at kai@kaistevenson.com.
+</p>
+<?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
diff --git a/src/footer.php b/src/footer.php
new file mode 100644
index 0000000..60799d8
--- /dev/null
+++ b/src/footer.php
@@ -0,0 +1,7 @@
+		<br>
+		<br>
+		<br>
+		<div class="footer">
+		</div>
+	</div>
+</body>
diff --git a/src/head.php b/src/head.php
new file mode 100644
index 0000000..8e33858
--- /dev/null
+++ b/src/head.php
@@ -0,0 +1,12 @@
+<?php
+error_reporting(E_ALL);
+ini_set('display_errors', 1);
+?>
+
+<head>
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
+</head>
+
+<body>
+	<div class="contentpane">
diff --git a/src/header.php b/src/header.php
new file mode 100644
index 0000000..cbabfbf
--- /dev/null
+++ b/src/header.php
@@ -0,0 +1,9 @@
+<h1><?php echo $title; ?></h1>
+
+<?php if (getcwd() == $_SERVER["DOCUMENT_ROOT"]) { ?>
+	<h3 class="nav"><a href="/">[Home]</a> | <a href="/about.php">[About]</a></h3>
+<?php } else if (basename($_SERVER['PHP_SELF']) == "index.php") { ?>
+	<h3 class="nav"><a href="/">[Home]</a> | <a href="/about.php">[About]</a> | <a href="..">[Back]</a></h3>
+<?php } else { ?>
+	<h3 class="nav"><a href="/">[Home]</a> | <a href="/about.php">[About]</a> | <a href=".">[Back]</a></h3>
+<?php } ?>
diff --git a/src/images/favicon.ico b/src/images/favicon.ico
new file mode 100644
index 0000000..d858211
--- /dev/null
+++ b/src/images/favicon.ico
diff --git a/src/index.php b/src/index.php
new file mode 100644
index 0000000..9721145
--- /dev/null
+++ b/src/index.php
@@ -0,0 +1,20 @@
+<?php
+$title = "Welcome to the PEN15 Agency";
+require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
+require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
+?>
+<p>
+	We like pens.
+</p>
+<ul>
+    <li>
+	<h3><a href="Community/">~/community/</a> /* It takes two */</h3>
+    </li>
+    <li>
+	<h3><a href="Pictures/">~/pictures/</a> /* SFW. Probably */</h3>
+    </li>
+    <li>
+	<h3><a href="Resources/">~/resources/</a> /* Learn safe pen usage */</h3>
+    </li>
+</ul>
+<?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..b3d92c1
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,114 @@
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
+
+:root {
+    /* COLOURSCHEME 1, BLUE */
+    --background: #121d28;
+    --text: #bbd7f2;
+    --header: #bbd7f2;
+    --secondary: #76baf9;
+    --highlight: #7ceea7;
+    /* COLOURSCHEME 2, ORANGE */
+    /*--background: #141210;
+    --header: #fdb04d;
+    --text: #faca8b;
+    --secondary: #ee8041;
+    --highlight: #ee4c41;
+    */
+}
+
+body {
+    margin: 0px;
+    background-color: var(--background);
+}
+
+@media (max-aspect-ratio: 6/7) {
+    .contentpane {
+        margin: auto;
+        width: 100%;
+        min-height: 100%;
+    }
+}
+
+@media (min-aspect-ratio: 7/7) {
+    .contentpane {
+        margin: auto;
+        width: 60%;
+        min-height: 100%;
+    }
+}
+
+h1 {
+    text-align: center;
+    font-family: 'Quicksand', sans-serif;
+    font-size: 28pt;
+    font-weight: 600;
+    color: var(--header);
+    padding: 50px 50px 3px 50px;
+    margin: auto auto 0px auto;
+}
+
+p {
+    text-align: left;
+    text-indent: 25px;
+    font-family: 'Quicksand', sans-serif;
+    font-size: 14pt;
+    color: var(--text);
+    padding: 8px 50px 8px 50px;
+}
+
+a {
+    color: var(--secondary);
+    font-family: 'Quicksand', sans-serif;
+}
+
+a:hover {
+    color: var(--highlight);
+}
+
+h3 {
+    text-align: center;
+    font-family: 'Quicksand', sans-serif;
+    font-size: 14pt;
+    font-weight: 600;
+    color: var(--text);
+    padding: 8px 50px 8px 50px;
+}
+
+h3.nav {
+    padding: 3px 50px 8px 50px;
+    margin: 0px auto auto auto;
+}
+
+ul h3 {
+    font-style: italic;
+    text-align: left;
+    text-indent: 25px;
+    padding: 8px 50px 8px 2px;
+}
+
+ul h3 a {
+    font-style: italic;
+}
+
+a.backbutton {
+    font-style: normal;
+    font-size: 80%;
+    text-decoration: none;
+    padding: 0px;
+}
+
+ul {
+    list-style-position: outside;
+    padding: 0px 0px 0px 75px;
+}
+
+li {
+    color: var(--highlight);
+}
+.footer {
+    width: auto;
+    margin: auto;
+}
+.ascii {
+    color: var(--secondary);
+}