Spaces:

RiverTest
/

gradient-glow-galaxy

Running

App Files Files Community

RiverTest commited on Oct 16, 2025

Commit

7193f6f

verified ·

1 Parent(s): 70a89d3

clear everything but a single text box input

Browse files

Files changed (1) hide show

index.html +10 -156

index.html CHANGED Viewed

@@ -4,172 +4,26 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Google</title>
     <style>
         body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            flex-direction: column;
-            height: 100vh;
-        }
-        .search-container {
             display: flex;
-            flex-direction: column;
-            align-items: center;
             justify-content: center;
-            flex-grow: 1;
-            margin-top: -100px;
-        }
-        .logo {
-            margin-bottom: 20px;
-        }
-        .search-box {
-            display: flex;
-            border: 1px solid #dfe1e5;
-            border-radius: 24px;
-            width: 584px;
-            height: 44px;
-            margin: 0 auto;
-            padding: 5px 15px;
-        }
-        .search-box:hover {
-            box-shadow: 0 1px 6px rgba(32,33,36,.28);
         }
-        .search-input {
-            border: none;
-            outline: none;
-            flex-grow: 1;
             font-size: 16px;
-        }
-        .buttons {
-            margin-top: 30px;
-        }
-        .btn {
-            background-color: #f8f9fa;
-            border: 1px solid #f8f9fa;
             border-radius: 4px;
-            color: #3c4043;
-            font-size: 14px;
-            padding: 0 16px;
-            line-height: 27px;
-            height: 36px;
-            min-width: 54px;
-            text-align: center;
-            cursor: pointer;
-            margin: 0 4px;
-        }
-        .btn:hover {
-            box-shadow: 0 1px 1px rgba(0,0,0,.1);
-            border: 1px solid #dadce0;
-        }
-        .nav {
-            display: flex;
-            justify-content: flex-end;
-            padding: 6px;
-        }
-        .nav a {
-            color: rgba(0,0,0,.87);
-            text-decoration: none;
-            font-size: 13px;
-            padding: 5px 10px;
-        }
-        .nav a:hover {
-            text-decoration: underline;
-        }
-        .footer {
-            background: #f2f2f2;
-            position: fixed;
-            bottom: 0;
-            width: 100%;
-        }
-        .footer-line {
-            padding: 15px 30px;
-            border-bottom: 1px solid #dadce0;
-            font-size: 15px;
-            color: rgba(0,0,0,.54);
-        }
-        .footer-links {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: space-between;
-            padding: 0 20px;
-        }
-        .footer-links a {
-            color: #70757a;
-            text-decoration: none;
-            font-size: 14px;
-            padding: 15px;
-        }
-        .footer-links a:hover {
-            text-decoration: underline;
         }
     </style>
 </head>
 <body>
-    <div class="nav">
-        <a href="#">Gmail</a>
-        <a href="#">Images</a>
-        <a href="#">
-            <svg focusable="false" viewBox="0 0 24 24" width="24" height="24" style="vertical-align: middle;">
-                <path d="M6,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM6,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM12,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM16,6c0,1.1 0.9,2 2,2s2,-0.9 2,-2 -0.9,-2 -2,-2 -2,0.9 -2,2zM12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,14c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2zM18,20c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2 -2,0.9 -2,2 0.9,2 2,2z"></path>
-            </svg>
-        </a>
-        <a href="#">
-            <button class="btn sign-in">Sign in</button>
-        </a>
-    </div>
-    <div class="search-container">
-        <div class="logo">
-            <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Google">
-        </div>
-        <div class="search-box">
-            <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" style="margin-right: 10px;">
-                <path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
-            </svg>
-            <input type="text" class="search-input">
-            <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" style="margin-left: 10px;">
-                <path d="M12 15c1.66 0 3-1.34 3-3V6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm-1.2-9.1c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2l-.01 6.2c0 .66-.53 1.2-1.19 1.2-.66 0-1.2-.54-1.2-1.2V5.9zm6.5 6.1c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.41 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"></path>
-            </svg>
-        </div>
-        <div class="buttons">
-            <button class="btn" onclick="
-                const searchTerm = document.querySelector('.search-input').value;
-                localStorage.setItem('lastSearch', searchTerm);
-                console.log('Search term saved to localStorage:', searchTerm);
-                document.querySelector('.search-input').value = '';
-            ">Google Search</button>
-<button class="btn">I'm Feeling Lucky</button>
-        </div>
-</div>
-    <div class="footer">
-        <div class="footer-line">
-            United States | Last search: <span id="lastSearch"></span>
-        </div>
-<div class="footer-links">
-            <div>
-                <a href="#">About</a>
-                <a href="#">Advertising</a>
-                <a href="#">Business</a>
-                <a href="#">How Search works</a>
-            </div>
-            <div>
-                <a href="#">Privacy</a>
-                <a href="#">Terms</a>
-                <a href="#">Settings</a>
-            </div>
-        </div>
-    </div>
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const lastSearch = localStorage.getItem('lastSearch');
-            if (lastSearch) {
-                document.getElementById('lastSearch').textContent = lastSearch;
-            }
-        });
-    </script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Text Input</title>
     <style>
         body {
             display: flex;
             justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+            padding: 0;
         }
+        input {
+            padding: 10px;
             font-size: 16px;
+            border: 1px solid #ccc;
             border-radius: 4px;
+            min-width: 300px;
         }
     </style>
 </head>
 <body>
+    <input type="text">
 </body>
 </html>