From 3d04f66fcdc8c39f432991edd2b2c13b986cedee Mon Sep 17 00:00:00 2001 From: Kai Stevenson Date: Mon, 20 Feb 2023 20:26:35 -0800 Subject: d --- src/index.php | 48 +++++++++----- src/programming/index.php | 1 + src/style.css | 166 ++++++++++++++++++++++++---------------------- 3 files changed, 118 insertions(+), 97 deletions(-) (limited to 'src') 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"); ?>

- 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.

+

About Me

+

+ 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: +

+ 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");

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 aberrantflux.xyz/cgit/aberrantflux-site.git if you want to get a little meta. I use cgit to serve my repositories over HTTP, and otherwise use SSH.

+

Projects

I have a few particularly cool projects, like Precedent, my interpreted programming language, and Snake3, 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); } -- cgit v1.2.3-70-g09d2