askiiart/askiiart-net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add ~~fonts~~ foooooonts!

Browse source
This commit is contained in:
askiiart 2024-03-05 15:58:07 -06:00
parent 8bccc2a611
commit b976e6f768
Signed by untrusted user who does not match committer: askiiart
GPG key ID: BC3800E55FB54D67
13 changed files with 102 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

6
blog/feed.xml
View file

@ -5,7 +5,7 @@
<title>askiiart.net blog</title>
<description>The feed for askiiart.net but just the blog, I guess</description>
<link>https://askiiart.net/blog/</link>
<lastBuildDate>Wed, 28 Feb 2024 19:24:43 +0000</lastBuildDate>
<lastBuildDate>Tue, 05 Mar 2024 21:57:23 +0000</lastBuildDate>
<item>
<title>300</title>
<link>https://askiiart.net/til/300.html</link>
@ -14,6 +14,10 @@
<title>Marlin Boot Animations</title>
<link>https://askiiart.net/til/marlin-boot-animations.html</link>
</item>
<item>
<title>Foooooonts!</title>
<link>https://askiiart.net/til/foooooonts.html</link>
</item>
</channel>
</rss>

31
blog/foooooonts.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
<link rel="icon" href="/assets/askiiart.gif" type="image/icon">
<title>Foooooonts!</title>
<link href="/style.css" type="text/css" rel="stylesheet" />
<link href="/prism.css" rel="stylesheet" />
</head>
<body class="line-numbers">
<h1 id="foooooonts">Foooooonts!</h1>
<p>site update: uh yeah there's fonts now</p>
<hr />
<p>i've got <a
href="https://brailleinstitute.org/freefont">Atkinson
Hyperlegible</a> for text, and <a
href="https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode">FiraCode
Nerd Mono</a> for code now, so it'll look the same on all
computers, not beautiful or horrific depending on what fonts
your system has installed.</p>
<p>also uh turns out the <code>code</code> and <code>pre</code>
stuff in my CSS file was completely useless since it got
overridden by <a href="https://prismjs.com/">prism.js</a>
anyways, so that's gone now</p>
<p>yeah that's it, byeeeeee</p>
<script src="/prism.js"></script>
</body>
<footer>
<p><a href="https://git.askiiart.net/askiiart/askiiart-net">code</a> (<a href="https://github.com/askiiart/askiiart.github.io">mirror</a>)&emsp;<a href="/feed.xml">rss</a>&emsp;<a href="/pubkey.asc">pubkey</a></p>
</footer>
</html>

11
blog/foooooonts.md Normal file
View file

@ -0,0 +1,11 @@
# Foooooonts!
site update: uh yeah there's fonts now
---
i've got [Atkinson Hyperlegible](https://brailleinstitute.org/freefont) for text, and [FiraCode Nerd Mono](https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode) for code now, so it'll look the same on all computers, not beautiful or horrific depending on what fonts your system has installed.
also uh turns out the `code` and `pre` stuff in my CSS file was completely useless since it got overridden by [prism.js](https://prismjs.com/) anyways, so that's gone now
yeah that's it, byeeeeee

60
blog/marlin-boot-animations.html
View file

@ -54,9 +54,9 @@
<span id="cb1-33"><a href="#cb1-33" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-34"><a href="#cb1-34" aria-hidden="true" tabindex="-1"></a><span class="pp">#define CUSTOM_BOOTSCREEN_BMPWIDTH </span><span class="dv">128</span></span>
<span id="cb1-35"><a href="#cb1-35" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-36"><a href="#cb1-36" aria-hidden="true" tabindex="-1"></a>hello<span class="op">-&gt;</span>hi<span class="op">();</span></span>
<span id="cb1-37"><a href="#cb1-37" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-38"><a href="#cb1-38" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-39"><a href="#cb1-39" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-40"><a href="#cb1-40" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-41"><a href="#cb1-41" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -140,11 +140,11 @@
<span id="cb1-119"><a href="#cb1-119" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-120"><a href="#cb1-120" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-121"><a href="#cb1-121" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-122"><a href="#cb1-122" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-123"><a href="#cb1-123" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-124"><a href="#cb1-124" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp0<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-125"><a href="#cb1-125" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-126"><a href="#cb1-126" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-122"><a href="#cb1-122" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-123"><a href="#cb1-123" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-124"><a href="#cb1-124" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-125"><a href="#cb1-125" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-126"><a href="#cb1-126" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp0<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-127"><a href="#cb1-127" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-128"><a href="#cb1-128" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-129"><a href="#cb1-129" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -228,11 +228,11 @@
<span id="cb1-207"><a href="#cb1-207" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-208"><a href="#cb1-208" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-209"><a href="#cb1-209" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-210"><a href="#cb1-210" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-211"><a href="#cb1-211" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-212"><a href="#cb1-212" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp1<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-213"><a href="#cb1-213" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-214"><a href="#cb1-214" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-210"><a href="#cb1-210" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-211"><a href="#cb1-211" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-212"><a href="#cb1-212" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-213"><a href="#cb1-213" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-214"><a href="#cb1-214" aria-hidden="true" tabindex="-1"></a><span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> custom_start_bmp1<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-215"><a href="#cb1-215" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-216"><a href="#cb1-216" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-217"><a href="#cb1-217" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
@ -316,24 +316,26 @@
<span id="cb1-295"><a href="#cb1-295" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-296"><a href="#cb1-296" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-297"><a href="#cb1-297" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-298"><a href="#cb1-298" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-299"><a href="#cb1-299" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-300"><a href="#cb1-300" aria-hidden="true" tabindex="-1"></a><span class="pp">#ifdef CUSTOM_BOOTSCREEN_ANIMATED_FRAME_TIME</span></span>
<span id="cb1-298"><a href="#cb1-298" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-299"><a href="#cb1-299" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span></span>
<span id="cb1-300"><a href="#cb1-300" aria-hidden="true" tabindex="-1"></a> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span><span class="op">,</span> <span class="bn">0xFF</span> <span class="op">};</span></span>
<span id="cb1-301"><a href="#cb1-301" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-302"><a href="#cb1-302" aria-hidden="true" tabindex="-1"></a> <span class="co">// Each frame has its own custom duration</span></span>
<span id="cb1-303"><a href="#cb1-303" aria-hidden="true" tabindex="-1"></a> <span class="at">const</span> <span class="dt">boot_frame_t</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-304"><a href="#cb1-304" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp0<span class="op">,</span> <span class="dv">600</span> <span class="op">},</span></span>
<span id="cb1-305"><a href="#cb1-305" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp1<span class="op">,</span> <span class="dv">700</span> <span class="op">},</span></span>
<span id="cb1-306"><a href="#cb1-306" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp<span class="op">,</span> <span class="dv">500</span> <span class="op">},</span></span>
<span id="cb1-307"><a href="#cb1-307" aria-hidden="true" tabindex="-1"></a> <span class="op">};</span></span>
<span id="cb1-308"><a href="#cb1-308" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-309"><a href="#cb1-309" aria-hidden="true" tabindex="-1"></a><span class="pp">#else</span></span>
<span id="cb1-302"><a href="#cb1-302" aria-hidden="true" tabindex="-1"></a><span class="pp">#ifdef CUSTOM_BOOTSCREEN_ANIMATED_FRAME_TIME</span></span>
<span id="cb1-303"><a href="#cb1-303" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-304"><a href="#cb1-304" aria-hidden="true" tabindex="-1"></a> <span class="co">// Each frame has its own custom duration</span></span>
<span id="cb1-305"><a href="#cb1-305" aria-hidden="true" tabindex="-1"></a> <span class="at">const</span> <span class="dt">boot_frame_t</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-306"><a href="#cb1-306" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp0<span class="op">,</span> <span class="dv">600</span> <span class="op">},</span></span>
<span id="cb1-307"><a href="#cb1-307" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp1<span class="op">,</span> <span class="dv">700</span> <span class="op">},</span></span>
<span id="cb1-308"><a href="#cb1-308" aria-hidden="true" tabindex="-1"></a> <span class="op">{</span> custom_start_bmp<span class="op">,</span> <span class="dv">500</span> <span class="op">},</span></span>
<span id="cb1-309"><a href="#cb1-309" aria-hidden="true" tabindex="-1"></a> <span class="op">};</span></span>
<span id="cb1-310"><a href="#cb1-310" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-311"><a href="#cb1-311" aria-hidden="true" tabindex="-1"></a> <span class="co">// Each frame shows for CUSTOM_BOOTSCREEN_FRAME_TIME</span></span>
<span id="cb1-312"><a href="#cb1-312" aria-hidden="true" tabindex="-1"></a> <span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> <span class="op">*</span> <span class="at">const</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-313"><a href="#cb1-313" aria-hidden="true" tabindex="-1"></a> custom_start_bmp<span class="op">,</span> custom_start_bmp0<span class="op">,</span> custom_start_bmp1<span class="op">};</span></span>
<span id="cb1-314"><a href="#cb1-314" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-315"><a href="#cb1-315" aria-hidden="true" tabindex="-1"></a><span class="pp">#endif</span></span></code></pre></div>
<span id="cb1-311"><a href="#cb1-311" aria-hidden="true" tabindex="-1"></a><span class="pp">#else</span></span>
<span id="cb1-312"><a href="#cb1-312" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-313"><a href="#cb1-313" aria-hidden="true" tabindex="-1"></a> <span class="co">// Each frame shows for CUSTOM_BOOTSCREEN_FRAME_TIME</span></span>
<span id="cb1-314"><a href="#cb1-314" aria-hidden="true" tabindex="-1"></a> <span class="at">const</span> <span class="dt">unsigned</span> <span class="dt">char</span> <span class="op">*</span> <span class="at">const</span> custom_bootscreen_animation<span class="op">[]</span> PROGMEM <span class="op">=</span> <span class="op">{</span></span>
<span id="cb1-315"><a href="#cb1-315" aria-hidden="true" tabindex="-1"></a> custom_start_bmp<span class="op">,</span> custom_start_bmp0<span class="op">,</span> custom_start_bmp1<span class="op">};</span></span>
<span id="cb1-316"><a href="#cb1-316" aria-hidden="true" tabindex="-1"></a></span>
<span id="cb1-317"><a href="#cb1-317" aria-hidden="true" tabindex="-1"></a><span class="pp">#endif</span></span></code></pre></div>
<p><strong>Here's a breakdown of that.</strong></p>
<h3 id="the-start">The start</h3>
<ul>

2
blog/marlin-boot-animations.md
View file

@ -42,6 +42,8 @@ Here's an example of an animated `_Bootscreen.h`:
#define CUSTOM_BOOTSCREEN_BMPWIDTH 128
hello->hi();
const unsigned char custom_start_bmp[] PROGMEM = {
0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF,
0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF, 0xFF,