techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.9K
active users

#genuary25

0 posts0 participants0 posts today
d17e (David Vandenbogaerde)<p>(originally posted on 2025-02-10) - Genuary 25 #29: What if? What if we could put HTML into these shapes? <br>Could this be a new way of laying out grids? Out with masonry, in with bentoboxes I say. <br> <br>To be continued... <br> <br>Visit <a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/29</span><span class="invisible"></span></a> for the interactive version. <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary29" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary29</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/bentobox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bentobox</span></a> <a href="https://mastodon.social/tags/swap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>swap</span></a> <a href="https://mastodon.social/tags/divide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>divide</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/29</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>image is also just a grid of pixels. <br> <br>That's when I realised I'm probably far from done with grids... <br> <br>Visit <a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/29</span><span class="invisible"></span></a> for an interactive version. <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary29" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary29</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/bentobox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bentobox</span></a> <a href="https://mastodon.social/tags/swap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>swap</span></a> <a href="https://mastodon.social/tags/divide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>divide</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/29</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>grounbreaking, but once you want to inset your shape and want to give it rounded corners, that becomes a whole different story. <br> <br>Pretty sure that this is one of the prompts that will have its tentacles spreading throughout the coming year... <br> <br>Visit <a href="https://genuary25.d17e.dev/prompt/29" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/29</span><span class="invisible"></span></a> for the interactive version. <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary29" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary29</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/bentobox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bentobox</span></a> <a href="https://mastodon.social/tags/swap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>swap</span></a> <a href="https://mastodon.social/tags/divide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>divide</span></a></p>
d17e (David Vandenbogaerde)<p>variations <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>you'll need to run the project locally. The ffmpeg recorder is only available in development mode, as the wasm file is around 30MB. Didn't want to be pushing that to everybody's phone... Code is on my [GitHub](<a href="https://github.com/dxviie" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/dxviie</span><span class="invisible"></span></a>). Have fun! <br> <br>-&gt; go to [genuary.d17e.dev](<a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a>) for endless variations <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a></p>
d17e (David Vandenbogaerde)<p>but more on those later. <br> <br>Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?! <br>But I'll let you decide on that... <br> <br>-&gt; go to [genuary.d17e.dev](<a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a>) for endless variations <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>but more on those later. <br> <br>Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?! <br>But I'll let you decide on that... <br> <br>-&gt; go to [genuary.d17e.dev](<a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a>) for endless variations <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>but more on those later. <br> <br>Inadvertently I also made the debug mode look a lot more informative and dare I say... prettier?! <br>But I'll let you decide on that... <br> <br>-&gt; go to [genuary.d17e.dev](<a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a>) for endless variations <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-19) - Genuary 25 #16: debug=true And here's a little look behind the scenes... <br> <br>Check out genuary.d17e.dev for endless variations. <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-18) - Genuary 25 #16: 3-pigment palette A larger grid and 3 pigment sources. <br> <br>Go to genuary.d17e.dev to see it in action (straight from the source, free from any video compression) <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>output however, is an ever changing generated palette of colors. <br> <br>Go to genuary.d17e.dev to see it in action and roll the dice. <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary16" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary16</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a> <a href="https://mastodon.social/tags/gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gradients</span></a> <a href="https://mastodon.social/tags/mixbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mixbox</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/16" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/16</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary5</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/05" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/05</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-08) - Genuary 25 #05: Tiny Pink Isometric Art A little bit of trigonometry and some SVG shapes go a long way... <br>Roll the dice over at [genuary.d17e.dev](<a href="https://genuary25.d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev</span><span class="invisible"></span></a>) for "endless variations" <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary5</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/05" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/05</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>that's not uncommon in games. That or all the cute dioramas we can find all over the internet just by googling for it. <br> <br>That was enough of reason for me to shortlist this one and see what I could get my browser to with some simple SVG shapes. Just as for the first prompt, you can find the 'live', 'endlessly different' version on [genuary.d17e.dev](<a href="https://genuary25.d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev</span><span class="invisible"></span></a>) <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/genuary5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary5</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svelte</span></a> <a href="https://mastodon.social/tags/codeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codeart</span></a> <a href="https://mastodon.social/tags/svgart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgart</span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-04) - Genuary 25 #01: Or a bit of both? Visit [genuary.d17e.dev](<a href="https://genuary.d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev</span><span class="invisible"></span></a>) for endless interactive variations... <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/01" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/01</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-04) - Genuary 25 #01: Or a bit of both? Visit [genuary.d17e.dev](<a href="https://genuary.d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev</span><span class="invisible"></span></a>) for endless interactive variations... <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/01" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/01</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-03) - Genuary 25 #01: Or horizontal... Visit [genuary.d17e.dev](<a href="https://genuary.d17e.dev" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary.d17e.dev</span><span class="invisible"></span></a>) for endless interactive variations... <br> <br><a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a><br> <br><a href="https://genuary25.d17e.dev/prompt/01" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/01</span><span class="invisible"></span></a></p>
d17e (David Vandenbogaerde)<p>(originally posted on 2025-01-02) - Genuary 25 #01: Vertical lines only <a href="https://mastodon.social/tags/genuary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary</span></a> <a href="https://mastodon.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> <a href="https://mastodon.social/tags/prompt01" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>prompt01</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <br> <br><a href="https://genuary25.d17e.dev/prompt/01" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">genuary25.d17e.dev/prompt/01</span><span class="invisible"></span></a></p>
Yann Le Gall<p><a href="https://genart.social/tags/genuary2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary2025</span></a> <a href="https://genart.social/tags/genuary25" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>genuary25</span></a> Day 25: "One line that may or may not intersect itself."</p>