toasters.rocks/page/2/index.html

487 lines
14 KiB
HTML
Raw Normal View History

2020-11-29 03:26:44 +00:00
<!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/" />
2020-11-29 03:46:55 +00:00
<meta property="og:updated_time" content="2020-11-28T21:15:50-05:00" />
2020-11-29 03:26:44 +00: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&rsquo;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>
2020-11-29 03:46:55 +00:00
<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&rsquo;d immediately think PHP, Node.js, Ruby, C maybe, but what if I tell you&hellip; Commodore BASIC? Sure, just get a Commodore 64 with a TCP/IP stack and write a web server for it you&rsquo;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>
2020-11-29 03:26:44 +00:00
<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&rsquo;m not that good at drawing, so&hellip;
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&rsquo;s simple to make, it doesn&rsquo;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&#39;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&rsquo;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&rsquo;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&rsquo;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&rsquo;s try this. It was a bitch to install, though, as if Murphy&rsquo;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&rsquo;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&rsquo;s not the complete game but I hope you&rsquo;ll like it :) It&rsquo;s been done with Ren&rsquo;Py cause it&rsquo;s gonna be the intro to the game and I wasn&rsquo;t able to get a good video editing software working on my computer&hellip; You can see it straight on the game&rsquo;s page or if it&rsquo;s buggy there&rsquo;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&rsquo;m keeping you updated, so I&rsquo;m keeping a dev log here on Patreon. Everything you need to know, so it sounds like I&rsquo;m actually active at doing something and you can learn from my errors. Don&rsquo;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&rsquo;m probably going to do this in both English and my native language that is French. Maybe also other languages too.
And that&rsquo;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">&laquo;&laquo;</span></a>
</li>
<li class="page-item">
<a href="/" class="page-link" aria-label="Previous"><span aria-hidden="true">&laquo;</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">&raquo;</span></a>
</li>
<li class="page-item">
<a href="/page/3/" class="page-link" aria-label="Last"><span aria-hidden="true">&raquo;&raquo;</span></a>
</li>
</ul>
</main>
<footer>Copyright © 2020 J.P. Savard</footer>
</body>
</html>