diff options
| -rw-r--r-- | src/index.php | 12 | ||||
| -rw-r--r-- | src/stationery/.index.php.swp | bin | 0 -> 12288 bytes | |||
| -rw-r--r-- | src/stationery/index.php | 20 | ||||
| -rw-r--r-- | src/style.css | 131 |
4 files changed, 95 insertions, 68 deletions
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 Binary files differnew file mode 100644 index 0000000..c0fc86b --- /dev/null +++ b/src/stationery/.index.php.swp 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); } |