<div dir="ltr"><div class="gmail_default" style="font-size:large">Nice game, but without trusting the site to run scripts (I use noscript), while the boxes resize, no font changes.  The approach of the site I mentioned doesn't require any trust for the resizing/changing of fonts/images.  </div></div><br><div class="gmail_quote gmail_quote_container"><div dir="ltr" class="gmail_attr">On Tue, Jan 6, 2026 at 3:37 PM Ron <<a href="mailto:ron@bclug.ca">ron@bclug.ca</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Ken Shaffer wrote on 2026-01-06 14:50:<br>
<br>
> Ron, you seem to be wanting a font default for different sized screens <br>
<br>
I thought about going that route, but no, it's not worth the effort; a <br>
single font-size was the goal.<br>
<br>
<br>
> See sites like <a href="http://thetasystems.net" rel="noreferrer" target="_blank">thetasystems.net</a> <<a href="http://thetasystems.net" rel="noreferrer" target="_blank">http://thetasystems.net</a>> for <br>
> an example of such "responsiveness" to screen size (change your firefox <br>
> window size to see the changes in font and images).<br>
That's a bit clunky implementation using (probably) media-query.<br>
<br>
<br>
Better to use font-size=#vw (viewport width percentage units). Then <br>
there's a beautiful change in size at each step of re-sizing - it's a <br>
continuum, not stepped.<br>
<br>
<br>
Of course, then one should clamp(min, default, max) the font-size when <br>
using vh units so things don't get too small / large.<br>
<br>
And that's where the effort > value.<br>
<br>
<br>
See the squares on this little memory game for constant resizing feature:<br>
<br>
<a href="http://react-dev.bclug.ca:3000/memory-game" rel="noreferrer" target="_blank">http://react-dev.bclug.ca:3000/memory-game</a><br>
<br>
(Damn, that game's kinda fun & addictive.)<br>
<br>
<br>
_______________________________________________<br>
sf-lug mailing list<br>
<a href="mailto:sf-lug@linuxmafia.com" target="_blank">sf-lug@linuxmafia.com</a><br>
<a href="http://linuxmafia.com/mailman/listinfo/sf-lug" rel="noreferrer" target="_blank">http://linuxmafia.com/mailman/listinfo/sf-lug</a><br>
SF-LUG is at <a href="http://www.sf-lug.org/" rel="noreferrer" target="_blank">http://www.sf-lug.org/</a> <br>
</blockquote></div>