The Tide Files

added the main files for tide.
2025-04-27 12:31:51 -07:00 · 2025-04-27 12:31:51 -07:00 · 85be878dd8
commit 85be878dd8
parent 86e84304b0
3 changed files with 143 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Tide</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div id="loader" class="loader">Loading Tide...</div>
+
+  <div class="container" id="content" style="display: none;">
+    <h1 class="title">Tide<span class="dot">.</span></h1>
+    <form id="searchForm">
+      <input type="text" id="urlInput" placeholder="Where do you want to go?" autocomplete="off">
+      <div class="options">
+        <label><input type="checkbox" id="blankMode"> Stealth (about:blank)</label>
+      </div>
+      <button type="submit">Surf 🌊</button>
+    </form>
+  </div>
+
+  <script src="script.js"></script>
+</body>
+</html>
--- a/script.js
+++ b/script.js
@ -0,0 +1,32 @@
+window.onload = function() {
+    setTimeout(() => {
+      document.getElementById('loader').style.display = 'none';
+      document.getElementById('content').style.display = 'block';
+    }, 1500); // Loader for 1.5s
+  };
+  
+  document.getElementById('searchForm').addEventListener('submit', function(e) {
+    e.preventDefault();
+    let url = document.getElementById('urlInput').value.trim();
+  
+    if (!url.startsWith('http')) {
+      url = 'https://' + url;
+    }
+  
+    if (document.getElementById('blankMode').checked) {
+      const newWindow = window.open();
+      if (newWindow) {
+        newWindow.document.write(`
+          <html><head><title>Tide Surf</title></head>
+          <body style="margin:0;height:100vh;">
+            <iframe src="${url}" style="border:none;width:100%;height:100%;"></iframe>
+          </body></html>
+        `);
+      } else {
+        alert('Popup blocked! Please allow popups.');
+      }
+    } else {
+      window.location.href = url;
+    }
+  });
+  
--- a/style.css
+++ b/style.css
@ -0,0 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
+
+body {
+  margin: 0;
+  padding: 0;
+  background: linear-gradient(135deg, #0f0f0f, #1c1c1c);
+  color: #fff;
+  font-family: 'Poppins', sans-serif;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.container {
+  text-align: center;
+  animation: fadeIn 2s ease forwards;
+}
+
+.title {
+  font-size: 4rem;
+  font-weight: 700;
+}
+
+.dot {
+  color: #00bcd4;
+}
+
+form {
+  margin-top: 20px;
+}
+
+input[type="text"] {
+  padding: 12px;
+  width: 300px;
+  border: none;
+  border-radius: 25px;
+  background: #2b2b2b;
+  color: white;
+  font-size: 1rem;
+  outline: none;
+  transition: 0.3s;
+}
+
+input[type="text"]:focus {
+  background: #383838;
+}
+
+button {
+  margin-top: 15px;
+  padding: 10px 30px;
+  font-size: 1rem;
+  border: none;
+  border-radius: 25px;
+  background: #00bcd4;
+  color: black;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+button:hover {
+  background: #00a2b0;
+}
+
+.options {
+  margin-top: 10px;
+  font-size: 0.9rem;
+  color: #aaa;
+}
+
+.loader {
+  font-size: 2rem;
+  color: #00bcd4;
+  animation: pulse 2s infinite;
+}
+
+@keyframes fadeIn {
+  0% { opacity: 0; transform: translateY(20px);}
+  100% { opacity: 1; transform: translateY(0);}
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}