Finished Initial Design of Login Page

modified:   src/app.rs
	modified:   src/lib.rs
	new file:   src/pages.rs
	new file:   src/pages/login.rs
	new file:   src/pages/signup.rs
	new file:   style/login.scss
	modified:   style/main.scss
	new file:   style/signup.scss
	modified:   style/theme.scss

src/app.rs

@@ -1,6 +1,8 @@
 use leptos::*;
 use leptos_meta::*;
 use leptos_router::*;
+use crate::pages::login::*;
+use crate::pages::signup::*;
 
 #[component]
 pub fn App() -> impl IntoView {
@@ -21,6 +23,8 @@ pub fn App() -> impl IntoView {
                 <Routes>
                     <Route path="" view=HomePage/>
                     <Route path="/*any" view=NotFound/>
+                    <Route path="/login" view=Login />
+                    <Route path="/signup" view=Signup />
                 </Routes>
             </main>
         </Router>

src/lib.rs

@@ -4,6 +4,7 @@ pub mod playstatus;
 pub mod playbar;
 pub mod database;
 pub mod models;
+pub mod pages;
 use cfg_if::cfg_if;
 
 cfg_if! {

src/pages.rs

@@ -0,0 +1,2 @@
+pub mod login;
+pub mod signup;

src/pages/login.rs

@@ -0,0 +1,48 @@
+use leptos::ev;
+use leptos::leptos_dom::*;
+use leptos::*;
+use leptos_router::*;
+
+#[component]
+pub fn Login() -> impl IntoView {
+    let (username, set_username) = create_signal("".to_string());
+    let (password, set_password) = create_signal("".to_string());
+
+    view! {
+        <div class="page-container">
+            <div class="login-container">
+            <div class="header">
+                <h1>LibreTunes</h1>
+            </div>
+                <form class="login-form" action="POST">
+                    <div class="input-box">
+                        <input class="login-info" type="text" required
+                        on:input = move |ev| {
+                            set_username(event_target_value(&ev));
+                            log!("username changed to: {}", username.get());
+                        }
+                        prop:value=username
+                        />
+                        <span>Username/Email</span>
+                        <i></i>
+                    </div>
+                    <div class="input-box">
+                        <input class="login-password" type="text" required
+                        on:input = move |ev| {
+                            set_password(event_target_value(&ev));
+                            log!("password changed to: {}", password.get());
+                        }
+                        />
+                        <span>Password</span>
+                        <i></i>
+                    </div>
+                    <p class="forgot-pw">Forgot Password?</p>
+                    <input type="submit" value="Login" />
+                    <p class="go-to-signup">
+                        New here? <span>Create an Account</span>
+                    </p>
+                </form>
+            </div>
+        </div>
+    }
+}

src/pages/signup.rs

@@ -0,0 +1,14 @@
+use leptos::leptos_dom::*;
+use leptos::*;
+
+#[component]
+pub fn Signup() -> impl IntoView {
+    view!{
+        <div class="page-container">
+            <div class="signup-container">
+                <h1>"Signup"</h1>
+                
+            </div>
+        </div>
+    }
+}