From 5ad7721974875687027ccace8cae5f79f1e6f89c Mon Sep 17 00:00:00 2001 From: Jon Santmyer Date: Tue, 17 Sep 2024 10:11:00 -0400 Subject: update theme --- index.html | 70 +++++++++++++++++++++-------------------------------------- shell.nix | 9 ++++++++ style.css | 73 +++++++++++++++++++++++++------------------------------------- 3 files changed, 63 insertions(+), 89 deletions(-) create mode 100644 shell.nix diff --git a/index.html b/index.html index 1b61d97..1f20194 100644 --- a/index.html +++ b/index.html @@ -6,54 +6,34 @@ -
-

Jon Santmyer's Website

-
- - -
+
+

Jon Santmyer Dot Com

+
+

This website is intended to hold documentation information about some of the projects I've been working on for the past few years. Feel free to look around.

+

I work on small libraries and system utilites for fun, with the occasional half-baked game idea

+

If you want to look at any of them, use the git server link below, or check out the project-specific pages below.

+
+
+ +

- This site is designed to be simple and a love letter to early UI design. - I'm not a big fan of round buttons or colorful images, so a beige - background is all that I'm willing to decorate. I hope you like the - buttons and other text elements. + I use + NixOS + on all my systems with + this + config

-
-

- I use - - Artix - on my main system and laptop -

-
+
+
-
diff --git a/shell.nix b/shell.nix new file mode 100644 index 0000000..266c07b --- /dev/null +++ b/shell.nix @@ -0,0 +1,9 @@ +{ pkgs ? import {} }: + pkgs.mkShell { + nativeBuildInputs = with pkgs; [ + php + ]; + shellHook = '' +php -S localhost:8000 + ''; + } diff --git a/style.css b/style.css index 80f362c..1d85460 100644 --- a/style.css +++ b/style.css @@ -10,71 +10,56 @@ body { padding: 5px; } -.page-body { - background-color: #CCCCCC; - - border: 1px solid black; - padding: 0px; - margin: 0px; -} +.window { + background-color: #DDDDDD; -.page-body-border { - display: inline-block; - background-color: #CCCCCC; - border: 1px solid black; - padding: 3px; + border: 4px outset #FFFFFF; + padding: 4px; margin: 5% 10% 0% 10%; } -.page-body-top { - background-color: #FFFFFF; - border-bottom: 1px solid black; - margin: 0px; - padding: 5px 2px 0px 2px; - text-align: center; +.window-title { + display: block; + background-image: linear-gradient(to right, #8888dd, #ccccee); + padding: 2px; + margin: 0px; } -.page-body-content { - display: inline-block; - background-color: #FFFFFF; - padding: 5px; - margin: 0px; +.window-seperator { + display: block; + border: inset 3px #EEEEEE; + margin-left: 5%; + margin-right: 5%; + margin-top: 0%; + margin-bottom: 0%; } -.page-body-buttons { - background-color: #FFFFFF; - table-layout: fixed; - float: right; - border-spacing: 0px; - border-collapse: separate; +.window-content { + padding: 1%; + margin: 0px; } .link-button { - display: block; + display: inline-block; background-color: #DDDDDD; color: #000000; - border: outset 3px #FFFFFF; - padding: 10px 15px; - margin: 0px; + border: outset 2px #FFFFFF; + border-bottom: outset 2px #000000; + border-right: outset 2px #000000; + + padding: 4px; + padding-left: 16px; + padding-right: 16px; text-align: center; text-decoration: none; - font-size: 16px; + font-size: 120%; cursor: pointer; } .link-button:active { - background-color: #CCCCCC; - border: inset 3px #FFFFFF; -} - -.link-button-border { - background-color: #000000; - border: solid 2px #000000; - - margin: 4px 2px; - padding: 0px; + border: solid 2px black; } .text-inset { -- cgit v1.2.1