tweak link layout

Author: stereoDrift

index.html

@@ -38,7 +38,8 @@
     Hover over a shape / pinch to move it<br>
     Move a shape into the recycle bin to delete it
   </div>
-  <p id="links-para"><a href="https://x.com/measure_plan" target="_blank">Twitter</a> | <a href="https://www.instagram.com/stereo.drift/" target="_blank">Instagram</a> | <a href="https://github.com/collidingScopes/shape-creator-tutorial" target="_blank">Source Code</a> | <a href="https://buymeacoffee.com/stereodrift" target="_blank">❤️</a></p>
+  <span id="links-para"><a href="https://x.com/measure_plan" target="_blank">Twitter</a> | <a href="https://www.instagram.com/stereo.drift/" target="_blank">Instagram</a> | <a href="https://github.com/collidingScopes/shape-creator-tutorial" target="_blank">Code</a></span>
+  <span id="coffee-link"><a href="https://buymeacoffee.com/stereodrift" target="_blank">Support my free tutorials & code ❤️</a></span>
 
   <script src="https://cdn.jsdelivr.net/npm/@mediapipe/hands/hands.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js"></script>

styles.css

@@ -53,4 +53,14 @@ body, html {
 
 a {
     color: #0000FF !important;
+}
+
+#coffee-link {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  font-family: Helvetica, sans-serif;
+  font-size: 16px;
+  background-color: rgba(255, 255, 255, 0.5);
+  padding: 10px;
 }