diff options
| -rw-r--r-- | index.html | 70 | ||||
| -rw-r--r-- | shell.nix | 9 | ||||
| -rw-r--r-- | style.css | 73 |
3 files changed, 63 insertions, 89 deletions
@@ -6,54 +6,34 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <div class="page-body-border"><div class="page-body"> - <h1 class="page-body-top">Jon Santmyer's Website</h1> - <div class="page-body-content"> - <table class="page-body-buttons" style="width: 20%; margin: 0px;"> - <tr><td><div class="link-button-border"><a class="link-button" href="https://git.jonsantmyer.com">Git Server</a></div></td></tr> - </table> + <div class="window"> + <div class="window-title"><h2 style="padding: 0px; margin: 0px;">Jon Santmyer Dot Com</h2></div> + <div class="window-content"> + <p>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.</p> + <p>I work on small libraries and system utilites for fun, with the occasional half-baked game idea</p> + <p>If you want to look at any of them, use the git server link below, or check out the project-specific pages below.</p> + </div> + <div class="window-seperator"></div> + <div class="window-content" style="text-align: center"> + <a class="link-button" href="https://git.jonsantmyer.com">Git Server</a> + <a class="link-button" href="https://git.jonsantmyer.com/website">Site Source</a> + </div> + <div class="window-content"> <p> - 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 + <a href="https://nixos.org/">NixOS</a> + on all my systems with + <a href="https://git.jonsantmyer.com/nix-config">this</a> + config </p> - </div> - <p class="text-inset"> - I use - <img src="img/artix.png" style="max-height:16px"> - <a href="https://artixlinux.org/">Artix</a> - on my main system and laptop - </p> - </div></div> + </div> + </div> - <div class="page-body-border"><div class="page-body"> - <h2 class="page-body-top">Projects</h2> - <div class="page-body-content"> - <table class="page-body-buttons" style="width: 100%;"> - <tr> - <td> - <div class="link-button-border"><a class="link-button" href="/diheap"> - <h3>Drop-in Heap</h3> - <p> - A simple dynamic memory allocator that uses reserved memory regions. - Written in C with minimal dependencies (memset, stdint, stddef). - </p> - </a></div> - </td> - <td> - <div class="link-button-border"><a class="link-button" href="/vex"> - <h3>Vex (Multi-dimension vectors)</h3> - <p> - An interface to create and manipulate multi-dimensional vectors. - Includes conversions for polar and cartesian coordinates. - Written for C++20 - </p> - </a></div> - </td> - </table> + <div class="window"> + <div class="window-title"><h2 style="padding: 0px; margin: 0px;">Projects</h2></div> + <div class="window-content"> + </div> - <p class="text-inset">Summary pages for things that I put on my git server</p> - </div></div> + </div> </body> </html> 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 <nixpkgs> {} }: + pkgs.mkShell { + nativeBuildInputs = with pkgs; [ + php + ]; + shellHook = '' +php -S localhost:8000 + ''; + } @@ -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 { |