diff --git a/img/background.jpg b/img/background.jpg new file mode 100644 index 0000000..94b7462 Binary files /dev/null and b/img/background.jpg differ diff --git a/img/search.png b/img/search.png new file mode 100644 index 0000000..75942d3 Binary files /dev/null and b/img/search.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2bab7c1 --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + + Tools Search + + + + + +
+ + +
+
+ + diff --git a/script.js b/script.js new file mode 100644 index 0000000..6ed1320 --- /dev/null +++ b/script.js @@ -0,0 +1,19 @@ +function searchTools() { + var keyword = document.getElementById("keyword").value; + var xhr = new XMLHttpRequest(); + xhr.open("GET", "https://raw.githubusercontent.com/Astrosp/osint-tools/master/README.md", true); + xhr.onreadystatechange = function() { + if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { + var contents = xhr.responseText; + var lines = contents.split("\n"); + var results = []; + for (var i = 0; i < lines.length; i++) { + if (lines[i].toLowerCase().indexOf(keyword.toLowerCase()) !== -1) { + results.push(lines[i]); + } + } + document.getElementById("results").innerHTML = results.join("
"); + } + }; + xhr.send(); + } \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..ac5156d --- /dev/null +++ b/style.css @@ -0,0 +1,59 @@ +body { + background-image: linear-gradient(rgba(0,8,51,0.9),rgba(0,8,51,0.9)), url(img/background.jpg); + background-position: center; + background-size: cover; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; +} + +.search-bar { + width: 100%; + max-width: 700px; + align-items: center; + background: rgba(255, 255, 255, 0.2); + padding: 10px 20px; + border-radius: 60px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + display: flex; + backdrop-filter: blur(4px) saturated(180%); +} + +.search-bar input { + font-size: 20px; + padding: 24px 20px; + border: 0; + flex: 1; + background: transparent; + border-right: none; + outline: none; + color: #cac7ff; +} + +::placeholder{ + color: #cac7ff; +} + +.search-bar button img{ + width: 25px; +} + +.search-bar button { + width: 60px; + padding: 18px 20px; + border-radius: 50%; + background: #58629b; + background-position: center; + border: 0; + cursor: pointer; +} + +#results { + margin-top: 50px; + font-size: 18px; + text-align: left; +} \ No newline at end of file