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;
|
line-height: 1.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
.container {
|
||||||
|
max-width: 1000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tile {
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #ffeedd;
|
background-color: #ffeedd;
|
||||||
margin: auto;
|
margin: 2px;
|
||||||
max-width: 1000px;
|
width: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.third {
|
||||||
|
flex: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.half {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
flex: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg {
|
.bg {
|
||||||
|
|
@ -50,6 +64,17 @@ code {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text_center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: inline-block;
|
||||||
|
columns: 2;
|
||||||
|
-webkit-columns: 2;
|
||||||
|
-moz-columns: 2;
|
||||||
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
@ -76,32 +101,30 @@ a:visited {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1:before {
|
a:before {
|
||||||
content: "";
|
content: "[";
|
||||||
|
font-style: normal;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:before {
|
a:after {
|
||||||
content: "";
|
content: "]";
|
||||||
|
font-style: normal;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style><script>let bg;
|
h1,h2 {
|
||||||
let ctd;
|
text-align: center;
|
||||||
window.onload = function() {
|
|
||||||
bg = document.getElementById("bg");
|
|
||||||
ctx = bg.getContext("2d");
|
|
||||||
|
|
||||||
ctx.fillStyle = "#141013";
|
|
||||||
ctx.fillRect(0, 0, bg.width, bg.height);
|
|
||||||
}
|
}
|
||||||
</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
|
</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>
|
||||||
years of doing robotics I'm finally starting to get the hang of it.
|
I am a programming and philosophy
|
||||||
Currently in the process of discovering my love for hypertext and the
|
enthusiast. Once upon a time i was a
|
||||||
world wide web!
|
competitive debater on a few local and
|
||||||
<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>
|
state circuits. After over 10 years of
|
||||||
I have been making things for much longer than i have bothered
|
doing robotics I'm finally starting to
|
||||||
to document (or finish) my work. I work on whatever happens to
|
get the hang of it. Currently in the
|
||||||
catch my interest, using whatever tools and languages I fancy at
|
process of discovering my love for
|
||||||
the time. Here are some of my favorite projects I've worked on:
|
hypertext and the world wide web!
|
||||||
</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>
|
</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;
|
line-height: 1.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
.container {
|
||||||
|
max-width: 1000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tile {
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #ffeedd;
|
background-color: #ffeedd;
|
||||||
margin: auto;
|
margin: 2px;
|
||||||
max-width: 1000px;
|
width: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.third {
|
||||||
|
flex: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.half {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
flex: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg {
|
.bg {
|
||||||
|
|
@ -50,6 +64,17 @@ code {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text_center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: inline-block;
|
||||||
|
columns: 2;
|
||||||
|
-webkit-columns: 2;
|
||||||
|
-moz-columns: 2;
|
||||||
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
@ -76,11 +101,20 @@ a:visited {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1:before {
|
a:before {
|
||||||
content: "";
|
content: "[";
|
||||||
|
font-style: normal;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2:before {
|
a:after {
|
||||||
content: "";
|
content: "]";
|
||||||
|
font-style: normal;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1,h2 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
125
src/main.rs
125
src/main.rs
|
|
@ -14,7 +14,6 @@ fn head() -> Markup {
|
||||||
title { "logan's site" };
|
title { "logan's site" };
|
||||||
// style { (include_str!("normalize.css")) }
|
// style { (include_str!("normalize.css")) }
|
||||||
style { (PreEscaped(include_str!("main.css"))) }
|
style { (PreEscaped(include_str!("main.css"))) }
|
||||||
script { (PreEscaped(include_str!("index.js"))) }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -25,21 +24,18 @@ fn template(inner: Markup) -> Markup {
|
||||||
|
|
||||||
html {
|
html {
|
||||||
(head())
|
(head())
|
||||||
body {
|
body {
|
||||||
main {
|
(inner)
|
||||||
(inner)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
fn project(name: &str, desc: &str, language: &str, link: &str) -> Markup {
|
fn prow(name: &str, desc: &str, date: &str, link: &str) -> Markup {
|
||||||
html! {
|
html! {
|
||||||
tr {
|
tr {
|
||||||
td { a href=(link) {(name)}}
|
td { a href=(link) { (name) } }
|
||||||
td {(desc)}
|
td { (desc) }
|
||||||
td {(language)}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -52,69 +48,58 @@ fn index() -> Markup {
|
||||||
let load_avg = System::load_average();
|
let load_avg = System::load_average();
|
||||||
sys.refresh_all();
|
sys.refresh_all();
|
||||||
template(html! {
|
template(html! {
|
||||||
h1 {"logan's site"}
|
div .container .flex {
|
||||||
hr;
|
main .tile .big {
|
||||||
h2 {"me"}
|
h1 {"logan's site"}
|
||||||
p {
|
hr;
|
||||||
"
|
div .flex {
|
||||||
I am a programming and philosophy enthusiast. Once upon a time i was a
|
div .half {
|
||||||
competitive debater on a few local and state circuits. After over 10
|
h2 {"me"}
|
||||||
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
|
I am a programming and philosophy
|
||||||
world wide web!
|
enthusiast. Once upon a time i was a
|
||||||
"
|
competitive debater on a few local and
|
||||||
hr;
|
state circuits. After over 10 years of
|
||||||
h2 {"likes"}
|
doing robotics I'm finally starting to
|
||||||
ul {
|
get the hang of it. Currently in the
|
||||||
li {"music"}
|
process of discovering my love for
|
||||||
li {"books"}
|
hypertext and the world wide web!
|
||||||
li {"websites"}
|
"
|
||||||
li {"you!"}
|
}
|
||||||
|
div .half .text_center {
|
||||||
|
h2 {"interests"}
|
||||||
|
ul .twocol {
|
||||||
|
li { a { "books" } }
|
||||||
|
li { a { "music" } }
|
||||||
|
li { a { "software" } }
|
||||||
|
li { a { "websites" } }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
div .flex {
|
||||||
|
dif .half {
|
||||||
|
h2 {"programming"}
|
||||||
|
table {
|
||||||
|
tr {
|
||||||
|
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"}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
hr;
|
|
||||||
h2 {"writeups"}
|
|
||||||
ul {
|
|
||||||
li { "[dependency paranoia]" }
|
|
||||||
li { "[on build systems]" }
|
|
||||||
}
|
|
||||||
hr;
|
|
||||||
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"}
|
|
||||||
}
|
|
||||||
(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