nat/webbed-site
1
0
Fork 3
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki 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: 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: modernize /html/site-info.html, finally

30
files/dir_index.html
View File

@ -8,36 +8,6 @@
<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="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>
<body>
<pre id='vimCodeElement'>

92
html/site-info.html
View File

@ -2,44 +2,62 @@
<style>
$[cat style.css]
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
$[python3 -c 'import utils; print(utils.parse_file("html/header.html"))' | sed 's/\$PREV_URL\$/"{prev}"/']
<h1>Information about this website</h1>
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
<hr>
This page remains (somewhat) in the style of my website prior to getting my new laptop.
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>.
<hr>
<p>
This website is really weird from a technical standpoint.
Firstly, I have nginx operating as a proxy service for my subdomains.
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.
Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code.
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.
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.
</p>
<p>
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.
There is not a particular reason for me to do it this way, I was just bored.
A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
</p>
<hr>
<h2>dir_index.html</h2>
$[cat files/dir_index.html]
<hr>
<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. See <a href='/html/server-migration.html'>server-migration.html</a>
</p><hr>
<p>
This website is designed to look reasonably similar to my laptop:
<img src='/files/my-laptop.png'/>
*My laptop no longer looks like this.
</p>
<main>
<section>
<h1>Information about this website</h1>
site-info.html was last modified on $[stat -c %y ./html/site-info.html | head -c 10].<br>
</section>
<section>
<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>
</section>
<section>
<h2>Root dommain</h2>
<p>
This website is really weird from a technical standpoint.
Firstly, I have nginx operating as a proxy service for my subdomains.
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.
Following this, I have a simple python script running a webserver that serves html documents and other files, as you would expect.
The weirdness comes from the cursed custom """parser""" and syntax for the html documents.
Any html documents in the sites files may contain an expression like "$[echo \$\[...]]" where ... is bash code.
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.
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.
</p>
<p>
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.
There is not a particular reason for me to do it this way, I was just bored.
A sort of neat example of this system is the html for the directory index page (like <a href='/files'>here</a>).
</p>
</section>
<section>
<h2>dir_index.html</h2>
$[cat files/dir_index.html]
</section>
<section>
<h2>subdomains</h2>
<ul>
<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>
<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>
</ul>
</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>
</html>

1
html/stats.html
View File

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