<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>CSS - Tag - Tracy Atteberry</title><link>https://tracyatteberry.com/tags/css/</link><description>CSS - Tag - Tracy Atteberry</description><generator>Hugo -- gohugo.io</generator><language>en-us</language><managingEditor>tracy@magicbydesign.com (Tracy Atteberry)</managingEditor><webMaster>tracy@magicbydesign.com (Tracy Atteberry)</webMaster><lastBuildDate>Thu, 02 Oct 2025 00:00:00 +0000</lastBuildDate><image><url>https://tracyatteberry.com/images/feed-icon.jpg</url><title>CSS - Tag - Tracy Atteberry</title><link>https://tracyatteberry.com/tags/css/</link></image><atom:link href="https://tracyatteberry.com/tags/css/" rel="self" type="application/rss+xml"/><item><title>Building a daily storytelling puzzle game</title><link>https://tracyatteberry.com/portfolio/stormoji/</link><pubDate>Thu, 02 Oct 2025 00:00:00 +0000</pubDate><author>Tracy Atteberry</author><guid>https://tracyatteberry.com/portfolio/stormoji/</guid><description><![CDATA[<div class="featured-image">
                <img src="https://tracyatteberry.com/posts/stormoji/Stormoji_top.png" referrerpolicy="no-referrer">
            </div><p>Stormoji is a daily privacy-first creative storytelling puzzle game. It
combines the daily engagement of Wordle with the creative freedom of
storytelling. The result is a single-page web application where players see
four random emojis each day and weave them into imaginative narratives.</p>
<p>What started as a simple idea
evolved into a technical exploration of deterministic algorithms,
privacy-first architecture, and the challenges of creating consistent
experiences without a backend.</p>
<h2 id="engineering-highlights">Engineering Highlights</h2>
<ul>
<li><strong>Privacy-first design</strong>: No accounts, no servers, no data collection</li>
<li><strong>Data persistence</strong>: Stories saved in localStorage for up to six months</li>
<li><strong>Deterministic emoji selection</strong>: Date-based seeding algorithm</li>
<li><strong>Responsive UI</strong>: Clean and intuitive interface for storytelling</li>
<li><strong>Static site deployment</strong>: Fast and reliable hosting with minimal costs</li>
</ul>
<p>This project showcases how to build engaging web applications with thoughtful
and minimalist technology choices with a focus on user privacy.</p>
<hr>
<a href="/posts/stormoji" class="portfolio-link post-link">
  <i class="fas fa-book-open"></i>
  Technical Deep Dive
</a>
]]></description></item></channel></rss>