tilde/_events/new_year_2026.html

---
layout: base
title: New Year, New You?
subtitle: Burst From Your Cocoon!
open: Jan 1st - Jan 22nd
style: src/css/events/ny-26.css
started: false
permalink: /events/new_year_2026.html
---

<div id="page">
    <header>
        <hgroup>
            <h1>{{ page.title }}</h1>
            <p class="subtitle">{{ page.subtitle }}</p>
            <p>{{ page.open }}</p>
        </hgroup>
    </header>

    <main>
        <hgroup>
            <h2>Prompts</h2>
            <p>You can do one or both of them!</p>
        </hgroup>
        <div class="grid">
            <div>
                <h3>Blog / Page</h3>
                <p>
                    Make a page or write a blog post that explores
                    a reflection on past decisions (good or bad),
                    or brainstorms / shares plans for the future.
                </p>
            </div>
            <div>
                <h3>Pixel Art</h3>
                <p>
                    Customize your own Butterfly or Moth!
                </p>
                <p>
                    You can make them static or animated.
                    Why not put a jar for it on your site too!
                </p>
                <p>
                    Get the assets and code <a href="#tutorial">here</a>
                </p>
            </div>
        </div>

        <a class="note" href="#submit">Submit<br>Entry</a>
        <details>
            <summary>Credits</summary>
            <ul>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/grass-wheat-field-grain-agriculture-7216163/">Background Image</a>
                </li>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/rope-cord-line-491195/">Rope Image</a>
                </li>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/hardwood-lumber-softwood-timber-1853416/">Wood Image</a>
                </li>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/tree-stump-tree-mushroom-forest-4834978/">Tree Stump Image</a>
                </li>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/shabby-paper-block-torn-leaf-3350615/">Paper Image</a>
                </li>
                <li>
                    <a target="_blank" href="https://pixabay.com/photos/paper-memo-adhesive-tape-brown-3309927/">Taped Note Image</a>
                </li>
            </ul>
        </details>
    </main>
</div>

<aside id="stump">
    <div id="jar">
        <div class="insect moth">
            <img class="body" src={{ "src/img/new_year_26/Moth_Body.png" | relative_url }} alt="Moth Body">
            <div class="wings">
                <div class="left">
                    <img class="top wing" src={{ "src/img/new_year_26/Moth_Wing_Top_Left.png" | relative_url }} alt="Moth Wing">
                    <img class="bottom wing" src={{ "src/img/new_year_26/Moth_Wing_Bottom_Left.png" | relative_url }} alt="Moth Wing">
                </div>
                <div class="right">
                    <img class="top wing" src={{ "src/img/new_year_26/Moth_Wing_Top_Right.png" | relative_url }} alt="Moth Wing">
                    <img class="bottom wing" src={{ "src/img/new_year_26/Moth_Wing_Bottom_Right.png" | relative_url }} alt="Moth Wing">
                </div>
            </div>
        </div>

        <div class="insect butterfly">
            <img class="body" src={{ "src/img/new_year_26/Butterfly_Body.png" | relative_url }} alt="Butterfly">
            <div class="wings">
                <div class="left">
                    <img class="top wing" src={{ "src/img/new_year_26/Butterfly_Wing_Top_Left.png" | relative_url }} alt="Butterfly Wing">
                    <img class="bottom wing" src={{ "src/img/new_year_26/Butterfly_Wing_Bottom_Left.png" | relative_url }} alt="Butterfly Wing">
                </div>
                <div class="right">
                    <img class="top wing" src={{ "src/img/new_year_26/Butterfly_Wing_Top_Right.png" | relative_url }} alt="Butterfly Wing">
                    <img class="bottom wing" src={{ "src/img/new_year_26/Butterfly_Wing_Bottom_Right.png" | relative_url }} alt="Butterfly Wing">
                </div>
            </div>
        </div>

        <img class="insect moth" src={{ "src/img/new_year_26/Moth.png" | relative_url }} alt="Moth">
        <img class="insect butterfly" src={{ "src/img/new_year_26/Butterfly.png" | relative_url }} alt="Butterfly">
    </div>
</aside>

<aside id="submit">
    <div class="paper">
        <div class="inner">
            <div class="form">
                <!-- <iframe data-tally-src="https://tally.so/embed/A7zNWy?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" loading="lazy" width="100%" height="100" frameborder="0" marginheight="0" marginwidth="0" title="New Year, New You?"></iframe>
<script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe[data-tally-src]:not([src])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script> -->
            </div>
            <a class="note" href="#">Close</a>
        </div>
    </div>
</aside>

<aside id="tutorial">
    <div class="paper">
        <div class="inner">
            <div class="tutorial">

            </div>
            <a class="note" href="#">Close</a>
        </div>
    </div>
</aside>