diff options
author | Jon Santmyer <jon@jonsantmyer.com> | 2021-12-29 12:11:44 -0500 |
---|---|---|
committer | Jon Santmyer <jon@jonsantmyer.com> | 2021-12-29 12:11:44 -0500 |
commit | d574b18884401d2a0a1f8d4422c1512de3dcbee6 (patch) | |
tree | f08466db076564aae7bfa685a9a733bfc20c3dd7 /index.html | |
parent | 9acfb6bfffc31e39dfb273f870a2235e5968ffc9 (diff) | |
download | website-d574b18884401d2a0a1f8d4422c1512de3dcbee6.tar.gz website-d574b18884401d2a0a1f8d4422c1512de3dcbee6.tar.bz2 website-d574b18884401d2a0a1f8d4422c1512de3dcbee6.zip |
Change style for better readability.
style.css overhaul, now resembles windows 3.1 UI.
slight change to intro text.
reposition buttons to right edge.
projects box.
diheap project summary and download page.
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 77 |
1 files changed, 62 insertions, 15 deletions
@@ -6,23 +6,70 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <div class="page-body"> - <center> - <h1>Jon Santmyer's Website</h1> - <p>A place where I put links to things I find interesting / notable</p> - <a class="link-button" href="https://git.jonsantmyer.com">git.jonsantmyer.com</a> - <a class="link-button" href="https://searx.jonsantmyer.com">searx.jonsantmyer.com</a> - </center> - - <div style="margin: 25px"> - <p>There won't really be any physical media here because storage is expensive. Maybe torrent links...</p> + <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> + <tr><td><div class="link-button-border"><a class="link-button" href="https://searx.jonsantmyer.com">Searx Instance</a></div></td></tr> + </table> + <p> + I don't store cookies or overuse javascript. + I do this because I believe in tailored web design and hate over-engineered websites. + If you want to make your own website I emplore you to avoid javascript and cookies as much as possible. + Learn HTML and CSS. + Don't use template creators. + Make something yourself and don't be too lazy to create something unique. + </p> <p> - I use - <img src="img/artix.png" style="max-height:16px"> - <a href="https://artixlinux.org/">Artix</a> - on my main system and laptop + This site is designed to be simple and a love letter to early UI design. + I respect your intelligence and don't put flashy garbage on your screen. </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 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="https://git.jonsantmyer.com/modit-slim"> + <h3>Modit OS</h3> + <p> + A micro-kernel based operating system written in C/C++. + Designed around user customization and userspace protection mechanisms. + </p> + </a></div> + </td> + <tr> + <td> + <div class="link-button-border"><a class="link-button" href="https://git.jonsantmyer.com/modit-kernel"> + <h3>Modit Kernel</h3> + <p> + A micro-kernel that provides an abstraction layer for process scheduling and physical memory. + Processes are allocated in a kernel thead, and are given "deeds" for memory/time/hardware access. + </p> + </a></div> + </td> + </table> </div> - </div> + <p class="text-inset">Summary pages for things that I put on my git server</p> + </div></div> </body> </html> |