487 lines
14 KiB
HTML
487 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="shortcut icon" href="/img/icon.png" type="image/png">
|
||
<meta name="generator" content="Hugo 0.78.2" />
|
||
<meta property="og:title" content="Welcome." />
|
||
<meta property="og:description" content="" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="http://toasters.rocks/" />
|
||
<meta property="og:updated_time" content="2020-11-28T21:15:50-05:00" />
|
||
|
||
<meta name="twitter:card" content="summary"/>
|
||
<meta name="twitter:title" content="Welcome."/>
|
||
<meta name="twitter:description" content=""/>
|
||
|
||
<title>Welcome. - toasters rocks</title>
|
||
<link rel="stylesheet" href="/css/styles.css" />
|
||
<link rel="stylesheet" href="/css/syntax.css" />
|
||
<script src="https://kit.fontawesome.com/8ced65a629.js" crossorigin="anonymous"></script>
|
||
</head><body>
|
||
<header><img src="/img/icon.png"><h1>toasters rocks</h1></header>
|
||
<main>
|
||
<aside><nav>
|
||
|
||
<a href="/">
|
||
|
||
|
||
<i class="fas fa-home"></i>
|
||
|
||
|
||
Home
|
||
</a><br/>
|
||
|
||
<a href="http://juju2143.ca/">
|
||
|
||
|
||
<i class="fas fa-user"></i>
|
||
|
||
|
||
About
|
||
</a><br/>
|
||
|
||
<a href="/fr/">
|
||
|
||
|
||
<i class="fas fa-globe"></i>
|
||
|
||
|
||
Français
|
||
</a><br/>
|
||
|
||
<a href="https://yukiis.moe/">
|
||
|
||
|
||
<i class="far fa-comment"></i>
|
||
|
||
|
||
Comics
|
||
</a><br/>
|
||
|
||
<a href="https://codewalr.us/">
|
||
|
||
|
||
<i class="far fa-folder-open"></i>
|
||
|
||
|
||
Forums
|
||
</a><br/>
|
||
|
||
</nav>
|
||
<br/>
|
||
<nav>
|
||
|
||
|
||
<a title="Twitter " href="https://twitter.com/juju2143">
|
||
|
||
|
||
<i style="color: #4da7de" class="fab fa-twitter"></i>
|
||
|
||
<span style="color: #4da7de">Twitter</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="Discord " href="https://discord.gg/cuZcfcF">
|
||
|
||
|
||
<i style="color: #7289da" class="fab fa-discord"></i>
|
||
|
||
<span style="color: #7289da">Discord</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="GitHub " href="https://github.com/juju2143">
|
||
|
||
|
||
<i style="color: #221e1b" class="fab fa-github"></i>
|
||
|
||
<span style="color: #221e1b">GitHub</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="Patreon " href="https://patreon.com/juju2143">
|
||
|
||
|
||
<i style="color: #F96854" class="fab fa-patreon"></i>
|
||
|
||
<span style="color: #F96854">Patreon</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="YouTube " href="https://youtube.com/user/julosoft">
|
||
|
||
|
||
<i style="color: #e02a20" class="fab fa-youtube"></i>
|
||
|
||
<span style="color: #e02a20">YouTube</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="YouTube 2 " href="https://youtube.com/c/juju2143">
|
||
|
||
|
||
<i style="color: #e02a20" class="fab fa-youtube"></i>
|
||
|
||
<span style="color: #e02a20">YouTube 2</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="Twitch " href="https://twitch.tv/juju2143">
|
||
|
||
|
||
<i style="color: #6441a5" class="fab fa-twitch"></i>
|
||
|
||
<span style="color: #6441a5">Twitch</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="Instagram " href="https://instagram.com/j.p.savard">
|
||
|
||
|
||
<i style="color: #d6249f" class="fab fa-instagram"></i>
|
||
|
||
<span style="color: #d6249f">Instagram</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="DeviantArt " href="https://deviantart.com/juju2143">
|
||
|
||
|
||
<i style="color: #c5d200" class="fab fa-deviantart"></i>
|
||
|
||
<span style="color: #c5d200">DeviantArt</span>
|
||
</a><br/>
|
||
|
||
|
||
<a title="SoundCloud " href="https://soundcloud.com/juju2143">
|
||
|
||
|
||
<i style="color: #fe3801" class="fab fa-soundcloud"></i>
|
||
|
||
<span style="color: #fe3801">SoundCloud</span>
|
||
</a><br/>
|
||
|
||
</nav></aside>
|
||
<article>
|
||
<h2>Welcome.</h2>
|
||
<p>Oh. I didn’t see you there. My name is J. P. Savard - but you can call me Yuki - and welcome to my abode. This is a repository of silly things, poetry, rants, ideas and experiments I made on my free time, I hope you will like them, and that the information will be useful.</p>
|
||
<p>Here be dragons below, have fun.</p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article style="background-image: url('/images/2019/12/photo-1461749280684-dccba630e2f6.jpg');">
|
||
<div class="metadata" style="height: calc((var(--height) - 2em) * 0.6675 - 3.5em)">
|
||
|
||
|
||
<h2><a class="title" href="/esoteric-uses-of-cgi/">Esoteric uses of CGI</a></h2>
|
||
<p>Or how to program the back-end of your website using Commodore BASIC.</p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-12-21">December 21, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/tech">Tech</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~5 minutes
|
||
</div>
|
||
<p>Well, you probably all heard of esoteric programming languages before, but the question today is, programming languages used outside its intended use, would that be esoteric?
|
||
If I tell you back-end web languages, you’d immediately think PHP, Node.js, Ruby, C maybe, but what if I tell you… Commodore BASIC? Sure, just get a Commodore 64 with a TCP/IP stack and write a web server for it you’d say, but I mean, actually using it on an actual, everyday web server on some Linux box?</p>
|
||
|
||
<p><a href="/esoteric-uses-of-cgi/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article style="background-image: url('/images/2019/12/ponylife98-000-1.png');">
|
||
<div class="metadata" style="height: calc((var(--height) - 2em) * 0.660904255319149 - 3.5em)">
|
||
|
||
|
||
<h2><a class="title" href="/horse-life-98/">Horse Life 98</a></h2>
|
||
<p></p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-12-15">December 15, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/writing">Writing</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~1 minute
|
||
</div>
|
||
<p>Been a while I wanted to make a webcomic, but I never got around at drawing one, and if I do I’m not that good at drawing, so…
|
||
I recently started messing up with a Windows 98 VM (for various reasons, including a future redesign of this website), I re-discovered Microsoft Comic Chat, I decided to import my Pony Town avatars in it, and the rest is history. It’s simple to make, it doesn’t take too much of my attention span and it looks good, so yeah, winning formula.</p>
|
||
|
||
<p><a href="/horse-life-98/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article style="background-image: url('/images/2019/11/background.png');">
|
||
<div class="metadata" style="height: calc((var(--height) - 2em) * 0.5833333333333334 - 3.5em)">
|
||
|
||
|
||
<h2><a class="title" href="/ecco-the-dolphin/">ecco the dolphin</a></h2>
|
||
<p>Let's recreate this weird effect from Ecco the Dolphin.</p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-29">November 29, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/experiments">Experiments</a>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/p5.js">p5.js</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~6 minutes
|
||
</div>
|
||
<p>// Ecco effect v2 by juju2143 // based on original code by foone // https://github.com/foone/ecco-distortion-effect // Licenced under GPL3 var shifts = "gDkZcB510pQ:3pSf]4oLh\41pS;nWd_@lYcB5oT;nJ82pSfCkH7nVmWe^aA5110pO9nKh\bAlYdCkG7oL8nVe^a`@5oL82pSf\lXd^?lX=3oM9nV4oL9nVe^a`@"; function preload() { img = loadImage('/images/2019/11/background.png'); } function setup() { var c = createCanvas(320, 224); c.parent('sketch-holder'); } function draw() { for (var i = 0; i Welcome to the second installment of my code experiments! This time we’re gonna look into the weird effect used in the background of messages in Ecco the Dolphin for the Sega Genesis (or MegaDrive, if you’re asking someone outside the Americas).</p>
|
||
|
||
<p><a href="/ecco-the-dolphin/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article style="background-image: url('/images/2019/11/perlin.png');">
|
||
<div class="metadata" style="height: calc((var(--height) - 2em) * 1 - 3.5em)">
|
||
|
||
|
||
<h2><a class="title" href="/trippy-perlin-noise/">trippy perlin noise</a></h2>
|
||
<p>Warning: contains some intensive JavaScript that might break your computer</p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-25">November 25, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/experiments">Experiments</a>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/p5.js">p5.js</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~2 minutes
|
||
</div>
|
||
<p>function setup() { var c = createCanvas(256, 256); c.parent('sketch-holder'); background(0); } function draw() { var n = 0; var z = 1; var speed = 0.005; noiseDetail(8, 0.65); loadPixels(); for(a=0; a Now that I can easily embed JavaScript on this blog, I should put here some of my experiments and weird code that does nothing, cause why not. This one is some colored Perlin noise made using p5.</p>
|
||
|
||
<p><a href="/trippy-perlin-noise/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
<article>
|
||
<div>
|
||
|
||
<h2><a class="title" href="/new-blog-again/">New blog, again</a></h2>
|
||
<p></p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-25">November 25, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/meta">Meta</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~2 minutes
|
||
</div>
|
||
<p>Yeah, I complain a lot about the fact I don’t write on my blog. I moved it again, this time on Ghost, after I found out I had free web hosting and it could run Node.js apps on it, so let’s try this. It was a bitch to install, though, as if Murphy’s law was playing against me. If it has a chance to fail, then it will fail. It took like 3 days, but I hope it’s worth it.</p>
|
||
|
||
<p><a href="/new-blog-again/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<article>
|
||
<div>
|
||
|
||
<h2><a class="title" href="/trailer-is-out/">Trailer is out</a></h2>
|
||
<p></p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-23">November 23, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/zarmina">Zarmina</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-globe"></i>
|
||
|
||
<a href="http://toasters.rocks/fr/nouvelle-bande-annonce/">Français</a>
|
||
<br/>
|
||
|
||
<i class="fas fa-hourglass"></i> ~1 minute
|
||
</div>
|
||
<p>This article was originally published on Itch.io, reposting it here for completeness.
|
||
New trailer for the project, it’s not the complete game but I hope you’ll like it :) It’s been done with Ren’Py cause it’s gonna be the intro to the game and I wasn’t able to get a good video editing software working on my computer… You can see it straight on the game’s page or if it’s buggy there’s a YouTube video.</p>
|
||
|
||
<p><a href="/trailer-is-out/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
<article>
|
||
<div>
|
||
|
||
<h2><a class="title" href="/devlog-1-making-the-trailer/">DevLog #1: Making the trailer</a></h2>
|
||
<p></p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-07">November 7, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/zarmina">Zarmina</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-hourglass"></i> ~2 minutes
|
||
</div>
|
||
<p>This article was originally published on Patreon, reposting it here for completeness.
|
||
I told you I’m keeping you updated, so I’m keeping a dev log here on Patreon. Everything you need to know, so it sounds like I’m actually active at doing something and you can learn from my errors. Don’t want to decieve anyone who might want to throw money at me here.
|
||
First thing on my new plan is to post a trailer on YouTube, redirect people here and hope The Algorithm™ does its job somewhat soon.</p>
|
||
|
||
<p><a href="/devlog-1-making-the-trailer/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
<article>
|
||
<div>
|
||
|
||
<h2><a class="title" href="/zarmina-3-0-rewrite-again/">Zarmina 3.0: rewrite (again)</a></h2>
|
||
<p></p>
|
||
|
||
|
||
|
||
<i class="far fa-calendar-alt"></i>
|
||
<time datetime="2019-11-07">November 7, 2019</time><br/>
|
||
|
||
|
||
<i class="fas fa-tags"></i>
|
||
|
||
|
||
#<a class="btn btn-sm btn-outline-dark tag-btn" href="http://toasters.rocks/tags/zarmina">Zarmina</a>
|
||
<br/>
|
||
|
||
|
||
<i class="fas fa-globe"></i>
|
||
|
||
<a href="http://toasters.rocks/fr/zarmina-3-0-reecriture/">Français</a>
|
||
<br/>
|
||
|
||
<i class="fas fa-hourglass"></i> ~3 minutes
|
||
</div>
|
||
<p>This article was originally published on Patreon, reposting it here for completeness.
|
||
This is a semi-Google Translation of the last post, for the English-speaking friends I might have here. I’m probably going to do this in both English and my native language that is French. Maybe also other languages too.
|
||
And that’s where I lost my motivation. Once again. I have not written anything since last winter, because, you see, I realized that it was not going anywhere in its current form.</p>
|
||
|
||
<p><a href="/zarmina-3-0-rewrite-again/">Read More...</a></p>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
<ul class="pagination">
|
||
<li class="page-item">
|
||
<a href="/" class="page-link" aria-label="First"><span aria-hidden="true">««</span></a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="/" class="page-link" aria-label="Previous"><span aria-hidden="true">«</span></a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a class="page-link" href="/">1</a>
|
||
</li>
|
||
<li class="page-item active">
|
||
<a class="page-link" href="/page/2/">2</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a class="page-link" href="/page/3/">3</a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="/page/3/" class="page-link" aria-label="Next"><span aria-hidden="true">»</span></a>
|
||
</li>
|
||
<li class="page-item">
|
||
<a href="/page/3/" class="page-link" aria-label="Last"><span aria-hidden="true">»»</span></a>
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
|
||
</main>
|
||
<footer>Copyright © 2020 J.P. Savard</footer>
|
||
</body>
|
||
</html>
|