From 8e6d60a9492c97b78ba8a021b4e3360bd977fccf Mon Sep 17 00:00:00 2001
From: Baitinq <manuelpalenzuelamerino@gmail.com>
Date: Wed, 26 Oct 2022 00:57:10 +0200
Subject: Frontend: Add basic layout

---
 frontend/src/main.rs | 38 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

(limited to 'frontend/src')

diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index 22b1599..860e028 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -3,10 +3,46 @@ use yew::prelude::*;
 #[function_component(App)]
 fn app() -> Html {
     html! {
-        <h1>{ "Hello World" }</h1>
+    <>
+        <nav class="navbar bg-light sticky-top">
+            <div class="container-fluid">
+                <div>
+                    <a href="https://github.com/Baitinq/OSSE" class="navbar-brand mb-0 h1 mx-2">{"OSSE"}</a>
+                    <span class="navbar-text mb-0">{"| Your favorite independent search engine."}</span>
+                </div>
+                <a href="https://github.com/Baitinq" class="navbar-text mb-0">{"Made by Baitinq"}</a>
+            </div>
+        </nav>
+        <div class="container d-flex h-100">
+            <div class="row align-self-center w-100">
+                <div class="col">
+                        <b class="display-4 text-truncate">{"OSSE"}</b>
+                        <p>{"Your favorite independent search engine."}</p>
+                        <form>
+                            <div class="input-group input-group-lg my-2">
+                                <input type="text" class="form-control" placeholder="Search with OSSE" />
+                                <button class="btn btn-primary" type="button" >{"Search"}</button>
+                            </div>
+                        </form>
+                </div>
+            </div>
+        </div>
+        <nav class="navbar bg-light bottom">
+            <div class="container-fluid">
+                <div>
+                    <a href="https://github.com/Baitinq/OSSE" class="navbar-brand mb-0 h1 mx-2">{"OSSE"}</a>
+                    <span class="navbar-text mb-0">{"| Your favorite independent search engine."}</span>
+                </div>
+                <a href="https://github.com/Baitinq" class="navbar-text mb-0">{"Made by Baitinq"}</a>
+            </div>
+        </nav>
+    </>
     }
 }
 
+//Your favorite search engine in navbar
+//Search in middle
+
 fn main() {
     yew::start_app::<App>();
 }
-- 
cgit 1.4.1