pixelart on maik.io https://maik.io/tags/pixelart/ Recent content in pixelart on maik.io maik.io de-de Mon, 16 Mar 2026 09:25:57 +0000 Panda Day https://maik.io/notes/2026-03-16-panda-day/ Mon, 16 Mar 2026 09:25:57 +0000 https://maik.io/notes/2026-03-16-panda-day/ <p>Der eine oder andere hat vermutlich bemerkt, dass ich Hugo als CMS nutze. Hugo bringt im Kern bereits <a href="https://github.com/bep/goat" target="_blank" >GoAT</a> mit, ein ASCII-Tool für Diagramme. Damit lassen sich nicht nur klassische Schaubilder erstellen, sondern auch Pixel- oder Dotgrafiken. Damit habe ich ein wenig experimentiert.</p> <p>Happy <a href="https://www.kuriose-feiertage.de/tag-des-pandas/" target="_blank" >Panda Day</a>!</p> <div class="goat svg-container "> <svg xmlns="http://www.w3.org/2000/svg" font-family="ui-monospace, SFMono-Regular, 'SF Mono',Menlo, Monaco, Consolas, monospace;" viewBox="0 0 368 409" > <g transform='translate(8,16)'> <circle cx='48' cy='112' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='192' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='48' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='64' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='80' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='272' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='288' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='64' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='64' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='256' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='272' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='288' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='80' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='256' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='272' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='288' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='96' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='256' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='272' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='112' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='128' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='144' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='160' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='176' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='192' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='208' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='224' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='224' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='224' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='224' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='64' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='192' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='240' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='64' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='80' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='192' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='256' cy='352' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='32' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='64' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='96' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='112' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='128' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='144' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='160' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='176' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='192' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='320' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='272' cy='336' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='48' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='240' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='256' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='272' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='288' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='288' cy='304' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='304' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='304' cy='224' r='6' stroke='currentColor' fill='currentColor'></circle> <circle cx='320' cy='208' r='6' stroke='currentColor' fill='currentColor'></circle> </g> <style> svg circle[fill="#fff"] { fill: none; stroke: var(--primary); } svg circle[fill="currentColor"] { fill: var(--primary); stroke: var(--primary); } </style> </svg> </div> Der eine oder andere hat vermutlich bemerkt, dass ich Hugo als CMS nutze. Hugo bringt im Kern bereits GoAT mit, ein ASCII-Tool für Diagramme. Damit lassen sich nicht nur klassische Schaubilder erstellen, sondern auch Pixel- oder Dotgrafiken. Damit habe ich ein wenig experimentiert.

Happy Panda Day!

]]>

Vielen Dank fürs Lesen! Wenn du Lust auf noch mehr Gedanken, Updates und ab und zu einen Blick hinter die Kulissen hast, folge mir doch gern auf Mastodon oder Instagram.

Hast du Fragen oder Feedback? Schreib mir gern eine E-Mail.

]]> Floor796 https://maik.io/notes/2025-08-08-floor796/ Fri, 08 Aug 2025 21:44:06 +0200 https://maik.io/notes/2025-08-08-floor796/ <p>Wer ein paar Minuten übrig hat, sollte »<a href="https://floor796.com/" title="Floor796" target="_blank" >Floor796</a>« besuchen. Dort wimmelt es vor Anspielungen auf Filme, Serien, Spiele und Musik. Ein Fest für alle, die Popkultur lieben.</p> Wer ein paar Minuten übrig hat, sollte »Floor796« besuchen. Dort wimmelt es vor Anspielungen auf Filme, Serien, Spiele und Musik. Ein Fest für alle, die Popkultur lieben.

]]>

Vielen Dank fürs Lesen! Wenn du Lust auf noch mehr Gedanken, Updates und ab und zu einen Blick hinter die Kulissen hast, folge mir doch gern auf Mastodon oder Instagram.

Hast du Fragen oder Feedback? Schreib mir gern eine E-Mail.

]]> Four-Byte-Burger https://maik.io/notes/2023-04-23-four-byte-burger/ Sun, 23 Apr 2023 19:50:00 +0200 https://maik.io/notes/2023-04-23-four-byte-burger/ <p>Ich habe <a href="http://xboxahoy.com/" target="_blank" >Ahoy</a> sehr gerne dabei zugesehen, wie er seinen Four-Byte-Burger rekonstruiert hat. Schaut euch das <a href="https://youtube.com/watch?v=i4EFkspO5p4" title="Four-Byte Burger on YouTube" target="_blank" >Video</a> an, wenn ihr Pixelgrafiken mögt.</p> <p>Es ist ein wirklich schönes Bild.</p> <p><img loading="lazy" src="http://xboxahoy.com/images/four-byte-burger.png#center" alt="four-byte-burger" /> </p> Ich habe Ahoy sehr gerne dabei zugesehen, wie er seinen Four-Byte-Burger rekonstruiert hat. Schaut euch das Video an, wenn ihr Pixelgrafiken mögt.

Es ist ein wirklich schönes Bild.

four-byte-burger

]]>

Vielen Dank fürs Lesen! Wenn du Lust auf noch mehr Gedanken, Updates und ab und zu einen Blick hinter die Kulissen hast, folge mir doch gern auf Mastodon oder Instagram.

Hast du Fragen oder Feedback? Schreib mir gern eine E-Mail.

]]>