superselect/natalie-webbed-site
1
0
Fork 0
forked from nat/webbed-site
Code Pull Requests Activity

modernize site-info.html; correct stats.html error

Browse Source
This commit is contained in:
gnat 2024-07-27 13:08:14 -07:00
parent 6fb021f634
commit 1b6122c20e
4 changed files with 57 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changelog
View File

@ -20,3 +20,4 @@
2024-07-26: update site-info.html 2024-07-26: update site-info.html
2024-07-26: I have a dns server now. oops. there go my sleeping plans. email me if you want to use it for some insane reason. 2024-07-26: I have a dns server now. oops. there go my sleeping plans. email me if you want to use it for some insane reason.
2024-07-27: Update style on non blog posts 2024-07-27: Update style on non blog posts
2024-07-27: modernize /html/site-info.html, finally

30
files/dir_index.html
View File

@ -8,36 +8,6 @@
<meta name="syntax" content="html"> <meta name="syntax" content="html">
<meta name="settings" content="no_progress,number_lines,use_css,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback"> <meta name="settings" content="no_progress,number_lines,use_css,no_foldcolumn,expand_tabs,line_ids,prevent_copy=,use_input_for_pc=fallback">
<meta name="colorscheme" content="gruvbox"> <meta name="colorscheme" content="gruvbox">
<style>
<!--
@font-face {
font-family: 'Scientifica';
src: url('/font/scientifica.ttf') format('truetype');
}
@font-face {
font-family: 'ScientificaItalic';
src: url('/font/scientificaItalic.ttf') format('truetype');
}
* {
font-family: 'Scientifica';
}
pre { color: #3c3836; background-color: #fbf1c7; }
body { color: #3c3836; background-color: #fbf1c7; }
* { font-size: 1em; }
.GruvboxAqua { color: #427b58; }
.GruvboxBlue { color: #076678; }
.htmlLink { color: #7c6f64; text-decoration: underline; }
.LineNr { color: #a89984; }
.GruvboxOrange { color: #af3a03; }
.GruvboxGreenBold { color: #79740e; font-weight: bold; }
.Comment { color: #928374; font-family: 'ScientificaItalic'; }
.String { color: #79740e; font-family: 'ScientificaItalic'; }
.GruvboxAquaBold { color: #427b58; font-weight: bold; }
-->
</style>
</head> </head>
<body> <body>
<pre id='vimCodeElement'> <pre id='vimCodeElement'>

92
html/site-info.html
View File

@ -2,44 +2,62 @@
<style> <style>
$[cat style.css] $[cat style.css]
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body> <body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/'] $[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Information about this website</h1> <main>
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br> <section>
<hr> <h1>Information about this website</h1>
This page remains (somewhat) in the style of my website prior to getting my new laptop. site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
The theme of my website has obviously changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>. </section>
<hr> <section>
<p> <span>The theme of my website has changed since the creation of this page. See <a href='/html/blog/posts/new-laptop.html'>blog post</a>.</span>
This website is really weird from a technical standpoint. </section>
Firstly, I have nginx operating as a proxy service for my subdomains. <section>
I am not going to talk about my subdomains here because they will all probably be utterly self-explanatory, or have their own about section. <h2>Root dommain</h2>
Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect. <p>
The weirdness comes from the cursed custom """parser""" and syntax for the html documents. This website is really weird from a technical standpoint.
Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code. Firstly, I have nginx operating as a proxy service for my subdomains.
Upon being requested by a browser, the web server executes each instance of one of these expressions and replaces the expression with the executed expression's output. I am not going to talk about my subdomains here because they will all probably be utterly self-explanatory, or have their own about section.
In addition to this, upon being requested, each instance of "{}" in a page is replaced with an arbitrary value provided by the webserver and specified by its index in the list of all "{}"s in the file. Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
</p> The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
<p> Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code.
In short, I generate static content for the pages (I am unwilling to use javascript because javascript) not through any standard means but through hacky and stupid bash scripts. Upon being requested by a browser, the web server executes each instance of one of these expressions and replaces the expression with the executed expression's output.
There is not a particular reason for me to do it this way, I was just bored. In addition to this, upon being requested, each instance of "{}" in a page is replaced with an arbitrary value provided by the webserver and specified by its index in the list of all "{}"s in the file.
A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>). </p>
</p> <p>
<hr> In short, I generate static content for the pages (I am unwilling to use javascript because javascript) not through any standard means but through hacky and stupid bash scripts.
<h2>dir_index.html</h2> There is not a particular reason for me to do it this way, I was just bored.
$[cat files/dir_index.html] A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
<hr> </p>
<p> </section>
<del> <section>
At the moment, this site is running on some dell optiplex 3040 (I think?) I have in my basement. <h2>dir_index.html</h2>
In the future, I would like to get this running on the server that I took from the basement of my school (with permission of an employee who I am pretty sure did not have the authority to allow me to do this, but I'm not complaining). $[cat files/dir_index.html]
</del> </section>
I have moved this site to the server. See <a href='/html/server-migration.html'>server-migration.html</a> <section>
</p><hr> <h2>subdomains</h2>
<p> <ul>
This website is designed to look reasonably similar to my laptop: <li>$[make-link https://git.natalieee.net]: Gitea instance. You may use it if you feel so inclined for some reason. I wouldn't.</li>
<img src='/files/my-laptop.png'/> <li>$[make-link https://dns.natalieee.net]: Pointless CNAME record to my main domain so that entities using my dns (A number greater than 0!) can put dns.natalieee.net down as their nameserver instead of natalieee.net.</li>
*My laptop no longer looks like this. </ul>
</p> </section>
<section>
<p>
<del>
At the moment, this site is running on some dell optiplex 3040 (I think?) I have in my basement.
In the future, I would like to get this running on the server that I took from the basement of my school (with permission of an employee who I am pretty sure did not have the authority to allow me to do this, but I'm not complaining).
</del>
I have moved this site to the server I took from school. See <a href='/html/server-migration.html'>server-migration.html</a>
</p>
</section>
<section>
<p>
This website <del>is</del> was designed to look reasonably similar to my laptop:
<img src='/files/my-laptop.png'/>
*My laptop no longer looks like this.
</p>
</section>
</main>
</body> </body>
</html> </html>

1
html/stats.html
View File

@ -2,6 +2,7 @@
<head> <head>
<title>woah, data</title> <title>woah, data</title>
<style>$[cat style.css]</style> <style>$[cat style.css]</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\\$PREV_URL\\$/".."/'] $[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\\$PREV_URL\\$/".."/']