nat/webbed-site
1
0
Fork 3
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add thought, update css

Browse Source
This commit is contained in:
gnat 2024-09-03 04:05:13 -07:00
parent 90664163a0
commit 7a5830a6ef
5 changed files with 61 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -5,6 +5,8 @@ graph*
__pycache__/
files/stats/song
files/home_visit_counter
home.html
html/
html/*
!html/thoughts/
!html/blog

3
changelog
View File

@ -31,4 +31,5 @@
2024-08-19: rewrite .*-info pages, add footer, update home.html, make all* images links
2024-08-20: update my-laptop.html, create my-old-laptop.html
2024-08-27: test new home.html compiled from lisp code.
2024-09-01: switch to <a href='https://git.natalieee.net/nat/htmlgen>htmlgen'</a> for content
2024-09-01: switch to <a href='https://git.natalieee.net/nat/htmlgen>htmlgen'>htmlgen</a> for content
2024-09-03: fix issue with changelog; update site-info.html; update style; add thought

BIN
files/thought-issues.mp4 Normal file
View File

Binary file not shown.

40
html/thoughts/site-improvements Normal file
View File

@ -0,0 +1,40 @@
<!-- DATE: 2024-09-01 17:38:24 -->
<!-- TITLE: re: last thought; changes have been implemented -->
this site now uses <a href='https://git.natalieee.net/nat/htmlgen'>htmlgen</a> to generate html from common lisp and bash commands at compile time.
this has massively improved loading times on nearly all pages by cutting the number of bash commands that need to be used.
<hr>
examples:
<pre>
~/src/webbed-site λ hyperfine 'curl http://localhost:5002/html/random-thoughts-old.html' -m30 -M30
Benchmark 1: curl http://localhost:5002/html/random-thoughts-old.html
Time (mean ± σ): 2.654 s ± 0.030 s [User: 0.002 s, System: 0.003 s]
Range (min … max): 2.590 s … 2.728 s 30 runs
~/src/webbed-site λ hyperfine 'curl http://localhost:5002/html/random-thoughts.html' -m30 -M30
Benchmark 1: curl http://localhost:5002/html/random-thoughts.html
Time (mean ± σ): 11.4 ms ± 0.8 ms [User: 1.5 ms, System: 2.8 ms]
Range (min … max): 10.2 ms … 13.1 ms 30 runs
</pre>
and
<pre>
~/src/webbed-site λ hyperfine 'curl http://localhost:5002/html/natalie-info-old.html' -m30 -M30
Benchmark 1: curl http://localhost:5002/html/natalie-info-old.html
Time (mean ± σ): 528.3 ms ± 8.4 ms [User: 1.8 ms, System: 2.7 ms]
Range (min … max): 508.3 ms … 545.3 ms 30 runs
~/src/webbed-site λ hyperfine 'curl http://localhost:5002/html/natalie-info.html' -m30 -M30
Benchmark 1: curl http://localhost:5002/html/natalie-info.html
Time (mean ± σ): 16.7 ms ± 1.2 ms [User: 1.1 ms, System: 3.2 ms]
Range (min … max): 15.0 ms … 20.6 ms 30 runs
</pre>
<hr>
overall, this is a very significant performance improvement. now I need to update site-info again.<br>
unfortunately, I broke my blog. maybe I will fix it at some point.<br>
todo: edit html/blog/index.html to state this
<hr>
here is an amusing video of the code for this web page being broken during the migration to this system.
I did not actually fix this, I only removed the problematic code from the first post here.<br>
<video controls>
<source src='/files/thought-issues.mp4'/>
</video>

18
style.css
View File

@ -182,8 +182,10 @@ section {
margin: 15px 30px;
padding: 20px;
> details[open] > summary {
padding-bottom: 5px;
> details[open] {
summary {
padding-bottom: 5px;
}
}
> p {
@ -315,6 +317,18 @@ a:visited {
color: var(--visited-link);
}
video {
width: 95%;
border: 10px solid var(--bg);
margin: 10px auto;
display: block
}
footnote {
font-size: 13px;
margin-top: 20px;
}
.post {
background: var(--alt-bg);
box-shadow: 10px 10px var(--gray);