Merge pull request #77 from Mr-Sunglasses/feat/redirect-link

feat: Add redirect link in header

Author: Mr-Sunglasses

src/paste/templates/index.html

@@ -209,6 +209,22 @@
         color: var(--terminal-highlight);
     }
 
+    .header-link {
+        text-decoration: none;
+        color: var(--terminal-dark);
+        cursor: pointer;
+    }
+    
+    .header-link:hover .glitch-text {
+        opacity: 0.8;
+        transform: scale(1.02);
+        transition: all 0.2s ease;
+    }
+    
+    .glitch-text u {
+        text-decoration-thickness: 2px;
+    }
+
     @media only screen and (max-width: 768px) {
         body {
             padding: 10px;
@@ -269,7 +285,9 @@
                 <div class="control minimize"></div>
                 <div class="control maximize"></div>
             </div>
-            <div class="glitch-text" data-text="paste.py 🐍">paste.py 🐍</div>
+            <a href="https://paste.fosscu.org/web" class="header-link">
+                <div class="glitch-text" data-text="paste.py 🐍"><u>paste.py</u> 🐍</div>
+            </a>
             <div style="width: 50px;"></div>
         </div>
         <div class="terminal-content">

src/paste/templates/paste.html

@@ -211,6 +211,22 @@
 	box-shadow: 0 0 15px var(--terminal-shadow);
 }
 
+.header-link {
+    text-decoration: none;
+    color: var(--terminal-dark);
+    cursor: pointer;
+}
+
+.header-link:hover .glitch-text {
+    opacity: 0.8;
+    transform: scale(1.02);
+    transition: all 0.2s ease;
+}
+
+.glitch-text u {
+    text-decoration-thickness: 2px;
+}
+
 /* Animation Keyframes */
 @keyframes glitch-1 {
 	0% {
@@ -302,7 +318,9 @@
          <div class="control minimize"></div>
          <div class="control maximize"></div>
       </div>
-      <div class="glitch-text" data-text="paste.py 🐍">paste.py 🐍</div>
+      <a href="https://paste.fosscu.org/web" class="header-link">
+		<div class="glitch-text" data-text="paste.py 🐍"><u>paste.py</u> 🐍</div>
+	 </a>
       <div style="width: 50px;"></div>
    </div>
    <button id="copyButton" class="copy-button" onclick="copyAllText()">

src/paste/templates/web.html

@@ -185,6 +185,22 @@
         animation: glitch-2 2s infinite linear alternate-reverse;
     }
 
+    .header-link {
+        text-decoration: none;
+        color: var(--terminal-dark);
+        cursor: pointer;
+    }
+    
+    .header-link:hover .glitch-text {
+        opacity: 0.8;
+        transform: scale(1.02);
+        transition: all 0.2s ease;
+    }
+    
+    .glitch-text u {
+        text-decoration-thickness: 2px;
+    }
+
     @keyframes glitch-1 {
         0% { clip-path: inset(20% 0 30% 0); }
         20% { clip-path: inset(65% 0 1% 0); }
@@ -267,7 +283,9 @@
                 <div class="control minimize"></div>
                 <div class="control maximize"></div>
             </div>
-            <div class="glitch-text" data-text="paste.py 🐍">paste.py 🐍</div>
+            <a href="https://paste.fosscu.org" class="header-link">
+                <div class="glitch-text" data-text="paste.py 🐍"><u>paste.py</u> 🐍</div>
+            </a>
             <div style="width: 50px;"></div>
         </div>
         <form method="post" action="/web">