add QR code to tony's shirt, add links for shop, wiki, and kofi to web page

NS.py

@@ -900,6 +900,22 @@ class Tony(Sprite):
         self.location.centerx = dsr.centerx
         self.board.location.centerx = self.location.centerx
 
+        # Add a QR code to the t-shirt
+        self.qr = Sprite(self)
+        frame = pygame.image.load(self.get_resource("qr/qr.png"))
+        frame = pygame.transform.smoothscale(frame, (165, 141))
+        self.qr.add_frame(frame)
+        self.qr.location.midtop = 410, 103
+        self.qr_text = Sprite(self, [6000, 1500, 1500, 1500, 1500])
+        if self.get_configuration("display", "qr-static"):
+            frames = load_frames(self.get_resource("qr/qr_text_static.png"), transparency=True)
+        else:
+            frames = load_frames(self.get_resource("qr/"), query="qr_text_[0-9].png", transparency=True)
+        for ii, frame in enumerate(frames):
+            frames[ii] = pygame.transform.smoothscale(frame, (165, int(165 / frame.get_width() * frame.get_height())))
+        self.qr_text.add_frames(frames)
+        self.qr_text.location.midtop = self.qr.location.midbottom
+
     def set_frameset(self, name):
         Sprite.set_frameset(self, name)
         self.get_current_frameset().reset()
@@ -928,11 +944,17 @@ class Tony(Sprite):
             save = self.get_display_surface()
             intermediate_surface = Surface(self.location.size, SRCALPHA)
             self.display_surface = intermediate_surface
+            self.qr.display_surface = intermediate_surface
+            self.qr_text.display_surface = intermediate_surface
             location_save = self.location.copy()
             self.location.topleft = 0, 0
+            self.qr.location.centerx = self.location.centerx + 10
+            self.qr_text.location.midtop = self.qr.location.midbottom
 
         # Do a regular Sprite animation update
         Sprite.update(self)
+        self.qr.update()
+        self.qr_text.update()
 
         # Blend the effect frame with the sprite frame
         if not self.get_configuration("system", "minimize-load-time"):

config

@@ -28,8 +28,9 @@ dimensions = 800, 450
 fullscreen = no
 attract-gif-alpha = 1.0
 effects = True
-alpha-effect-title = False
+alpha-effect-title = True
 scores-font = BPmono.ttf
+qr-static = True
 
 [system]
 # will force set display->effects to off

lib/pgfw

@@ -1 +1 @@
-Subproject commit 9c9926d9e04a15cf3612d0594a5e19e79682a619
+Subproject commit 2bbdc9a7028dd86c8a2f06a74403ffc5a1fe6d44

www/index.php

@@ -75,6 +75,79 @@
             <source src="www/scrapeboard_new.webm">
         </video>
 
+        <style>
+         /* LANDSCAPE */
+         @media (min-width: 800px)
+         {
+             div#links
+             {
+                 grid-template-columns: repeat(4, 1fr);
+                 font-size: 40px;
+             }
+             div#links a
+             {
+                 border-radius: 0px 0px 2em 2em;
+                 text-shadow: 0px -20px 4px rgba(0,0,0,1.0);
+             }
+         }
+
+         /* PORTRAIT */
+         @media (max-width: 800px)
+         {
+             div#links
+             {
+                 grid-template-columns: 40% 60%;
+                 grid-template-rows: repeat(3, 1fr);
+                 font-size: 28px;
+             }
+             div#links img
+             {
+                 grid-row-start: 1;
+                 grid-row-end: 4;
+                 grid-column-start: 2;
+                 grid-column-end: 3;
+             }
+             div#links a
+             {
+                 border-radius: 0px;
+                 text-shadow: -10px 0px 4px rgba(0,0,0,1.0);
+             }
+         }
+
+         div#links
+         {
+             display: grid;
+             background: linear-gradient(rgba(0.0, 255.0, 0.0, 1.0), rgba(255.0, 255.0, 0.0, 0.0));
+         }
+         div#links a
+         {
+             display: flex;
+             flex-direction: row;
+             justify-content: center;
+             align-items: center;
+             text-decoration: none;
+         }
+         div#links a:hover
+         {
+             color: #FFF;
+             background: #000;
+             text-shadow: 0px 0px 0px rgba(0,0,0,0);
+             text-decoration: wavy underline #0f0;
+             text-decoration-thickness: 2px;
+         }
+         div#links img
+         {
+             width: 100%;
+         }
+        </style>
+
+        <div id="links">
+            <a href="https://scrapeboard.square.site">SHOP</a>
+            <a href="https://open.shampoo.ooo/scrape/scrapeboard/wiki">WIKI</a>
+            <a href="https://ko-fi.com/scrapeboard">KO-FI</a>
+            <img src="www/koolMan.gif" />
+        </div>
+
         <!-- ONE LINE DESCRIPTION -->
 
         <style>
@@ -389,6 +462,19 @@
                     </a>
                 </div>
             </div>
+            <div class="date upcoming">
+                <div class="day-of-week">
+                    Tue.
+                </div>
+                <div class="day">
+                    Jun. 20
+                </div>
+                <div class="location">
+                    <a href="https://www.wonderville.nyc/events/brooklyn-altctrl-showcase">
+                        Wonderville, NYC
+                    </a>
+                </div>
+            </div>
             <div class="date current">
                 <div class="day-of-week">
                     Fri. & Sat.

www/style.css

@@ -9,6 +9,7 @@ body
     margin: 0px;
     font-family: NotCourierSans;
     color: #000;
+    font-size: 0px;
 }
 
 body a