<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Fun on grainworks</title><link>https://grainworks.tech/tags/fun/</link><description>Recent content in Fun on grainworks</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Wed, 10 Jun 2026 16:00:00 -0400</lastBuildDate><atom:link href="https://grainworks.tech/tags/fun/index.xml" rel="self" type="application/rss+xml"/><item><title>Flipoff</title><link>https://grainworks.tech/projects/flipoff/</link><pubDate>Wed, 10 Jun 2026 16:00:00 -0400</pubDate><guid>https://grainworks.tech/projects/flipoff/</guid><description>&lt;p&gt;&lt;strong&gt;Status: Live (locally).&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;An interactive web project — CSS animations, JavaScript interactions, and a full-resolution screenshot. Sometimes a project is just about craft: making something that feels good to interact with.&lt;/p&gt;
&lt;h2 id="source-files"&gt;Source Files&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Repo:&lt;/strong&gt; &lt;code&gt;/Volumes/Mini_1Tb/Projects/flipoff/&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;README:&lt;/strong&gt; Full project description in the repo&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Screenshot:&lt;/strong&gt; &lt;code&gt;screenshot.png&lt;/code&gt; (800KB, shows the current state)&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="tech-stack"&gt;Tech Stack&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Vanilla HTML/CSS/JS&lt;/li&gt;
&lt;li&gt;No frameworks, no build step&lt;/li&gt;
&lt;li&gt;CSS-driven animations&lt;/li&gt;
&lt;li&gt;Responsive layout&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="whats-in-there"&gt;What&amp;rsquo;s in There&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;index.html&lt;/code&gt; — main page&lt;/li&gt;
&lt;li&gt;&lt;code&gt;css/&lt;/code&gt; — stylesheets&lt;/li&gt;
&lt;li&gt;&lt;code&gt;js/&lt;/code&gt; — interaction logic&lt;/li&gt;
&lt;li&gt;&lt;code&gt;screenshot.png&lt;/code&gt; — current visual state&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="status"&gt;Status&lt;/h2&gt;
&lt;p&gt;Actively being developed. Check the repo for the latest.&lt;/p&gt;</description></item></channel></rss>