Spaces:

enotkrutoy
/

search

Running

App Files Files Community

enotkrutoy commited on 26 days ago

Commit

f6cc2d5

verified ·

1 Parent(s): 7cb7a22

Update index.html

Browse files

Files changed (1) hide show

index.html +115 -20

index.html CHANGED Viewed

@@ -7,11 +7,14 @@
         body {
             background-color: #1a1a1a;
             color: #ffffff;
-            font-family: Arial, sans-serif;
         }
         .container {
-            margin: 20px;
             text-align: center;
             padding: 20px;
             border-radius: 10px;
@@ -19,8 +22,8 @@
             box-shadow: 0 0 15px rgba(0,0,0,0.3);
         }
-        input[type="text"], select {
-            width: 30%;
             padding: 12px 20px;
             margin: 8px 0;
             display: inline-block;
@@ -29,15 +32,16 @@
             box-sizing: border-box;
             background-color: #333333;
             color: #ffffff;
         }
-        input[type="text"]:focus, select:focus {
             outline: none;
             border-color: #4CAF50;
         }
-        button[type="submit"] {
-            width: 10%;
             background-color: #4CAF50;
             color: white;
             padding: 14px 20px;
@@ -47,25 +51,84 @@
             cursor: pointer;
             transition: background-image 0.3s;
             background-image: linear-gradient(to bottom, #4CAF50, #45a049);
         }
-        button[type="submit"]:hover {
             background-image: linear-gradient(to bottom, #45a049, #4CAF50);
         }
-        .success {
             color: #4CAF50;
-            margin-top: 10px;
-            font-weight: bold;
         }
-        .error {
-            color: #f44336;
-            margin-top: 10px;
-            font-weight: bold;
         }
-        .container img {
             width: 100px;
             margin: 10px;
             border-radius: 5px;
@@ -75,16 +138,48 @@
 </head>
 <body>
     <div class="container">
-        <img src="https://i.pinimg.com/originals/bc/e4/c0/bce4c082e2a1c2ec016351228f782a4a.gif" alt="Logo"/>
         <form id="searchForm">
-            <input id="searchInput" type="text" placeholder="Введите ваш запрос для поиска"/>
-            <button type="submit">Поиск</button>
         </form>
         <div id="message"></div>
     </div>
     <script>
-        document.getElementById('searchForm').addEventListener('submit', function(e) {
             e.preventDefault();
             const searchQuery = document.getElementById('searchInput').value;
             searchGoogle(searchQuery);

         body {
             background-color: #1a1a1a;
             color: #ffffff;
+            font-family: 'Courier New', monospace;
+            margin: 0;
+            padding: 0;
         }
         .container {
+            max-width: 800px;
+            margin: 20px auto;
             text-align: center;
             padding: 20px;
             border-radius: 10px;
             box-shadow: 0 0 15px rgba(0,0,0,0.3);
         }
+        .search-input {
+            width: 80%;
             padding: 12px 20px;
             margin: 8px 0;
             display: inline-block;
             box-sizing: border-box;
             background-color: #333333;
             color: #ffffff;
+            font-family: 'Courier New', monospace;
         }
+        .search-input:focus {
             outline: none;
             border-color: #4CAF50;
         }
+        .search-button {
+            width: 15%;
             background-color: #4CAF50;
             color: white;
             padding: 14px 20px;
             cursor: pointer;
             transition: background-image 0.3s;
             background-image: linear-gradient(to bottom, #4CAF50, #45a049);
+            font-family: 'Courier New', monospace;
         }
+        .search-button:hover {
             background-image: linear-gradient(to bottom, #45a049, #4CAF50);
         }
+        .examples {
+            margin-top: 30px;
+            padding: 20px;
+            background-color: #333333;
+            border-radius: 10px;
+        }
+        .examples h2 {
+            color: #4CAF50;
+            margin-bottom: 20px;
+            font-family: 'Courier New', monospace;
+        }
+        .examples-list {
+            list-style-type: none;
+            padding: 0;
+        }
+        .examples-list li {
+            margin: 10px 0;
+            padding: 15px;
+            background-color: #2d2d2d;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: all 0.3s;
+            border: 1px solid rgba(76, 175, 80, 0.2);
+        }
+        .examples-list li:hover {
+            background-color: #333333;
+            transform: translateX(5px);
+            box-shadow: 2px 2px 5px rgba(76, 175, 80, 0.2);
+        }
+        .examples-list li strong {
             color: #4CAF50;
+            font-family: 'Courier New', monospace;
         }
+        .copy-indicator {
+            position: absolute;
+            right: 10px;
+            top: 10px;
+            color: #4CAF50;
+            font-size: 14px;
+            opacity: 0;
+            transition: opacity 0.3s;
         }
+        .copy-indicator.show {
+            opacity: 1;
+        }
+        .select-pages {
+            width: 100px;
+            padding: 8px;
+            margin: 10px 0;
+            background-color: #333333;
+            color: #4CAF50;
+            border: 1px solid #4CAF50;
+            border-radius: 4px;
+            font-family: 'Courier New', monospace;
+        }
+        .select-pages:focus {
+            outline: none;
+            border-color: #4CAF50;
+            box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
+        }
+        img {
             width: 100px;
             margin: 10px;
             border-radius: 5px;
 </head>
 <body>
     <div class="container">
+        <img src="https://i.pinimg.com/originals/bc/e4/c0/bce4c082e2a1c2ec016351228f782a4a.gif" alt="Hack logo"/>
         <form id="searchForm">
+            <input id="searchInput" type="text" class="search-input" placeholder="Введите ваш запрос для поиска"/>
+            <button type="submit" class="search-button">Поиск</button>
         </form>
+        <select id="pagesSelect" class="select-pages">
+            <option value="1" selected>1 страница</option>
+            <option value="2">2 страницы</option>
+            <option value="3">3 страницы</option>
+            <option value="4">4 страницы</option>
+            <option value="5">5 страниц</option>
+            <option value="6">6 страниц</option>
+            <option value="7">7 страниц</option>
+            <option value="8">8 страни��</option>
+            <option value="9">9 страниц</option>
+            <option value="10">10 страниц</option>
+        </select>
         <div id="message"></div>
+        <div class="examples">
+            <h2>Примеры запросов для поиска уязвимостей</h2>
+            <ul class="examples-list">
+                <li onclick="copyToClipboard('intitle:index.of filetype:php')">
+                    <strong>Поиск открытых директорий:</strong><br>
+                    intitle:index.of filetype:php
+                    <span class="copy-indicator">скопировано</span>
+                </li>
+                <!-- Добавлены остальные примеры -->
+            </ul>
+        </div>
     </div>
     <script>
+        function copyToClipboard(text) {
+            navigator.clipboard.writeText(text).then(() => {
+                const indicator = event.target.querySelector('.copy-indicator');
+                indicator.classList.add('show');
+                setTimeout(() => indicator.classList.remove('show'), 2000);
+            });
+        }
+            document.getElementById('searchForm').addEventListener('submit', function(e) {
             e.preventDefault();
             const searchQuery = document.getElementById('searchInput').value;
             searchGoogle(searchQuery);