toasters.rocks/page/2/index.html

238 lines
13 KiB
HTML
Raw Normal View History

<!doctype html><html lang=en><head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel="shortcut icon" href=/img/icon.png type=image/png>
<meta name=generator content="Hugo 0.91.2">
<meta property="og:title" content="Welcome.">
<meta property="og:description" content="Toasters Rocks: J.P.'s stupid random crap">
<meta property="og:type" content="website">
<meta property="og:url" content="http://toasters.rocks/"><meta property="og:image" content="http://toasters.rocks/img/bg.png">
<meta name=twitter:card content="summary_large_image">
<meta name=twitter:image content="http://toasters.rocks/img/bg.png">
<meta name=twitter:title content="Welcome.">
<meta name=twitter:description content="Toasters Rocks: J.P.'s stupid random crap">
<meta name=theme-color content="#660066">
<title>Welcome. - toasters rocks</title>
<link rel=stylesheet href=http://toasters.rocks/css/toastersrocks.min.css>
</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:#fafafa class="fab fa-github"></i>
<span style=color:#fafafa>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>
<article>
<div>
<h2><a class=title href=/miyuki-2019/>Miyuki 2019</a></h2>
<p></p>
<i class="far fa-calendar-alt"></i>
<time datetime=2020-01-01>January 1, 2020</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>Now this is a lot closer to the style I&rsquo;m shooting for on Zarmina, which is now going to be a visual novel made in an actual visual novel engine, if you don&rsquo;t know already. I love how it turned out: Minty Root suggested to make the lines thicker (that gives it a nice style), no shading (I think that adds to it), she now have a bow (although she isn&rsquo;t gonna wear it until later in the story), the jewel is a bit more detailed (it&rsquo;s a bitch to draw lol), her skirt is a bit shorter, boobs are a bit more, um, detailed (we&rsquo;re shooting anime style after all!</p>
<p><a href=/miyuki-2019/>Read More...</a></p>
</article>
<article style=background-image:url(/images/2019/12/photo-1461749280684-dccba630e2f6.jpg)>
<div class=metadata style="height:calc((var(--height) - 2em) * .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&mldr; 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>
<article style=background-image:url(/images/2019/12/ponylife98-000-1.png)>
<div class=metadata style="height:calc((var(--height) - 2em) * .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&mldr;
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) * .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&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&mldr; 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.
2020-11-29 03:26:44 +00:00
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>
<ul class="pagination pagination-default">
<li class=page-item>
<a href=/ aria-label=First class=page-link role=button><span aria-hidden=true>&#171;&#171;</span></a>
</li>
<li class=page-item>
<a href=/ aria-label=Previous class=page-link role=button><span aria-hidden=true>&#171;</span></a>
</li>
<li class=page-item>
<a href=/ aria-label="Page 1" class=page-link role=button>1</a>
</li>
<li class="page-item active">
<a aria-current=page aria-label="Page 2" class=page-link role=button>2</a>
</li>
<li class=page-item>
<a href=/page/3/ aria-label="Page 3" class=page-link role=button>3</a>
</li>
<li class=page-item>
<a href=/page/3/ aria-label=Next class=page-link role=button><span aria-hidden=true>&#187;</span></a>
</li>
<li class=page-item>
<a href=/page/3/ aria-label=Last class=page-link role=button><span aria-hidden=true>&#187;&#187;</span></a>
</li>
</ul>
</main>
<footer>Copyright © 2020 J.P. Savard - Theme by <a href=https://github.com/juju2143/hugo-theme-toastersrocks>J. P. Savard</a> - Powered by Hugo 0.91.2</footer>
</body>
</html>