akko/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

You know how it is

Browse Source
This commit is contained in:
Akko
2025-10-02 20:33:56 +02:00
parent fac0a2266d
commit 0018a7884c
208 changed files with 9923 additions and 887 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
html/designdocs/artserver.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-06-23 -->
<!-- 2025-07-18 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>Art Server</title>
@@ -195,6 +195,11 @@
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
</head>
<body>
<div id="preamble" class="status">

7
html/designdocs/imageboard.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-06-23 -->
<!-- 2025-07-18 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>Imageboard Software</title>
@@ -195,6 +195,11 @@
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
</head>
<body>
<div id="preamble" class="status">

79
html/designdocs/tenma.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-06-23 -->
<!-- 2025-07-18 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>Tenma</title>
@@ -195,6 +195,11 @@
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
</head>
<body>
<div id="preamble" class="status">
@@ -206,16 +211,16 @@
</div>
</div>
<div id="content" class="content">
<div id="outline-container-orgcfe224f" class="outline-2">
<h2 id="orgcfe224f">Opening tenma up to friends</h2>
<div class="outline-text-2" id="text-orgcfe224f">
<div id="outline-container-org33f8450" class="outline-2">
<h2 id="org33f8450">Opening tenma up to friends</h2>
<div class="outline-text-2" id="text-org33f8450">
<p>
Our server/intranet Tenma is currently underutilized, and it would be nice/fun/useful to open it up to select other people. This would only be available to friends, not a public service.
</p>
</div>
<div id="outline-container-org49b87da" class="outline-3">
<h3 id="org49b87da">Tenma Specs</h3>
<div class="outline-text-3" id="text-org49b87da">
<div id="outline-container-org4783d61" class="outline-3">
<h3 id="org4783d61">Tenma Specs</h3>
<div class="outline-text-3" id="text-org4783d61">
<ul class="org-ul">
<li>Storage: 2×12TB in RAID 1</li>
<li>CPU: Ryzen 7 3700X (16 threads @ 3.6GHz)</li>
@@ -224,69 +229,69 @@ Our server/intranet Tenma is currently underutilized, and it would be nice/fun/u
</ul>
</div>
</div>
<div id="outline-container-orgd587eb5" class="outline-3">
<h3 id="orgd587eb5">Things that Tenma can provide</h3>
<div class="outline-text-3" id="text-orgd587eb5">
<div id="outline-container-org64d518f" class="outline-3">
<h3 id="org64d518f">Things that Tenma can provide</h3>
<div class="outline-text-3" id="text-org64d518f">
</div>
<div id="outline-container-orgf3b4082" class="outline-4">
<h4 id="orgf3b4082">Storage</h4>
<div class="outline-text-4" id="text-orgf3b4082">
<div id="outline-container-org4885a7c" class="outline-4">
<h4 id="org4885a7c">Storage</h4>
<div class="outline-text-4" id="text-org4885a7c">
<p>
As of 23-06-2025, 4.6TB free space. Could start by reserving 1TB, which would provide enough storage for 20×50GB for guests users, which would be plenty for a long time. Tenma also hosts a <a href="https://github.com/9001/copyparty">copyparty</a> instance that could be opened to the public to some extent or another.
</p>
</div>
</div>
<div id="outline-container-org14f7a18" class="outline-4">
<h4 id="org14f7a18">Bandwidth/hosting</h4>
<div class="outline-text-4" id="text-org14f7a18">
<div id="outline-container-orgb15efb8" class="outline-4">
<h4 id="orgb15efb8">Bandwidth/hosting</h4>
<div class="outline-text-4" id="text-orgb15efb8">
<p>
Tenma has full web hosting infrastructure set up (hosting this blog among other things), so that would be easy to extend to other people as well.
</p>
</div>
</div>
<div id="outline-container-org96eb0f9" class="outline-4">
<h4 id="org96eb0f9">VPS</h4>
<div class="outline-text-4" id="text-org96eb0f9">
<div id="outline-container-orgbd3970a" class="outline-4">
<h4 id="orgbd3970a">VPS</h4>
<div class="outline-text-4" id="text-orgbd3970a">
<p>
In line with the previous 2 points; compute resources are currently underutilized.
</p>
</div>
</div>
<div id="outline-container-orgdd34696" class="outline-4">
<h4 id="orgdd34696">Intranet</h4>
<div class="outline-text-4" id="text-orgdd34696">
<div id="outline-container-org7eb940e" class="outline-4">
<h4 id="org7eb940e">Intranet</h4>
<div class="outline-text-4" id="text-org7eb940e">
<p>
Tenma runs a Wireguard VPN network. You can use this to, for instance, access services between two connected devices without having to open them up to the wider internet.
</p>
</div>
</div>
<div id="outline-container-org6bfe2ac" class="outline-4">
<h4 id="org6bfe2ac">DNS Server</h4>
<div class="outline-text-4" id="text-org6bfe2ac">
<div id="outline-container-org05d5df9" class="outline-4">
<h4 id="org05d5df9">DNS Server</h4>
<div class="outline-text-4" id="text-org05d5df9">
<p>
Tenma runs a fully resolving DNS server, with some local entries for devices on the VPN network. This should probably be automated in some way, and the service should be augmented with DNSSEC before opening.
</p>
</div>
</div>
<div id="outline-container-orgce310db" class="outline-4">
<h4 id="orgce310db">Git</h4>
<div class="outline-text-4" id="text-orgce310db">
<div id="outline-container-orge5454c1" class="outline-4">
<h4 id="orge5454c1">Git</h4>
<div class="outline-text-4" id="text-orge5454c1">
<p>
Tenma has a <a href="https://git.nakadashi.lol/">Gitea instance</a>
</p>
</div>
</div>
<div id="outline-container-org3d66dd9" class="outline-4">
<h4 id="org3d66dd9">Livestreaming</h4>
<div class="outline-text-4" id="text-org3d66dd9">
<div id="outline-container-orgf2f8379" class="outline-4">
<h4 id="orgf2f8379">Livestreaming</h4>
<div class="outline-text-4" id="text-orgf2f8379">
<p>
Tenma has infrastructure proven capable of restreaming 1080p video and high quality audio to at least ~100 people although this is CPU intensive and requires activating a high bandwidth restreaming VPS that is usually kept disabled to save costs.
</p>
</div>
</div>
<div id="outline-container-orgcd0cff1" class="outline-4">
<h4 id="orgcd0cff1">Other things</h4>
<div class="outline-text-4" id="text-orgcd0cff1">
<div id="outline-container-orgaeb59b6" class="outline-4">
<h4 id="orgaeb59b6">Other things</h4>
<div class="outline-text-4" id="text-orgaeb59b6">
<p>
Some other services that currently run on Tenma or have run there before:
</p>
@@ -299,9 +304,9 @@ Some other services that currently run on Tenma or have run there before:
</div>
</div>
</div>
<div id="outline-container-org92c2763" class="outline-3">
<h3 id="org92c2763">Considerations</h3>
<div class="outline-text-3" id="text-org92c2763">
<div id="outline-container-org2a734d6" class="outline-3">
<h3 id="org2a734d6">Considerations</h3>
<div class="outline-text-3" id="text-org2a734d6">
<ul class="org-ul">
<li>This would require Tenma&rsquo;s internal documentation to be updated, adapted and publicized.</li>
<li>Security :teto:</li>

142
html/designdocs/website.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-06-23 -->
<!-- 2025-07-22 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>nakadashi.lol website</title>
@@ -195,6 +195,11 @@
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
</head>
<body>
<div id="preamble" class="status">
@@ -206,26 +211,26 @@
</div>
</div>
<div id="content" class="content">
<div id="outline-container-org3bb2c07" class="outline-2">
<h2 id="org3bb2c07">akko.nakadashi.lol Design Document</h2>
<div class="outline-text-2" id="text-org3bb2c07">
<div id="outline-container-orgf2ce2a0" class="outline-2">
<h2 id="orgf2ce2a0">akko.nakadashi.lol Design Document</h2>
<div class="outline-text-2" id="text-orgf2ce2a0">
</div>
<div id="outline-container-org2eee131" class="outline-3">
<h3 id="org2eee131">Hackerman Shit</h3>
<div class="outline-text-3" id="text-org2eee131">
<div id="outline-container-orge38d592" class="outline-3">
<h3 id="orge38d592">Hackerman Shit</h3>
<div class="outline-text-3" id="text-orge38d592">
</div>
<div id="outline-container-org8d08647" class="outline-4">
<h4 id="org8d08647"><span class="todo TODO">TODO</span> Source Exposure</h4>
<div class="outline-text-4" id="text-org8d08647">
<div id="outline-container-org798bfe5" class="outline-4">
<h4 id="org798bfe5"><span class="todo TODO">TODO</span> Source Exposure</h4>
<div class="outline-text-4" id="text-org798bfe5">
<p>
Every page should have a button that takes you to the org-mode source for that page, using the beautifully named <code>org-org-export-to-org</code>. This should interact properly with <a href="#orgc112d11">Access Control</a>.
Every page should have a button that takes you to the org-mode source for that page, using the beautifully named <code>org-org-export-to-org</code>. This should interact properly with <a href="#org7c8a85f">Access Control</a>.
</p>
</div>
</div>
</div>
<div id="outline-container-orgc112d11" class="outline-3">
<h3 id="orgc112d11"><span class="todo TODO">TODO</span> Access Control</h3>
<div class="outline-text-3" id="text-orgc112d11">
<div id="outline-container-org7c8a85f" class="outline-3">
<h3 id="org7c8a85f"><span class="todo TODO">TODO</span> Access Control</h3>
<div class="outline-text-3" id="text-org7c8a85f">
<p>
The blog should have a form of access control. For instance, some things might be public, but other things I might only want to show to select people, or might contain other people&rsquo;s semi-confidential information that needs protection. Also, some people might want to opt out/not care about certain types of content, or I might want to present a certain &ldquo;view&rdquo; of the content myself.
</p>
@@ -234,28 +239,28 @@ The blog should have a form of access control. For instance, some things might b
As such, we need:
</p>
</div>
<div id="outline-container-org00fb458" class="outline-4">
<h4 id="org00fb458"><span class="todo TODO">TODO</span> System for marking content</h4>
<div class="outline-text-4" id="text-org00fb458">
<div id="outline-container-orgf436b65" class="outline-4">
<h4 id="orgf436b65"><span class="todo TODO">TODO</span> System for marking content</h4>
<div class="outline-text-4" id="text-orgf436b65">
<p>
With one or more categories. This should definitely work at least on the section level. The most viable candidate feature seems to be <a href="https://orgmode.org/manual/Tags.html">org-mode tags</a>.
</p>
</div>
</div>
<div id="outline-container-orgbe4c969" class="outline-4">
<h4 id="orgbe4c969"><span class="todo TODO">TODO</span> A way to export the correct selection of sections for every possible &ldquo;view&rdquo;</h4>
<div class="outline-text-4" id="text-orgbe4c969">
<div id="outline-container-orgf140f14" class="outline-4">
<h4 id="orgf140f14"><span class="todo TODO">TODO</span> A way to export the correct selection of sections for every possible &ldquo;view&rdquo;</h4>
<div class="outline-text-4" id="text-orgf140f14">
<p>
Best place to start would be looking at <a href="https://orgmode.org/manual/Export-Settings.html"><code>EXCLUDE_TAGS</code></a>. Should export to org file first and from there to HTML, in order to enable <a href="#org8d08647">Source Exposure</a>.
Best place to start would be looking at <a href="https://orgmode.org/manual/Export-Settings.html"><code>EXCLUDE_TAGS</code></a>. Should export to org file first and from there to HTML, in order to enable <a href="#org798bfe5">Source Exposure</a>.
</p>
</div>
</div>
<div id="outline-container-org72b589e" class="outline-4">
<h4 id="org72b589e"><span class="todo TODO">TODO</span> A way of encoding which view corresponds to which html file.</h4>
<div id="outline-container-org3e59fc1" class="outline-4">
<h4 id="org3e59fc1"><span class="todo TODO">TODO</span> A way of encoding which view corresponds to which html file.</h4>
</div>
<div id="outline-container-org87bcf43" class="outline-4">
<h4 id="org87bcf43"><span class="todo TODO">TODO</span> A way of encoding which view should be given, for a given URL.</h4>
<div class="outline-text-4" id="text-org87bcf43">
<div id="outline-container-orgf6ea22a" class="outline-4">
<h4 id="orgf6ea22a"><span class="todo TODO">TODO</span> A way of encoding which view should be given, for a given URL.</h4>
<div class="outline-text-4" id="text-orgf6ea22a">
<p>
i.e., the actual permission system. I definitely want to at least be able to:
</p>
@@ -269,64 +274,87 @@ i.e., the actual permission system. I definitely want to at least be able to:
</div>
</div>
</div>
<div id="outline-container-org13972a9" class="outline-3">
<h3 id="org13972a9">Style</h3>
<div class="outline-text-3" id="text-org13972a9">
<div id="outline-container-org75a6429" class="outline-3">
<h3 id="org75a6429">Style</h3>
<div class="outline-text-3" id="text-org75a6429">
</div>
<div id="outline-container-orgad1b796" class="outline-4">
<h4 id="orgad1b796"><span class="todo TODO">TODO</span> different theme</h4>
<div id="outline-container-orge64565f" class="outline-4">
<h4 id="orge64565f"><span class="todo TODO">TODO</span> different theme</h4>
</div>
<div id="outline-container-orgc9a800a" class="outline-4">
<h4 id="orgc9a800a"><span class="todo TODO">TODO</span> theme selection</h4>
<div id="outline-container-orgeafd33e" class="outline-4">
<h4 id="orgeafd33e"><span class="todo TODO">TODO</span> theme selection</h4>
</div>
</div>
<div id="outline-container-org7b416db" class="outline-3">
<h3 id="org7b416db">Social</h3>
<div class="outline-text-3" id="text-org7b416db">
<div id="outline-container-orgd9c76f4" class="outline-3">
<h3 id="orgd9c76f4">Social</h3>
<div class="outline-text-3" id="text-orgd9c76f4">
</div>
<div id="outline-container-orgdceb91c" class="outline-4">
<h4 id="orgdceb91c"><span class="todo TODO">TODO</span> Followable feed</h4>
<div id="outline-container-org66189cf" class="outline-4">
<h4 id="org66189cf"><span class="todo TODO">TODO</span> Followable feed</h4>
</div>
<div id="outline-container-org10e6689" class="outline-4">
<h4 id="org10e6689"><span class="todo TODO">TODO</span> Comment section</h4>
<div class="outline-text-4" id="text-org10e6689">
<div id="outline-container-org0f274f7" class="outline-4">
<h4 id="org0f274f7"><span class="todo TODO">TODO</span> Comment section</h4>
<div class="outline-text-4" id="text-org0f274f7">
<p>
Maybe powered by bluesky? I&rsquo;ve heard that&rsquo;s a thing people do.
</p>
</div>
</div>
</div>
<div id="outline-container-orgdceab0f" class="outline-3">
<h3 id="orgdceab0f">Meme features</h3>
<div class="outline-text-3" id="text-orgdceab0f">
<div id="outline-container-org922a2c1" class="outline-3">
<h3 id="org922a2c1">Meme features</h3>
<div class="outline-text-3" id="text-org922a2c1">
</div>
<div id="outline-container-org53d88a3" class="outline-4">
<h4 id="org53d88a3"><span class="todo TODO">TODO</span> teto face</h4>
<div id="outline-container-org243d7d6" class="outline-4">
<h4 id="org243d7d6"><span class="todo TODO">TODO</span> teto face</h4>
</div>
</div>
<div id="outline-container-org2d43348" class="outline-3">
<h3 id="org2d43348">Open Issues</h3>
<div class="outline-text-3" id="text-org2d43348">
<div id="outline-container-orgf652aa9" class="outline-3">
<h3 id="orgf652aa9">Open Issues</h3>
<div class="outline-text-3" id="text-orgf652aa9">
</div>
<div id="outline-container-org9107fa7" class="outline-4">
<h4 id="org9107fa7"><span class="todo TODO">TODO</span> Running the publish command in Emacs doesn&rsquo;t remove orphan HTML files.</h4>
<div id="outline-container-org7625788" class="outline-4">
<h4 id="org7625788"><span class="todo TODO">TODO</span> Running the publish command in Emacs doesn&rsquo;t remove orphan HTML files.</h4>
</div>
<div id="outline-container-org82ae5fb" class="outline-4">
<h4 id="org82ae5fb"><span class="todo TODO">TODO</span> Port <a href="../static/esquemadorg.js">esquemadorg.js</a> to modern JS and get rid of jquery dependency.</h4>
<div class="outline-text-4" id="text-org82ae5fb">
<div id="outline-container-org43614ee" class="outline-4">
<h4 id="org43614ee"><span class="todo TODO">TODO</span> Port <a href="../static/esquemadorg.js">esquemadorg.js</a> to modern JS and get rid of jquery dependency.</h4>
<div class="outline-text-4" id="text-org43614ee">
<p>
Good use case for AI
</p>
</div>
</div>
<div id="outline-container-orgd28eb8c" class="outline-4">
<h4 id="orgd28eb8c"><span class="todo TODO">TODO</span> &ldquo;Last Modified&rdquo; implementation is a bit janky and I don&rsquo;t remember exactly how it works</h4>
<div id="outline-container-orgce13273" class="outline-4">
<h4 id="orgce13273"><span class="todo TODO">TODO</span> &ldquo;Last Modified&rdquo; implementation is a bit janky and I don&rsquo;t remember exactly how it works</h4>
</div>
<div id="outline-container-orge7d6dc5" class="outline-4">
<h4 id="orge7d6dc5"><span class="todo TODO">TODO</span> Figure out how to do multi-line captions</h4>
</div>
<div id="outline-container-org52df8ff" class="outline-4">
<h4 id="org52df8ff"><span class="todo TODO">TODO</span> Rewrite all JS to ClojureScript</h4>
</div>
<div id="outline-container-orgc8fa33c" class="outline-4">
<h4 id="orgc8fa33c"><span class="todo TODO">TODO</span> Support for auto-folded sections</h4>
</div>
<div id="outline-container-org7e7cca5" class="outline-4">
<h4 id="org7e7cca5"><span class="todo TODO">TODO</span> Naming a section &ldquo;footnotes&rdquo; will cause org-mode to interpret it as the footnotes section when exporting (causing it to be hidden)</h4>
</div>
</div>
<div id="outline-container-org05f307e" class="outline-3">
<h3 id="org05f307e">Other</h3>
<div class="outline-text-3" id="text-org05f307e">
</div>
<div id="outline-container-org95b87aa" class="outline-4">
<h4 id="org95b87aa"><span class="todo TODO">TODO</span> Generate CSS from tangling org file&#x2026;!</h4>
</div>
<div id="outline-container-org7ad7468" class="outline-4">
<h4 id="org7ad7468"><span class="todo TODO">TODO</span> Script that automatically removes EXIF data from static images</h4>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<div id='footer'><div id='modified-date'>Last modified: 2025-06-23</div><hr>
<div id='footer'><div id='modified-date'>Last modified: 2025-07-20</div><hr>
If you have any comments about this page, you can email me at: <br>
<b>akko [shift-2] nakadashi -dot- lol</b><br>
And I may include them on the website!<br>

7
html/designdocs/witch-princess-lyrica.html
View File

@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2025-06-23 -->
<!-- 2025-07-18 -->
<meta charset="utf-8" />
<meta name="viewport" content="width=100%, initial-scale=0.7" />
<title>Witch Princess Lyrica</title>
@@ -195,6 +195,11 @@
<script type="text/javascript" src="/static/jquery-3.6.4.slim.min.js"></script>
<script type="text/javascript" src="/static/esquemadorg.js"></script>
<script type="text/javascript" src="/static/footnote.js"></script>
<link rel="stylesheet" href="/static/footnote.css" type="text/css"/>
<link rel="stylesheet" href="/static/collapse.css" type="text/css">
<link rel="stylesheet" href="/static/custom.css" type="text/css">
</head>
<body>
<div id="preamble" class="status">