Terry Hancock (Director/Producer)<p><span>Worked on the </span><a href="https://lunatics.tv" rel="nofollow noopener noreferrer" target="_blank"><span>Lunatics release page</span></a><span> CSS a little.<br><br>I had noticed that the page works very poorly on e-ink devices like my InkPad 3 Color reader's browser, because of the animated background effect, which I'm still pretty attached to.<br><br>It moves pretty slowly, but it still created updates with constant flickering as my e-reader tried to keep up.<br><br>Of course, the page is really designed to distribute or stream video, so it's normally intended for full-motion video browsers. The video is never going to work right on an e-reader.<br><br>But there's also credits and other text information on the site.<br><br>So, I looked up methods to fix this with CSS media queries, and I think it's fixed now.<br><br>It now only animates if the browser reports media type "screen" and feature "update: fast".<br><br>And this correctly suppresses animation now on my InkPad 3 Color e-reader. If you happen to have a similar device or other oddball browser, I'd be interested if the page is working for you.<br><br>Still working on honoring other parameters like "prefers-reduced-motion", "prefers-color-scheme", and "prefers-contrast". I would like to get those working as well.<br><br>Ultimately, I may add a Javascript button to change the behavior manually, but the page currently is HTML and CSS only to keep it lighter weight.<br><br>I did also test it in a text-only browser, w3m, where it looks pretty correct. Haven't tried other ones.<br> </span><a href="https://m.filmfreedom.net/tags/LunaticsProject" rel="nofollow noopener noreferrer" target="_blank">#LunaticsProject</a><span> </span><a href="https://m.filmfreedom.net/tags/WebDesign" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a><span> </span><a href="https://m.filmfreedom.net/tags/CSS" rel="nofollow noopener noreferrer" target="_blank">#CSS</a><span> </span><a href="https://m.filmfreedom.net/tags/MediaQueries" rel="nofollow noopener noreferrer" target="_blank">#MediaQueries</a><span> </span><a href="https://m.filmfreedom.net/tags/Testing" rel="nofollow noopener noreferrer" target="_blank">#Testing</a></p>