comfitu.re/index.html

369 lines
18 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comfitu.re</title>
<link href="fonts/IBM-Plex-Mono/font.css" />
<link href="style.css?v=1.6.3" rel="stylesheet"/>
<script src="vendor/showdownjs/showdown/showdown.min.js?v=2.1.0" type="application/javascript"></script>
<script src="script.js?v=1.6.3" type="application/javascript"></script>
</head>
<body>
<div class="background"></div>
<script>comfiture.setupWallpaper();</script>
<div class="container">
<div class="content">
<header>
<div class="logo" style="width: 352px; display:inline-block;">
<pre style="color:#ffd079;"> ___ __ _ _</pre>
<pre style="color:#ffc66d;"> / __|___ _ __ / _(_) |_ _ _ _ _ ___</pre>
<pre style="color:#de9e5f;">| (__/ _ \ ' \| _| | _| || |_| '_/ -_)</pre>
<pre style="color:#c18152;"> \___\___/_|_|_|_| |_|\__|\_,_(_)_| \___|</pre>
<pre> </pre>
</div><div style="display: inline-block; height: 48px; vertical-align: bottom;">
<a href="#changelog">v1.6.3</a><br/>
<script>comfiture.printMotd();</script><br/>
</div>
<div>
<a href="#home">Home</a>
| <a href="#blogs">Blog</a>
| <a href="#links">Links</a>
| <a href="#contact">Contact</a>
<a href="#blogs" class="reader-close hide">Close</a><br/>
</div>
</header>
<main>
<div class="content-tab" id="home">
<div id="ascii"><pre>
( )
( )
( )
( )
) )
( ( /\
(_) / \ /\
________[_]________ /\/ \/ \
/\ /\ ______ \ / /\/\ /\/\
/ \ //_\ \ /\ \ /\/\/ \/ \
/\ / /\/\ //___\ \__/ \ \/
/ \ /\/ \//_____\ \ |[]| \
/\/\/\/ //_______\ \|__| \
/ \ /XXXXXXXXXX\ \
\ /_I_II I__I_\__________________\
I_I| I__I_____[]_|_[]_____I
I_II I__I_____[]_|_[]_____I
I II__I I XXXXXXX I
~~~~~" "~~~~~~~~~~~~~~~~~~~~~~~~
</pre></div>
<p>
Hoi, welcome to my comfy website! (^▽^)
</p>
<p>
I am <a target="_blank" href="https://akkos.fritu.re/fristi">@Fristi</a>, a programmer from the Netherlands. On this website you can find
more info about me, my server and my personal projects. Enjoy!
</p>
</div>
<div class="content-tab" id="blogs">
<h1>Blog posts</h1>
<p>
My blog posts are now hosted here! See the archive below.
</p>
<h2>2023</h2>
<table class="blog-table">
<tr>
<td>03 Feb</td>
<td>"Subcon in the new year"</td>
<td><a href="blogs/2023/2023-02-03_subcon_in_the_new_year.md">.md</a></td>
</tr>
</table>
<h2>2022</h2>
<table class="blog-table">
<tr>
<td>19 Nov</td>
<td>"Future of the Subcon server"</td>
<td><a href="blogs/2022/2022-11-19_future_of_the_subcon_server.md">.md</a></td>
</tr>
<tr>
<td>07 Oct</td>
<td>"Fresh Blog!"</td>
<td><a href="blogs/2022/2022-10-07_fresh_blog.md">.md</a></td>
</tr>
</table>
</div>
<div class="content-tab" id="links">
<h1>Links</h1>
<p>These are some links to stuff that I make or endorse. Check it out!</p>
<h2>My websites</h2>
<table class="link-table">
<tr>
<td style="width: 160px;"><a href="https://comfitu.re">Comfitu.re</a>:</td>
<td>My personal website, the one you're reading now.</td>
<td><a href="https://factory.subcon.town/fristi/comfitu.re">Source</a></td>
</tr>
<tr>
<td><a href="https://subcon.town/">Subcon Town</a>:</td>
<td>My server and tilde community webpage. </td>
<td><a href="https://factory.subcon.town/fristi/subcon.town">Source</a></td>
</tr>
<tr>
<td><a href="https://archive.comfitu.re/">Media Archive</a>:</td>
<td>A repository of funny videos and flash animations.</td>
<td><a href="https://factory.subcon.town/fristi/media-archive-php">Source</a></td>
</tr>
<tr>
<td><a href="https://air.fritu.re">Airfryer stream</a>:</td>
<td>Sometimes I stream stuff, you can watch it here.</td>
<td><a href="https://owncast.online/">Source</a></td>
</tr>
</table>
<h2>Cool websites by others</h2>
<table class="link-table">
<tr>
<td style="width: 160px;"><a href="https://tilde.cafe">Tilde Café</a>:</td>
<td>One of the older tilde communities around that I took inspiration from.</td>
<td></td>
</tr>
<tr>
<td><a href="https://toast.cafe/">Toast Café</a>:</td>
<td>Cool tilde community ran by a toasted friend.</td>
<td></td>
</tr>
<tr>
<td><a href="https://craftplacer.moe/">Craftplacer.moe</a>:</td>
<td>Webdesign that screams "yes, I still <i>surf</i> the web."</td>
<td></td>
</tr>
<tr>
<td><a href="https://fediring.net/">Fediring</a>:</td>
<td>A classic webring used by fediverse users.</td>
<td></td>
</tr>
</table>
<h2>Projects</h2>
<table class="list-table">
<tr>
<td style="width: 160px;"><a href="https://akkoma.dev/AkkomaGang/akkoma">Akkoma</a>:</td>
<td>
A fork of the popular Pleroma ActivityPub server. I help with translations
and rarely with bug reporting.
</td>
</tr>
<tr>
<td><a href="https://factory.subcon.town/fristi/pleroma-themes">Pleroma Themes</a>:</td>
<td>A collection of themes I've made for use with Pleroma/Akkoma.</td>
</tr>
<tr>
<td><a href="https://factory.subcon.town/fristi/console-writer">Console Writer</a>:</td>
<td>A small symfony/laravel package with improved console input/output handling.</td>
</tr>
<tr>
<td><a href="https://factory.subcon.town/fristi">Other stuff</a>:</td>
<td>There's more on my private gogs instance. Some of it is old and abandoned though.</td>
</tr>
</table>
</div>
<div class="content-tab" id="contact">
<h1>Contact information</h1>
<p>
Want to send me a message? You can contact me here:
</p>
<table>
<tr><td>Email:</td><td><a class="em" href="#">fristi「AT」subcon.town</a></td></tr>
<tr><td>Fediverse:</td><td><a class="fv" target="_blank" href="https://akkos.fritu.re/fristi">fristi「AT」akkos.fritu.re</a></td></tr>
</table>
<p>
You can also ask me questions on retrospring! <a target="_blank" href="https://retrospring.net/@fristi">Go to retrospring</a>
</p>
</div>
<div class="content-tab" id="copyright">
<h1>Copyright notice</h1>
<p>
This software (being this website and its contents), are licensed under the
Blue Oak Model License 1.0.0, except for third party works used that are not
owned by me. These will be listed separately below under "Third party works".
</p>
<p>
A copy of the Blue Oak Model License may be viewed <a target="_blank" href="LICENSE">here</a>.<br/>
Additionally, the website source code can be viewed
<a target="_blank" href="https://factory.subcon.town/fristi/comfitu.re">here</a>.
</p>
<h2>Third party works</h2>
<p>
This website uses the following third party works:
</p>
<table class="link-table">
<tr>
<td>- <a href="https://www.ibm.com/plex/">IBM Plex Fonts</a> by IBM.</td>
<td><a href="./fonts/IBM-Plex-Mono/license.txt">License</a></td>
</tr>
<tr>
<td>- <a href="https://int10h.org/oldschool-pc-fonts/">Old School PC Fonts</a> by VileR.</td>
<td><a href="https://int10h.org/oldschool-pc-fonts/readme/#legal_stuff">License</a></td>
</tr>
<tr>
<td>- <a href="https://github.com/showdownjs/showdown">Showdown.js</a> for rendering markdown files.</td>
<td><a href="./vendor/showdownjs/showdown/LICENSE">License</a></td>
</tr>
<tr>
<td>
- Background images and various images used in blog entries are not owned by me.
</td>
</tr>
</table>
<p>
I do not claim any rights to these third party works.
</p>
<h2>Complaints</h2>
<p>
If you feel any material is incorrectly used on this website, or otherwise
infringes on your rights, feel free to file a complaint with
<a class="em" href="#">fristi「AT」subcon.town</a>.
</p>
</div>
<div class="content-tab" id="changelog">
<h1>Changelog</h1>
<ul>
1.6.3 Patch:
<li>Fixed links pointing to the old gitea server, which has been replaced.</li>
<li>Enabled table rendering for blog articles.</li>
</ul>
<ul>
1.6.2 Patch:
<li>Fixed rendering of ordered lists in blog posts.</li>
<li>Added a new blog post.</li>
</ul>
<ul>
1.6.1 Patch:
<li>Updated copyright notice to provide proper attribution to third party works used on this website.</li>
<li>Added license document for showndown.js.</li>
</ul>
<ul>
Blog update:
<li>Removed old blog posts, starting from fresh.</li>
</ul>
<ul>
1.6.0 Minor update:
<li>Reorganized all content</li>
<li>Blog reader will now expand the desktop view for better reading</li>
<li>Blog reader is now styled with more readable font and elements</li>
<li>Log player has been removed</li>
<li>Added email links, but obfuscated them to deter bot abuse</li>
</ul>
<ul>
1.5.1 Patch:
<li>Added colored logo</li>
<li>Added many more backgrounds, allowing images up to 500kb</li>
<li>Refactored css and provided better styling for blog posts</li>
</ul>
<ul>
1.5.0 Minor update:
<li>Added blog posts and audio logs</li>
<li>Added reader for blog posts (reverts to download without javascript)</li>
<li>Added player for audio logs (reverts to download without javascript)</li>
<li>Merged websites and projects tabs</li>
<li>Updated copyright notice</li>
<li>Updated theme a little</li>
</ul>
<ul>
1.4.4 Patch:
<li>Updated links and blog website</li>
<li>Removed email references due to bad actors</li>
</ul>
<ul>
1.4.3 Patch:
<li>Swapped backgrounds, maximum size is 200kb</li>
</ul>
<ul>
1.4.2 Patch:
<li>Added fediring links</li>
<li>Improved mobile support of the header section</li>
<li>Added some more motd lines</li>
</ul>
<ul>
1.4.1 Patch:
<li>Added "viewport" meta tag to fix responsiveness</li>
</ul>
<ul>
1.4.0 Minor update:
<li>Added responsive sizing for mobile support</li>
<li>Updated visual style of the "terminal"</li>
<li>Removed a few lower-quality backgrounds</li>
<li>Updated footer with direct link to source</li>
<li>Refreshed content a bit</li>
<li>Added randomized motd under version number</li>
</ul>
<ul>
1.3.1 Patch:
<li>Set background image rendering to "crisp-edges"</li>
</ul>
<ul>
1.3.0 Minor update:
<li>Updated site texts</li>
<li>Fixed git links to now direct to vcs.subcon.town</li>
<li>Updated personal contact info</li>
<li>Fixed css issue causing scrollbars to appear when not needed</li>
<li>Added more backgrounds</li>
</ul>
<ul>
1.2.2 Patch:
<li>Cleaned up javascript code</li>
<li>Fixed issue with doubly loading wallpaper</li>
<li>Added version query string to css and javascript urls to prevent cache issues</li>
</ul>
<ul>
1.2.1 Patch:
<li>Set a default background image for the no-javascript crowd</li>
<li>Added this changelog to the website</li>
</ul>
<ul>
1.2.0 Minor update:
<li>Added blogs content</li>
</ul>
<ul>
1.1.0 Minor update:
<li>Updated missing content</li>
</ul>
<p>
1.0.0 Initial release
</p>
</div>
<div class="content-tab hide" id="reader">
<!-- initially empty and inaccessible -->
</div>
</main>
<footer>
<div style="float:left;">
<a href="https://fediring.net/previous?host=comfitu.re"></a>
<a href="https://fediring.net/">Fediring</a>
<a href="https://fediring.net/next?host=comfitu.re"></a>
</div>
<div style="text-align: right"> &copy; 2021-2022 comfitu.re.
<a href="#copyright">License</a>
<a target="_blank" href="https://factory.subcon.town/fristi/comfitu.re">Source</a>
</div>
</footer>
</div>
</div>
<script>comfiture.showAddresses();</script>
</body>
</html>