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

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>