fix: use inline styles for deprecation banner (#40)

Author: skyfallwastaken

views/banner.tpl.html

@@ -1,18 +1,18 @@
-<div class="w-full bg-yellow-50 dark:bg-yellow-900/20 border-b-2 border-yellow-400 dark:border-yellow-600 px-4 py-3">
-    <div class="max-w-screen-xl mx-auto flex flex-col sm:flex-row items-start sm:items-center gap-3 sm:gap-4">
-        <div class="flex items-start gap-3 flex-1">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6 text-yellow-600 dark:text-yellow-500 shrink-0 mt-0.5 sm:mt-0">
+<div style="width: 100%; background-color: #fefce8; border-bottom: 2px solid #facc15; padding: 0.75rem 1rem;">
+    <div style="max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem;">
+        <div style="display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0;">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ca8a04" width="24" height="24" style="flex-shrink: 0;">
                 <path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd" />
             </svg>
-            <p class="text-sm text-yellow-900 dark:text-yellow-200 font-medium">
+            <p style="font-size: 0.875rem; color: #713f12; font-weight: 500; margin: 0;">
                 <strong>waka.hackclub.com</strong> is no longer supported; please migrate to <strong>hackatime.hackclub.com</strong>
             </p>
         </div>
         <a
             href="https://forms.hackclub.com/hackatime"
             target="_blank"
             rel="noopener noreferrer"
-            class="text-sm font-semibold text-yellow-900 dark:text-yellow-200 bg-yellow-200 dark:bg-yellow-800/50 hover:bg-yellow-300 dark:hover:bg-yellow-700/50 px-4 py-2 rounded border border-yellow-400 dark:border-yellow-600 transition-colors whitespace-nowrap shrink-0"
+            style="font-size: 0.875rem; font-weight: 600; color: #713f12; background-color: #fef08a; padding: 0.5rem 1rem; border-radius: 0.25rem; border: 1px solid #facc15; text-decoration: none; white-space: nowrap; flex-shrink: 0;"
         >
             Missing something in Hackatime v2?
         </a>