From a9728087678c900283e8e01c2b3dfeee209571dd Mon Sep 17 00:00:00 2001
From: Kai Stevenson <kai@kaistevenson.com>
Date: Wed, 21 Dec 2022 22:52:54 -0800
Subject: updated main page, added stationery page. changed CSS slightly

---
 src/index.php                 |  12 ++--
 src/stationery/.index.php.swp | Bin 0 -> 12288 bytes
 src/stationery/index.php      |  20 +++++++
 src/style.css                 | 131 +++++++++++++++++++++---------------------
 4 files changed, 95 insertions(+), 68 deletions(-)
 create mode 100644 src/stationery/.index.php.swp
 create mode 100644 src/stationery/index.php

(limited to 'src')

diff --git a/src/index.php b/src/index.php
index ea7ecac..2029215 100644
--- a/src/index.php
+++ b/src/index.php
@@ -1,17 +1,21 @@
 <?php
-$title = "Welcome to the PEN15 Agency";
+$title = "Welcome to the Agency";
 require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
 require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
 ?>
 <p>
-	We like pens.
+	The pen15 agency is a group dedicated to stationery, linguistics, and the
+	expression of experience through written word. 
 </p>
 <ul>
 	<li>
-		<h3><a href="community/">Community</a> /* It takes two */</h3>
+		<h3><a href="linguistics/">Linguistics</a> /* Everyone loves a cunning linguist */</h3>
+	</li>
+	<li>
+		<h3><a href="stationery/">Stationery</a> /* Pens, paper, ink */</h3>
 	</li>
 	<li>
-		<h3><a href="pictures/">Pictures</a> /* SFW. Probably */</h3>
+		<h3><a href="community/">Community</a> /* It takes two */</h3>
 	</li>
 	<li>
 		<h3><a href="resources/">Resources</a> /* Learn safe pen usage */</h3>
diff --git a/src/stationery/.index.php.swp b/src/stationery/.index.php.swp
new file mode 100644
index 0000000..c0fc86b
Binary files /dev/null and b/src/stationery/.index.php.swp differ
diff --git a/src/stationery/index.php b/src/stationery/index.php
new file mode 100644
index 0000000..5e674d4
--- /dev/null
+++ b/src/stationery/index.php
@@ -0,0 +1,20 @@
+<?php
+$title = "Stationery";
+require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
+require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
+?>
+<h3>Why?</h3>
+<p>
+	Because ineffiency is good, actually. It is easy to believe that doing things faster
+	and more precisely is better--it saves time, after all. However, what does it mean to
+	save time when the end is the means? If you write for pleasure, writing faster is much
+	like eating faster. The <i>parva inefficacia</i> of the day are all that are left.
+</p>
+<h3>How?</h3>
+<p>
+	Start doing things wrong. Write your friend a letter; write an essay by hand; write
+	a letter of complaint to your neighbour who keeps parking in your spot. That is to say,
+	take some activity that you would ordinarily use a computer for, and replace it with
+	a less efficient method. Keeping a journal is a good place to start.
+</p>
+<?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
diff --git a/src/style.css b/src/style.css
index 71fcdd1..3784ca5 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,114 +1,117 @@
 @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
 
 :root {
-    /* COLOURSCHEME 1, BLUE */
-    --background: #0D1720;
-    --text: #bbd7f2;
-    --header: #bbd7f2;
-    --secondary: #76baf9;
-    --highlight: #7ceea7;
-    /* COLOURSCHEME 2, ORANGE */
-    /*--background: #141210;
-    --header: #fdb04d;
-    --text: #faca8b;
-    --secondary: #ee8041;
-    --highlight: #ee4c41;
-    */
+	/* COLOURSCHEME 1, BLUE */
+	--background: #0D1720;
+	--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);
+	margin: 0px;
+	background-color: var(--background);
 }
 
 @media (max-aspect-ratio: 6/7) {
-    .contentpane {
-        margin: auto;
-        width: 100%;
-        min-height: 100%;
-    }
+	.contentpane {
+		margin: auto;
+		width: 100%;
+		min-height: 100%;
+	}
 }
 
 @media (min-aspect-ratio: 7/7) {
-    .contentpane {
-        margin: auto;
-        width: 60%;
-        min-height: 100%;
-    }
+	.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;
+	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;
+	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;
+	color: var(--secondary);
+	font-family: 'Quicksand', sans-serif;
 }
 
 a:hover {
-    color: var(--highlight);
+	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;
+	text-align: left;
+	text-indent: 25px;
+	font-family: 'Quicksand', sans-serif;
+	font-size: 16pt;
+	font-weight: 600;
+	color: var(--text);
+	padding: 8px 50px 8px 50px;
 }
 
 h3.nav {
-    padding: 3px 50px 8px 50px;
-    margin: 0px auto auto auto;
+	font-size: 14pt;
+	text-indent: 0px;
+	text-align: center;
+	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;
+	font-size: 14pt;
+	font-style: italic;
+	padding: 8px 50px 8px 2px;
 }
 
 ul h3 a {
-    font-style: italic;
+	font-style: italic;
 }
 
 a.backbutton {
-    font-style: normal;
-    font-size: 80%;
-    text-decoration: none;
-    padding: 0px;
+	font-style: normal;
+	font-size: 80%;
+	text-decoration: none;
+	padding: 0px;
 }
 
 ul {
-    list-style-position: outside;
-    padding: 0px 0px 0px 75px;
+	list-style-position: outside;
+	padding: 0px 0px 0px 75px;
 }
 
 li {
-    color: var(--highlight);
+	color: var(--highlight);
 }
 .footer {
-    width: auto;
-    margin: auto;
+	width: auto;
+	margin: auto;
 }
 .ascii {
-    color: var(--secondary);
+	color: var(--secondary);
 }
-- 
cgit v1.3.1