post redesign
This commit is contained in:
parent
2b7d1da7d0
commit
905f1981f4
77
dist/index.html
vendored
77
dist/index.html
vendored
|
|
@ -18,12 +18,26 @@ body {
|
|||
line-height: 1.75em;
|
||||
}
|
||||
|
||||
main {
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.tile {
|
||||
border-radius: 15px;
|
||||
padding: 15px;
|
||||
background-color: #ffeedd;
|
||||
margin: auto;
|
||||
max-width: 1000px;
|
||||
margin: 2px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.third {
|
||||
flex: 30%;
|
||||
}
|
||||
|
||||
.half {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
|
|
@ -50,6 +64,17 @@ code {
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
.text_center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline-block;
|
||||
columns: 2;
|
||||
-webkit-columns: 2;
|
||||
-moz-columns: 2;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
@ -76,32 +101,30 @@ a:visited {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1:before {
|
||||
content: "";
|
||||
a:before {
|
||||
content: "[";
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2:before {
|
||||
content: "";
|
||||
a:after {
|
||||
content: "]";
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
</style><script>let bg;
|
||||
let ctd;
|
||||
window.onload = function() {
|
||||
bg = document.getElementById("bg");
|
||||
ctx = bg.getContext("2d");
|
||||
|
||||
ctx.fillStyle = "#141013";
|
||||
ctx.fillRect(0, 0, bg.width, bg.height);
|
||||
h1,h2 {
|
||||
text-align: center;
|
||||
}
|
||||
</script></head><body><main><h1>logan's site</h1><hr><h2>me</h2><p>
|
||||
I am a programming and philosophy enthusiast. Once upon a time i was a
|
||||
competitive debater on a few local and state circuits. After over 10
|
||||
years of doing robotics I'm finally starting to get the hang of it.
|
||||
Currently in the process of discovering my love for hypertext and the
|
||||
world wide web!
|
||||
<hr><h2>likes</h2><ul><li>music</li><li>books</li><li>websites</li><li>you!</li></ul></p><hr><h2>writeups</h2><ul><li>[dependency paranoia]</li><li>[on build systems]</li></ul><hr><h2>programming</h2><p>
|
||||
I have been making things for much longer than i have bothered
|
||||
to document (or finish) my work. I work on whatever happens to
|
||||
catch my interest, using whatever tools and languages I fancy at
|
||||
the time. Here are some of my favorite projects I've worked on:
|
||||
</p><table><tr><th>project</th><th>summary</th><th>date</th></tr><tr><td><a href="">web server</a></td><td>https server implementation</td><td>2024</td></tr><tr><td><a href="">html templater</a></td><td>interpreter and inline templating language for html</td><td>2024</td></tr><tr><td><a href="">forte</a></td><td>safety focused stack machine emulator and assembly language</td><td>2024</td></tr><tr><td><a href="">nrange</a></td><td>cartesian product for N vectors in O(N) time/space</td><td>2023</td></tr><tr><td><a href="">fishbowl</a></td><td>kinematic image processing on the web</td><td>2022</td></tr><tr><td><a href="">stocks</a></td><td>play money stock trading algorithm</td><td>2021</td></tr><tr><td><a href="">the crypt</a></td><td>platforming video game in Godot</td><td>2020</td></tr></table><hr><h2>sites i manage</h2><ul><li><a href="https://utsa-rowdysub.org">UTSA Advanced Robotics RoboSub team website (2024)</a></li></ul><hr><h2>server status</h2><table class="monospace"><tr><td>Hello from Arch Linux</td></tr><tr><td>Apache Web Server 2.4.61</td></tr><tr><td>CPU: 1.08% (15 minute average)</td></tr><tr><td>MEM: 8743/15907 MB</td></tr></table></main></body></html>
|
||||
|
||||
|
||||
</style></head><body><div class="container flex"><main class="tile big"><h1>logan's site</h1><hr><div class="flex"><div class="half"><h2>me</h2>
|
||||
I am a programming and philosophy
|
||||
enthusiast. Once upon a time i was a
|
||||
competitive debater on a few local and
|
||||
state circuits. After over 10 years of
|
||||
doing robotics I'm finally starting to
|
||||
get the hang of it. Currently in the
|
||||
process of discovering my love for
|
||||
hypertext and the world wide web!
|
||||
</div><div class="half text_center"><h2>interests</h2><ul class="twocol"><li><a>books</a></li><li><a>music</a></li><li><a>software</a></li><li><a>websites</a></li></ul></div></div><div class="flex"><dif class="half"><h2>programming</h2><table><tr><th>project</th><th>summary</th></tr><tr><td><a href="">web server</a></td><td>https server implementation</td></tr><tr><td><a href="">html templater</a></td><td>inline html templating language</td></tr><tr><td><a href="">forte</a></td><td>safety focused stack machine and assembly language</td></tr><tr><td><a href="">nrange</a></td><td>cartesian product for N vectors in O(N) time/space</td></tr><tr><td><a href="">fishbowl</a></td><td>kinematic image processing on the web</td></tr><tr><td><a href="">stocks</a></td><td>play money stock trading algorithm</td></tr><tr><td><a href="">the crypt</a></td><td>platforming video game in Godot</td></tr></table></dif><dif class="half"><h2>blog</h2></dif></div></main></div></body></html>
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
let bg;
|
||||
let ctd;
|
||||
window.onload = function() {
|
||||
bg = document.getElementById("bg");
|
||||
ctx = bg.getContext("2d");
|
||||
|
||||
ctx.fillStyle = "#141013";
|
||||
ctx.fillRect(0, 0, bg.width, bg.height);
|
||||
}
|
||||
48
src/main.css
48
src/main.css
|
|
@ -18,12 +18,26 @@ body {
|
|||
line-height: 1.75em;
|
||||
}
|
||||
|
||||
main {
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.tile {
|
||||
border-radius: 15px;
|
||||
padding: 15px;
|
||||
background-color: #ffeedd;
|
||||
margin: auto;
|
||||
max-width: 1000px;
|
||||
margin: 2px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.third {
|
||||
flex: 30%;
|
||||
}
|
||||
|
||||
.half {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
|
|
@ -50,6 +64,17 @@ code {
|
|||
margin: auto;
|
||||
}
|
||||
|
||||
.text_center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: inline-block;
|
||||
columns: 2;
|
||||
-webkit-columns: 2;
|
||||
-moz-columns: 2;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
@ -76,11 +101,20 @@ a:visited {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1:before {
|
||||
content: "";
|
||||
a:before {
|
||||
content: "[";
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2:before {
|
||||
content: "";
|
||||
a:after {
|
||||
content: "]";
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h1,h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
95
src/main.rs
95
src/main.rs
|
|
@ -14,7 +14,6 @@ fn head() -> Markup {
|
|||
title { "logan's site" };
|
||||
// style { (include_str!("normalize.css")) }
|
||||
style { (PreEscaped(include_str!("main.css"))) }
|
||||
script { (PreEscaped(include_str!("index.js"))) }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -26,20 +25,17 @@ fn template(inner: Markup) -> Markup {
|
|||
html {
|
||||
(head())
|
||||
body {
|
||||
main {
|
||||
(inner)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
fn project(name: &str, desc: &str, language: &str, link: &str) -> Markup {
|
||||
fn prow(name: &str, desc: &str, date: &str, link: &str) -> Markup {
|
||||
html! {
|
||||
tr {
|
||||
td { a href=(link) {(name)}}
|
||||
td {(desc)}
|
||||
td {(language)}
|
||||
td { a href=(link) { (name) } }
|
||||
td { (desc) }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -52,68 +48,57 @@ fn index() -> Markup {
|
|||
let load_avg = System::load_average();
|
||||
sys.refresh_all();
|
||||
template(html! {
|
||||
div .container .flex {
|
||||
main .tile .big {
|
||||
h1 {"logan's site"}
|
||||
hr;
|
||||
div .flex {
|
||||
div .half {
|
||||
h2 {"me"}
|
||||
p {
|
||||
"
|
||||
I am a programming and philosophy enthusiast. Once upon a time i was a
|
||||
competitive debater on a few local and state circuits. After over 10
|
||||
years of doing robotics I'm finally starting to get the hang of it.
|
||||
Currently in the process of discovering my love for hypertext and the
|
||||
world wide web!
|
||||
I am a programming and philosophy
|
||||
enthusiast. Once upon a time i was a
|
||||
competitive debater on a few local and
|
||||
state circuits. After over 10 years of
|
||||
doing robotics I'm finally starting to
|
||||
get the hang of it. Currently in the
|
||||
process of discovering my love for
|
||||
hypertext and the world wide web!
|
||||
"
|
||||
hr;
|
||||
h2 {"likes"}
|
||||
ul {
|
||||
li {"music"}
|
||||
li {"books"}
|
||||
li {"websites"}
|
||||
li {"you!"}
|
||||
}
|
||||
div .half .text_center {
|
||||
h2 {"interests"}
|
||||
ul .twocol {
|
||||
li { a { "books" } }
|
||||
li { a { "music" } }
|
||||
li { a { "software" } }
|
||||
li { a { "websites" } }
|
||||
}
|
||||
}
|
||||
hr;
|
||||
h2 {"writeups"}
|
||||
ul {
|
||||
li { "[dependency paranoia]" }
|
||||
li { "[on build systems]" }
|
||||
|
||||
}
|
||||
hr;
|
||||
div .flex {
|
||||
dif .half {
|
||||
h2 {"programming"}
|
||||
p {
|
||||
"
|
||||
I have been making things for much longer than i have bothered
|
||||
to document (or finish) my work. I work on whatever happens to
|
||||
catch my interest, using whatever tools and languages I fancy at
|
||||
the time. Here are some of my favorite projects I've worked on:
|
||||
"
|
||||
}
|
||||
table {
|
||||
tr {
|
||||
th {"project"}
|
||||
th {"summary"}
|
||||
th {"date"}
|
||||
th { "project" }
|
||||
th { "summary" }
|
||||
}
|
||||
(prow("web server", "https server implementation", "2024", ""))
|
||||
(prow("html templater", "inline html templating language", "2024", ""))
|
||||
(prow("forte", "safety focused stack machine and assembly language", "2024", ""))
|
||||
(prow("nrange", "cartesian product for N vectors in O(N) time/space", "2024", ""))
|
||||
(prow("fishbowl", "kinematic image processing on the web", "2023", ""))
|
||||
(prow("stocks", "play money stock trading algorithm", "2021", ""))
|
||||
(prow("the crypt", "platforming video game in Godot", "2020", ""))
|
||||
}
|
||||
}
|
||||
dif .half {
|
||||
h2 {"blog"}
|
||||
}
|
||||
(project("web server", "https server implementation", "2024", ""))
|
||||
(project("html templater", "interpreter and inline templating language for html", "2024", ""))
|
||||
(project("forte", "safety focused stack machine emulator and assembly language", "2024", ""))
|
||||
(project("nrange", "cartesian product for N vectors in O(N) time/space", "2023", ""))
|
||||
(project("fishbowl", "kinematic image processing on the web", "2022", ""))
|
||||
(project("stocks", "play money stock trading algorithm", "2021", ""))
|
||||
(project("the crypt", "platforming video game in Godot", "2020", ""))
|
||||
}
|
||||
hr;
|
||||
h2 {"sites i manage"}
|
||||
ul {
|
||||
li { a href="https://utsa-rowdysub.org" {"UTSA Advanced Robotics RoboSub team website (2024)"}}
|
||||
}
|
||||
hr;
|
||||
h2 { "server status" }
|
||||
table .monospace {
|
||||
tr { td { (format!("Hello from {}", system_name)) } }
|
||||
tr { td { "Apache Web Server 2.4.61" } }
|
||||
tr { td { (format!("CPU: {}% (15 minute average)", load_avg.fifteen)) } }
|
||||
tr { td { (format!("MEM: {}/{} MB", used_mem, total_mem)) } }
|
||||
}
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue