diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/home.html | 39 | ||||
| -rw-r--r-- | templates/images.html | 66 | ||||
| -rw-r--r-- | templates/results.html | 75 |
3 files changed, 180 insertions, 0 deletions
diff --git a/templates/home.html b/templates/home.html new file mode 100644 index 0000000..bfe16b7 --- /dev/null +++ b/templates/home.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title> + OmniSearch + </title> + <link rel="stylesheet" href="static/main.css"> + </head> + + <body> + <div class="view-home"> + <div class="container"> + <h1 class="hero-logo"> + Omni<span>Search</span> + </h1> + <form action="/search" class="home-search-form"> + <div class="search-input-wrapper"> + <input name="q" type="text" class="search-box" placeholder="Search the web..." + autofocus autocomplete="off"> + </div> + <div class="buttons"> + <button type="submit" class="btn-primary"> + Search + </button> + <a target="_blank" href="https://bwaaa.monster/donate"> + <button type="button" class="btn-secondary"> + Donate + </button> + </a> + </div> + </form> + </div> + </div> + </body> + +</html>
\ No newline at end of file diff --git a/templates/images.html b/templates/images.html new file mode 100644 index 0000000..045226e --- /dev/null +++ b/templates/images.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title> + OmniSearch Images - {{query}} + </title> + <link rel="stylesheet" href="static/main.css"> + </head> + + <body class="images-view"> + <header> + <h1> + Omni<span>Search</span> + </h1> + <form action="/images" method="GET" class="search-form"> + <input name="q" autocomplete="off"="text" class="search-box" placeholder="Search for images..." + value="{{query}}"> + </form> + </header> + <nav class="nav-tabs"> + <div class="nav-container"> + <a href="/search?q={{query}}"> + All + </a> + <a href="/images?q={{query}}" class="active"> + Images + </a> + </div> + </nav> + <main class="image-results-container"> + <div class="image-grid"> + {{for img in images}} + <div class="image-card"> + <div class="image-wrapper"> + <img src="{{img[0]}}" alt="{{img[1]}}" loading="lazy" onerror="this.src='https://www.google.com/search?q=https://via.placeholder.com/300x200%3Ftext%3DImage%2BUnavailable'"> + <div class="image-overlay"> + <div class="overlay-buttons"> + <a href="{{img[0]}}" target="_blank" class="overlay-btn primary"> + View Image + </a> + <a href="{{img[2]}}" target="_blank" class="overlay-btn secondary"> + Visit Site + </a> + </div> + </div> + </div> + <a href="{{img[2]}}" target="_blank" class="image-link"> + <div class="image-info"> + <span class="image-caption"> + {{img[1]}} + </span> + <span class="image-source"> + {{img[2]}} + </span> + </div> + </a> + </div> + {{endfor}} + </div> + </main> + </body> + +</html>
\ No newline at end of file diff --git a/templates/results.html b/templates/results.html new file mode 100644 index 0000000..8e0957d --- /dev/null +++ b/templates/results.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html lang="en"> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title> + OmniSearch - {{query}} + </title> + <link rel="stylesheet" href="static/main.css"> + </head> + + <body class="results-view"> + <header> + <h1> + Omni<span>Search</span> + </h1> + <form action="/search" method="GET" class="search-form"> + <input name="q" type="text" class="search-box" autocomplete="off" placeholder="Search the web..." + value="{{query}}"> + </form> + </header> + <nav class="nav-tabs"> + <div class="nav-container"> + <a href="/search?q={{query}}" class="active"> + All + </a> + <a href="/images?q={{query}}"> + Images + </a> + </div> + </nav> + <div class="content-layout"> + <aside class="sidebar-spacer"> + </aside> + <main class="results-container"> + {{for result in results}} + <div class="result"> + <span class="url"> + {{result[1]}} + </span> + <a href="{{result[0]}}"> + {{result[2]}} + </a> + <p class="desc"> + {{result[3]}} + </p> + </div> + {{endfor}} + </main> + <aside class="infobox-sidebar"> + {{for info in infoboxes}} + <section class="infobox"> + <div class="infobox-header"> + <h2 class="infobox-title"> + {{info[0]}} + </h2> + </div> + <div class="infobox-main"> + <img src="{{info[1]}}" alt="{{info[0]}}" class="infobox-image" onerror="this.style.display='none'"> + <div class="infobox-content"> <p class="infobox-summary"> + {{info[2]|safe}} + </p> + <a class="read-more" href="{{info[3]}}"> + Read More + </a> + </div> + </div> + </section> + {{endfor}} + </aside> + </div> + </body> + +</html> |