logan/website
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

post redesign

Browse source
This commit is contained in:
Logan 2024-07-22 05:50:53 -05:00
parent 2b7d1da7d0
commit 905f1981f4
4 changed files with 146 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
dist/index.html vendored
View file

@ -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>

9
src/index.js
View file

@ -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
View file

@ -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;
}

87
src/main.rs
View file

@ -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"))) }
} }
} }
} }
@ -26,20 +25,17 @@ 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,68 +48,57 @@ 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! {
div .container .flex {
main .tile .big {
h1 {"logan's site"} h1 {"logan's site"}
hr; hr;
div .flex {
div .half {
h2 {"me"} h2 {"me"}
p {
" "
I am a programming and philosophy enthusiast. Once upon a time i was a I am a programming and philosophy
competitive debater on a few local and state circuits. After over 10 enthusiast. Once upon a time i was a
years of doing robotics I'm finally starting to get the hang of it. competitive debater on a few local and
Currently in the process of discovering my love for hypertext and the state circuits. After over 10 years of
world wide web! 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"} div .half .text_center {
ul { h2 {"interests"}
li {"music"} ul .twocol {
li {"books"} li { a { "books" } }
li {"websites"} li { a { "music" } }
li {"you!"} li { a { "software" } }
li { a { "websites" } }
} }
} }
hr;
h2 {"writeups"}
ul {
li { "[dependency paranoia]" }
li { "[on build systems]" }
} }
hr; div .flex {
dif .half {
h2 {"programming"} 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 { table {
tr { tr {
th { "project" } th { "project" }
th { "summary" } th { "summary" }
th {"date"}
} }
(project("web server", "https server implementation", "2024", "")) (prow("web server", "https server implementation", "2024", ""))
(project("html templater", "interpreter and inline templating language for html", "2024", "")) (prow("html templater", "inline html templating language", "2024", ""))
(project("forte", "safety focused stack machine emulator and assembly language", "2024", "")) (prow("forte", "safety focused stack machine and assembly language", "2024", ""))
(project("nrange", "cartesian product for N vectors in O(N) time/space", "2023", "")) (prow("nrange", "cartesian product for N vectors in O(N) time/space", "2024", ""))
(project("fishbowl", "kinematic image processing on the web", "2022", "")) (prow("fishbowl", "kinematic image processing on the web", "2023", ""))
(project("stocks", "play money stock trading algorithm", "2021", "")) (prow("stocks", "play money stock trading algorithm", "2021", ""))
(project("the crypt", "platforming video game in Godot", "2020", "")) (prow("the crypt", "platforming video game in Godot", "2020", ""))
}
}
dif .half {
h2 {"blog"}
}
} }
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)) } }
} }
}) })
} }