From 8126b2a6165928bcb3dffa3c2135fed175e4025a Mon Sep 17 00:00:00 2001
From: Mike Nolan <tesses@tesses.net>
Date: Sun, 28 Dec 2025 16:29:40 -0600
Subject: [PATCH] Upgrade beer.css

---
 Tesses.YouTubeDownloader.Server/res/wavy.svg  | 54 +++++++++++++++++++
 .../src/main.tcross                           |  1 +
 2 files changed, 55 insertions(+)
 create mode 100644 Tesses.YouTubeDownloader.Server/res/wavy.svg
diff --git a/Tesses.YouTubeDownloader.Server/res/wavy.svg b/Tesses.YouTubeDownloader.Server/res/wavy.svg
new file mode 100644
index 0000000..954cc8d
--- /dev/null
+++ b/Tesses.YouTubeDownloader.Server/res/wavy.svg
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en" translate="no">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta name="google" content="notranslate">
+  <meta name="description" content="The first CSS framework based on Material Design 3. Latest M3 Expressive already. 10x smaller than others CSS frameworks based on Material Design. Translates Material Design to HTML semantic standard. Ready to use with any JS framework. Highly focused on DX. No build steps, configurations or dependencies. Build modern interfaces without any custom CSS.">
+  <title>Beer CSS - Build material design interfaces in record time, without stress for devs 🍺💛.</title>
+  <link rel="icon" type="image/png" href="/favicon.png">
+  <link rel="apple-touch-icon" href="/favicon.png">
+  <link rel="manifest" href="/manifest.webmanifest">
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/styles/default.min.css" rel="stylesheet">
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
+  <link href="https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.min.css" rel="stylesheet">
+  <link href="/app.css" rel="stylesheet">
+
+  <script src="https://cdn.jsdelivr.net/npm/page-js@1.7.3/page.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/highlight.min.js"
+   ></script>
+  <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.13.1/dist/cdn/beer.min.js"></script>
+
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-0PZF7Z0XQ7"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+
+    gtag('config', 'G-0PZF7Z0XQ7');
+  </script>
+
+  <script>
+    (function (h, o, t, j, a, r) {
+      h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
+      h._hjSettings = { hjid: 2265410, hjsv: 6 };
+      a = o.getElementsByTagName('head')[0];
+      r = o.createElement('script'); r.async = 1;
+      r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+      a.appendChild(r);
+    })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
+  </script>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="/__/firebase/8.2.9/firebase-app.js"></script>
+  <script src="/__/firebase/8.2.9/firebase-analytics.js"></script>
+  <script src="/__/firebase/init.js"></script>
+  <script type="module" src="/app.js"></script>
+</body>
+
+</html>
diff --git a/Tesses.YouTubeDownloader.Server/src/main.tcross b/Tesses.YouTubeDownloader.Server/src/main.tcross
index 8b8d8b2..85dbfa5 100644
--- a/Tesses.YouTubeDownloader.Server/src/main.tcross
+++ b/Tesses.YouTubeDownloader.Server/src/main.tcross
@@ -12,6 +12,7 @@ var TYTDResources = [
     {path="/theme.css",value=embed("theme.css")},
     {path="/video.min.js",value=embed("video.min.js")},
     {path="/video-js.css",value=embed("video-js.css")},
+    {path="/wavy.svg",value=embed("wavy.svg")}
 ];
 var times=1;
 
