Added initial page body and setup

2023-05-10 14:28:08 -04:00 · 2023-05-10 14:28:08 -04:00 · 69db581948
commit 69db581948
26 changed files with 2054 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+/target
+/dist
+.env
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@ -0,0 +1,42 @@
+[package]
+name = "realtor-lp-frontend"
+version = "0.1.0"
+edition = "2021"
+authors = [
+    "Franklin Blanco <me@franklinblanco.dev>"
+]
+license = "MIT OR Apache-2.0"
+
+[dependencies]
+# yew and core stuff
+yew = { version = "0.20.0", features = ["csr"] }
+yew-router = "0.17"
+stylist = "0.12.0"
+
+# Wasm/js stuff
+wasm-logger = "0.2"
+wasm-bindgen = "0.2.84"
+wasm-bindgen-futures = "0.4.34"
+#stdweb = "0.4.19"
+js-sys = "0.3"
+web-sys = "0.3.61"
+
+# other libs
+reqwest = { version = "0.11.11", features = ["rustls-tls", "json", "blocking", "multipart"], default-features = false }
+uuid = { version = "1.3.0", features = ["v4", "fast-rng", "macro-diagnostics", "serde", "js"] }
+log = "0.4"
+serde = { version = "1.0", features = ["derive"] }
+serde_json = "1.0.88"
+err = { git = "https://git.franklinblanco.dev/franklinblanco/err.git" }
+thousands = "0.2.0"
+chrono = "0.4.23"
+
+# Core
+#realtor-lp-types = { path = "../realtor-lp-types", features = ["wasm"] }
+
+
+[profile.release]
+lto = true
+codegen-units = 1
+panic = "abort"
+opt-level = "z"
--- a/assets/text/robots.txt
+++ b/assets/text/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /admin/
--- a/css/body.css
+++ b/css/body.css
@ -0,0 +1,4 @@
+body { 
+    margin: 0;   /* Remove body margins */
+    background-color: rgb(250, 248, 248);
+}
--- a/css/components/footer.css
+++ b/css/components/footer.css
--- a/css/components/navbar.css
+++ b/css/components/navbar.css
--- a/css/components/page/hero.css
+++ b/css/components/page/hero.css
--- a/css/pages/main_page.css
+++ b/css/pages/main_page.css
@ -0,0 +1,7 @@
+.main-page-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: start;
+    width: 100%;
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <!--<link rel="icon" type="image/x-icon" href="images/logo-color.png">-->
+        <title>RealtorFolio - El mejor amigo de cada agente</title>
+        <meta name="description" content="La mejor herramienta para posicionarte como agente inmobiliario profesional.">
+
+        <link data-trunk type="text/css" href="css/body.css" rel="css" />
+        
+        <link data-trunk type="text/css" href="css/pages/main_page.css" rel="css" />
+
+        <link data-trunk type="text/css" href="css/components/footer.css" rel="css" />
+        <link data-trunk type="text/css" href="css/components/navbar.css" rel="css" />
+        <link data-trunk type="text/css" href="css/components/page/hero.css" rel="css" />
+        
+
+        <link data-trunk href="assets/text/robots.txt" rel="copy-file"/>
+
+        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Space+Grotesk" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
+        <script src="https://kit.fontawesome.com/fcdfdfe1ad.js" crossorigin="anonymous"></script>
+
+        <base data-trunk-public-url />
+        <link data-trunk rel="copy-dir" href="assets/images/"/>
+    </head>
+</html>
--- a/src/api/mod.rs
+++ b/src/api/mod.rs
--- a/src/components/footer.rs
+++ b/src/components/footer.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(Footer)]
+pub fn footer() -> Html {
+    html! {
+        
+    }
+}
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@ -0,0 +1,3 @@
+pub mod page;
+pub mod footer;
+pub mod navbar;
--- a/src/components/navbar.rs
+++ b/src/components/navbar.rs
--- a/src/components/page/agency.rs
+++ b/src/components/page/agency.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(AgencySection)]
+pub fn agency_section() -> Html {
+    html! {
+        
+    }
+}
--- a/src/components/page/contact.rs
+++ b/src/components/page/contact.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(ContactSection)]
+pub fn contact_section() -> Html {
+    html! {
+        
+    }
+}
--- a/src/components/page/hero.rs
+++ b/src/components/page/hero.rs
@ -0,0 +1,10 @@
+use yew::prelude::*;
+
+#[function_component(HeroSection)]
+pub fn hero_section() -> Html {
+    html! {
+        <div class={"hero-container"}>
+            
+        </div>
+    }
+}
--- a/src/components/page/mod.rs
+++ b/src/components/page/mod.rs
@ -0,0 +1,5 @@
+pub mod hero;
+pub mod agency;
+pub mod contact;
+pub mod results;
+pub mod search;
--- a/src/components/page/results.rs
+++ b/src/components/page/results.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(ResultsSection)]
+pub fn results_section() -> Html {
+    html! {
+        
+    }
+}
--- a/src/components/page/search.rs
+++ b/src/components/page/search.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(SearchSection)]
+pub fn search_section() -> Html {
+    html! {
+        
+    }
+}
--- a/src/main.rs
+++ b/src/main.rs
@ -0,0 +1,44 @@
+mod api;
+mod components;
+mod utils;
+mod pages;
+
+use pages::{main_page::MainPage, not_found::NotFound, admin_panel::AdminPanel};
+use yew::prelude::*;
+use yew_router::prelude::*;
+
+#[function_component]
+fn App() -> Html {
+    html! {
+        <BrowserRouter>
+            <Switch<Route> render={switch} />
+        </BrowserRouter>
+    }
+}
+fn main() {
+    wasm_logger::init(wasm_logger::Config::default());
+    //stdweb::initialize();
+    yew::Renderer::<App>::new().render();
+}
+
+#[derive(Clone, Routable, PartialEq)]
+pub enum Route {
+    #[at("/")]
+    LandingPage,
+
+    #[at("/admin")]
+    AdminPanel,
+    
+    #[not_found]
+    #[at("/404")]
+    NotFound,
+}
+
+
+pub fn switch(routes: Route) -> Html {
+    match routes {
+        Route::LandingPage => html! { <MainPage/> },
+        Route::AdminPanel => html! { <AdminPanel/> },
+        Route::NotFound => html! { <NotFound/> },
+    }
+}
--- a/src/pages/admin_panel.rs
+++ b/src/pages/admin_panel.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(AdminPanel)]
+pub fn admin_panel() -> Html {
+    html! {
+        
+    }
+}
--- a/src/pages/main_page.rs
+++ b/src/pages/main_page.rs
@ -0,0 +1,17 @@
+use yew::prelude::*;
+
+use crate::components::{page::{hero::HeroSection, agency::AgencySection, search::SearchSection, results::ResultsSection, contact::ContactSection}, footer::Footer};
+
+#[function_component(MainPage)]
+pub fn main_page() -> Html {
+    html! {
+        <div class={"main-page-container"}>
+            <HeroSection/>
+            <AgencySection/>
+            <SearchSection/>
+            <ResultsSection/>
+            <ContactSection/>
+            <Footer/>
+        </div>
+    }
+}
--- a/src/pages/mod.rs
+++ b/src/pages/mod.rs
@ -0,0 +1,4 @@
+pub mod admin_panel;
+pub mod main_page;
+pub mod not_found;
+
--- a/src/pages/not_found.rs
+++ b/src/pages/not_found.rs
@ -0,0 +1,8 @@
+use yew::prelude::*;
+
+#[function_component(NotFound)]
+pub fn not_found_page() -> Html {
+    html! {
+        <div>{"NOT FOUND"}</div>
+    }
+}
--- a/src/utils/mod.rs
+++ b/src/utils/mod.rs