summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/index.php48
-rw-r--r--src/programming/index.php1
-rw-r--r--src/style.css166
3 files changed, 118 insertions, 97 deletions
diff --git a/src/index.php b/src/index.php
index b95e3f2..7adc7eb 100644
--- a/src/index.php
+++ b/src/index.php
@@ -4,25 +4,37 @@ require($_SERVER["DOCUMENT_ROOT"] . "/head.php");
require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
?>
<p>
- I'm Kai Stevenson, and this is my personal Web site for things that I like, such as programming, music, philosophy, and photography.
- I'm a student at The University of Victoria in Canada, though I try to find time to do things other than schoolwork.
- You can email me at kai@kaistevenson.com.
+ I'm Kai Stevenson, and this is my personal Web site for things that I like, such as programming, music, philosophy, and photography.
+ I'm a student at The University of Victoria in Canada, though I try to find time to do things other than schoolwork.
+ You can email me at kai@kaistevenson.com.
</p>
<ul>
- <li>
- <h3><a href="writing/">~/doc/</a> /* My writing and notes */</h3>
- </li>
- <li>
- <h3><a href="programming/">~/src/</a> /* My programming */</h3>
- </li>
- <li>
- <h3><a href="music/">~/music/</a> /* My music */</h3>
- </li>
- <li>
- <h3><a href="photography/">~/pic/</a> /* My photography */</h3>
- </li>
- <li>
- <h3><a href="etc/">~/misc/</a> /* Other stuff */</h3>
- </li>
+ <li>
+ <h3><a href="writing/">~/doc/</a> /* My writing and notes */</h3>
+ </li>
+ <li>
+ <h3><a href="programming/">~/src/</a> /* My programming */</h3>
+ </li>
+ <li>
+ <h3><a href="music/">~/music/</a> /* My music */</h3>
+ </li>
+ <li>
+ <h3><a href="photography/">~/pic/</a> /* My photography */</h3>
+ </li>
+ <li>
+ <h3><a href="etc/">~/misc/</a> /* Other stuff */</h3>
+ </li>
+</ul>
+<h2>About Me</h2>
+<p>
+ An absence of personal information on this site is to be attributed less to modesty and more to
+ a generalized disregard for what I deem to be more or less irrelevant. That said, I acknowledge
+ that some may wish to believe that I am a real human with a real human life, so I've collated some
+ official Kai Stevenson trivia:
+</p>
+<ul>
+ <li><p>I was born in 2004, making me ($CURRENTYEAR-2004) years old!</p></li>
+ <li><p>My favourite movie is the 1939 propaganda piece <i>Ninotchka</i></p></li>
+ <li><p>I live in the Pacific Northwest, south of the 49th and north of the border</p></li>
</ul>
<?php require($_SERVER["DOCUMENT_ROOT"] . "/footer.php"); ?>
diff --git a/src/programming/index.php b/src/programming/index.php
index afdb64b..fd635c5 100644
--- a/src/programming/index.php
+++ b/src/programming/index.php
@@ -6,6 +6,7 @@ require($_SERVER["DOCUMENT_ROOT"] . "/header.php");
<p>
My repositories (including some notes) are at aberrantflux.xyz/cgit. I also have some stuff at github.com/kaistevenson. The repo for this site is <a href=https://aberrantflux.xyz/cgit/aberrantflux-site.git>aberrantflux.xyz/cgit/aberrantflux-site.git</a> if you want to get a little meta. I use cgit to serve my repositories over HTTP, and otherwise use SSH.
</p>
+<h2>Projects</h2>
<p>
I have a few particularly cool projects, like <a href=https://aberrantflux.xyz/cgit/precedent.git>Precedent</a>, my interpreted
programming language, and <a href=https://aberrantflux.xyz/cgit/snake3.git>Snake3</a>, a fun snake game.
diff --git a/src/style.css b/src/style.css
index 1d0de70..d5a6b8c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,131 +1,139 @@
@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;
- */
- /* COLOURSCHEME 3, RED? */
- --background: #1E1B1B;
- --text: #F5F5F5;
- --header: #F5F5F5;
- --secondary: #FF5A5F;
- --highlight: #FF8A8C;
+ /* 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;
+ */
+ /* COLOURSCHEME 3, RED? */
+ --background: #1E1B1B;
+ --text: #F5F5F5;
+ --header: #F5F5F5;
+ --secondary: #FF5A5F;
+ --highlight: #FF8A8C;
}
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%;
+ }
}
p {
- text-align: left;
- text-indent: 25px;
- font-family: 'Quicksand', sans-serif;
- font-size: 16pt;
- color: var(--text);
- padding: 8px 50px 8px 50px;
+ text-align: left;
+ text-indent: 25px;
+ font-family: 'Quicksand', sans-serif;
+ font-size: 16pt;
+ color: var(--text);
+ padding: 8px 50px 8px 50px;
}
h1 {
- text-align: center;
- font-family: 'Quicksand', sans-serif;
- font-size: 30pt;
- 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: 30pt;
+ font-weight: 600;
+ color: var(--header);
+ padding: 50px 50px 3px 50px;
+ margin: auto auto 0px auto;
}
h2 {
- text-align: center;
- font-family: 'Quicksand', sans-serif;
- font-size: 24pt;
- font-weight: 600;
- color: var(--header);
- padding: 8px 50px 8px 50px;
+ text-align: center;
+ font-family: 'Quicksand', sans-serif;
+ font-size: 24pt;
+ font-weight: 600;
+ color: var(--header);
+ padding: 8px 50px 8px 50px;
}
h3 {
- text-align: center;
- font-family: 'Quicksand', sans-serif;
- font-size: 16pt;
- font-weight: 600;
- color: var(--text);
- padding: 8px 50px 8px 50px;
+ text-align: center;
+ 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;
+ 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-style: italic;
+ text-align: left;
+ text-indent: 0px;
+ padding: 8px 50px 8px 50px;
}
ul h3 a {
- font-style: italic;
+ font-style: italic;
+}
+
+ul p {
+ text-indent: 0px;
+ font-family: 'Quicksand', sans-serif;
+ font-size: 16pt;
+ color: var(--highlight);
+ 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);
}
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);
}
generated by cgit v1.2.3-70-g09d2 (git 2.48.1) at 2025-07-01 14:45:08 +0000