Fristi
54ba0f05a0
+ Added colored logo + Added more backgrounds, lifted size requirement to max 500kb + Refactored css and added better styling for blog posts + Refactored blog markdown files
336 lines
15 KiB
HTML
336 lines
15 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="style.css?v=1.5.1" rel="stylesheet"/>
|
|
<script src="showdown.min.js?v=2.1.0" type="application/javascript"></script>
|
|
<script src="script.js?v=1.5.1" 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.5.1</a><br/>
|
|
<script>comfiture.printMotd();</script><br/>
|
|
</div>
|
|
<div>
|
|
<a href="#home">Home</a>
|
|
| <a href="#about">About</a>
|
|
| <a href="#blogs">Blogs</a>
|
|
| <a href="#logs">Logs</a>
|
|
| <a href="#projects">Projects</a>
|
|
| <a href="#contact">Contact</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>
|
|
Hello, welcome to my comfy personal website! (＾▽＾)
|
|
</p>
|
|
|
|
<p>
|
|
I am Fristi, a programmer from the Netherlands. On this website you can find
|
|
more info about me, my server and my personal projects. If you'd like to chat,
|
|
ping me on the <a href="https://mk.toast.cafe/@fristi">fediverse</a>!
|
|
</p>
|
|
</div>
|
|
<div class="content-tab" id="about">
|
|
<h1>About</h1>
|
|
<p>
|
|
Hi, my name is Fristi. I'm a PHP programmer and server hobbyist from the
|
|
Netherlands. I love old electronics, games and food. While I generally don't
|
|
program a lot in my spare time anymore, I do maintain a linux server
|
|
that hosts some of my private data and services, as well as this website.
|
|
</p>
|
|
|
|
<h2>Professional</h2>
|
|
<p>
|
|
For a living, I mainly do backend programming in PHP, specializing in the
|
|
Laravel framework. I also do other bits and pieces of scripting where needed,
|
|
although I'm no expert in that. I also do a bit of front-end development where
|
|
needed, with experience in Bootstrap, although I prefer to make my own lighter
|
|
front-end solutions where possible.
|
|
</p>
|
|
<p>
|
|
Besides programming, I also work a lot with Linux systems, and use it as my
|
|
preferred operating system on my own computers. In my spare time I maintain a
|
|
personal hobby server that holds most of my private data and services, while
|
|
also acting as my development server.
|
|
</p>
|
|
</div>
|
|
<div class="content-tab" id="blogs">
|
|
<div class="tab-main">
|
|
<h1>Blog posts</h1>
|
|
<p>
|
|
My blog posts are now hosted here! See the archive below.
|
|
</p>
|
|
|
|
<h2>2022</h2>
|
|
<p>
|
|
Yes I am writing some new stuff, please wait :3
|
|
</p>
|
|
|
|
<h2>2021</h2>
|
|
<table class="blog-table">
|
|
<tr>
|
|
<td>07 Jul 2021</td>
|
|
<td>"Method, reason and balance"</td>
|
|
<td><a href="blogs/2021/2021-07-07_method_reason_and_balance.md">.md</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>21 Jun 2021</td>
|
|
<td>"Noise"</td>
|
|
<td><a href="blogs/2021/2021-06-21_noise.md">.md</a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h2>2020</h2>
|
|
<table class="blog-table">
|
|
<tr>
|
|
<td>21 Dec 2020</td>
|
|
<td>"Flat keyboards break fingers"</td>
|
|
<td><a href="blogs/2020/2020-12-21_flat_keyboards_break_fingers.md">.md</a></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="reader hide">
|
|
<p>
|
|
<a href="#blogs" class="times"><< Back</a>
|
|
<span class="title"></span>
|
|
<span class="loader hide">Loading...</span>
|
|
</p>
|
|
<div class="reader-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-tab" id="logs">
|
|
<h1>Audio logs</h1>
|
|
<p>
|
|
Besides blog posts, I sometimes also make audio logs.
|
|
</p>
|
|
|
|
<h2>2022</h2>
|
|
<table class="log-table">
|
|
<tr>
|
|
<td>18 Apr 2022</td>
|
|
<td>"Log #1: Favorite Video Games"</td>
|
|
<td>
|
|
<a href="logs/2022/fristilog_001_video_games.opus">.opus</a>
|
|
<a href="logs/2022/fristilog_001_video_games.mp3">.mp3</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="content-tab" id="projects">
|
|
<h1>Projects</h1>
|
|
<p>
|
|
Currently I maintain a few websites and packages, see below.
|
|
</p>
|
|
|
|
<h2>Websites</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="https://subcon.town/">Subcon Town</a>:
|
|
the main website of my personal server.
|
|
<a href="https://vcs.subcon.town/fristi/subcon.town">Source</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://comfitu.re">Comfiture</a>:
|
|
my personal website, the one you're reading now.
|
|
<a href="https://vcs.subcon.town/fristi/comfitu.re">Source</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h2>Software</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="https://vcs.subcon.town/fristi/console-writer">Console Writer</a>:
|
|
a small symfony/laravel package with improved console input/output handling.
|
|
</li>
|
|
<li>
|
|
A few other things I need to make available on my git repositories, check back later!
|
|
</li>
|
|
</ul>
|
|
|
|
<h2>Services</h2>
|
|
<p>
|
|
For a list of services that I currently host,
|
|
please view the <a href="https://subcon.town">Subcon Town</a> website.
|
|
</p>
|
|
</div>
|
|
<div class="content-tab" id="contact">
|
|
<h1>Contact information</h1>
|
|
<p>
|
|
Want to send me a message? I can be reached at <a target="_blank" href="https://mk.toast.cafe/@fristi">@fristi@mk.toast.cafe</a>.
|
|
</p>
|
|
</div>
|
|
<div class="content-tab" id="copyright">
|
|
<h1>Copyright notice</h1>
|
|
<p>
|
|
Unless otherwise specified below, the content and source code of this website are
|
|
licensed under the Blue Oak Model License 1.0.0.
|
|
A copy of this license may be viewed <a target="_blank" href="LICENSE">here</a>.
|
|
Additionally, the website source code can be viewed
|
|
<a target="_blank" href="https://vcs.subcon.town/fristi/comfitu.re">here</a>.
|
|
</p>
|
|
|
|
<h2>Exceptions regarding media content</h2>
|
|
<p>
|
|
Several media used on this website, such as (but not limited to) the background images
|
|
and fonts, fall under their own respective copyright licenses, and are thus not
|
|
subject to the above mentioned Blue Oak Model License.
|
|
</p>
|
|
|
|
<h2>Complaints</h2>
|
|
<p>
|
|
If you feel any material is incorrectly used on this website, or otherwise
|
|
infringes on your copyright, feel free to file a complaint to
|
|
<a href="mailto:fristi@subcon.town">fristi@subcon.town</a>.
|
|
</p>
|
|
</div>
|
|
<div class="content-tab" id="changelog">
|
|
<h1>Changelog</h1>
|
|
<ol>
|
|
<li>first</li>
|
|
<li>second</li>
|
|
</ol>
|
|
<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>
|
|
</main>
|
|
|
|
<div class="player hide">
|
|
<audio controls>
|
|
|
|
</audio>
|
|
<span class="times">×</span>
|
|
</div>
|
|
|
|
<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"> 2021-2022 Comfitu.re.
|
|
<a href="#copyright">License</a>
|
|
<a target="_blank" href="https://vcs.subcon.town/fristi/comfitu.re">Source</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |