Added remax logo to navbar and changed jorge ledezma font to something more fancy

This commit is contained in:
Franklin 2023-03-13 13:31:39 -04:00
parent 83297fdab5
commit 0f8b20782c
15 changed files with 80 additions and 47 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -3,7 +3,7 @@ body {
} }
.page-container { .page-container {
padding-top: 74px; padding-top: 75.5px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;

View File

@ -70,18 +70,27 @@
transition-duration: 0.3s; transition-duration: 0.3s;
cursor: pointer; cursor: pointer;
} }
.navbar-title {
color: white; .navbar-brand-container{
font-size: 15pt; display: flex;
padding-right: 20px; flex-direction: row;
padding-top: 10px; justify-content: center;
padding-bottom: 10px; align-items: center;
font-family: Source Sans Pro;
} }
/* Desktop view */ .navbar-title {
color: white;
font-size: 23pt;
font-family: Sacramento;
}
.navbar-image {
max-width: 50px;
max-height: 50px;
}
/* Desktop view */
@media only screen and (min-width: 850px) { @media only screen and (min-width: 850px) {
.navbar-container { .navbar-container {
display: flex; display: flex;
@ -111,7 +120,7 @@
} }
.navbar-item { .navbar-item {
color: white; color: white;
font-size: 14pt; font-size: 12pt;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
padding-top: 10px; padding-top: 10px;
@ -120,7 +129,7 @@
} }
.navbar-item:hover { .navbar-item:hover {
background-color: #ffffff14; background-color: #ffffff14;
font-size: 15pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
border-radius: 3px; border-radius: 3px;
transition-duration: 0.3s; transition-duration: 0.3s;
@ -128,12 +137,8 @@
} }
.navbar-title { .navbar-title {
color: white; color: white;
font-size: 14pt; font-size: 23pt;
padding-left: 20px; font-family: Sacramento;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Source Sans Pro;
} }
.navbar-hamburger { .navbar-hamburger {
display: none; display: none;

View File

@ -14,7 +14,7 @@
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-width: 400px; min-width: 300px;
max-width: 600px; max-width: 600px;
width: 100%; width: 100%;
padding: 0px 20px; padding: 0px 20px;

View File

@ -3,7 +3,7 @@ body {
} }
.page-container { .page-container {
padding-top: 74px; padding-top: 75.5px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;

BIN
dist/images/remax-logo.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

17
dist/index.html vendored
View File

@ -1,16 +1,21 @@
<!DOCTYPE html><html><head> <!DOCTYPE html><html><head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Yew App</title> <title>Yew App</title>
<link rel="stylesheet" href="/body-546d222c63c2d8b.css">
<link rel="stylesheet" href="/navbar-ae445ce41799b0c9.css"> <link rel="stylesheet" href="/body-44d4d46a4658cacc.css">
<link rel="stylesheet" href="/navbar-747deb585a2d3e8e.css">
<link rel="stylesheet" href="/landing-c920ca43256fdcb9.css"> <link rel="stylesheet" href="/landing-c920ca43256fdcb9.css">
<link rel="stylesheet" href="/search-b6fa05ad5c0c5cf2.css"> <link rel="stylesheet" href="/search-daf569157201d199.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
<script src="https://kit.fontawesome.com/fcdfdfe1ad.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/fcdfdfe1ad.js" crossorigin="anonymous"></script>
<link rel="preload" href="/remax-template-frontend-88cf78e1286700d_bg.wasm" as="fetch" type="application/wasm" crossorigin=""> <base href="/">
<link rel="modulepreload" href="/remax-template-frontend-88cf78e1286700d.js"></head>
<body><script type="module">import init from '/remax-template-frontend-88cf78e1286700d.js';init('/remax-template-frontend-88cf78e1286700d_bg.wasm');</script><script>(function () {
<link rel="preload" href="/remax-template-frontend-94e47e680b3b812_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
<link rel="modulepreload" href="/remax-template-frontend-94e47e680b3b812.js"></head>
<body><script type="module">import init from '/remax-template-frontend-94e47e680b3b812.js';init('/remax-template-frontend-94e47e680b3b812_bg.wasm');</script><script>(function () {
var protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'; var protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
var url = protocol + '//' + window.location.host + '/_trunk/ws'; var url = protocol + '//' + window.location.host + '/_trunk/ws';
var poll_interval = 5000; var poll_interval = 5000;

View File

@ -70,18 +70,27 @@
transition-duration: 0.3s; transition-duration: 0.3s;
cursor: pointer; cursor: pointer;
} }
.navbar-title {
color: white; .navbar-brand-container{
font-size: 15pt; display: flex;
padding-right: 20px; flex-direction: row;
padding-top: 10px; justify-content: center;
padding-bottom: 10px; align-items: center;
font-family: Source Sans Pro;
} }
/* Desktop view */ .navbar-title {
color: white;
font-size: 23pt;
font-family: Sacramento;
}
.navbar-image {
max-width: 50px;
max-height: 50px;
}
/* Desktop view */
@media only screen and (min-width: 850px) { @media only screen and (min-width: 850px) {
.navbar-container { .navbar-container {
display: flex; display: flex;
@ -111,7 +120,7 @@
} }
.navbar-item { .navbar-item {
color: white; color: white;
font-size: 14pt; font-size: 12pt;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
padding-top: 10px; padding-top: 10px;
@ -120,7 +129,7 @@
} }
.navbar-item:hover { .navbar-item:hover {
background-color: #ffffff14; background-color: #ffffff14;
font-size: 15pt; font-size: 13pt;
font-weight: bold; font-weight: bold;
border-radius: 3px; border-radius: 3px;
transition-duration: 0.3s; transition-duration: 0.3s;
@ -128,12 +137,8 @@
} }
.navbar-title { .navbar-title {
color: white; color: white;
font-size: 14pt; font-size: 23pt;
padding-left: 20px; font-family: Sacramento;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Source Sans Pro;
} }
.navbar-hamburger { .navbar-hamburger {
display: none; display: none;

View File

@ -824,7 +824,7 @@ function initSync(module) {
async function init(input) { async function init(input) {
if (typeof input === 'undefined') { if (typeof input === 'undefined') {
input = new URL('remax-template-frontend-88cf78e1286700d_bg.wasm', import.meta.url); input = new URL('remax-template-frontend-94e47e680b3b812_bg.wasm', import.meta.url);
} }
const imports = getImports(); const imports = getImports();

View File

@ -14,7 +14,7 @@
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-width: 400px; min-width: 300px;
max-width: 600px; max-width: 600px;
width: 100%; width: 100%;
padding: 0px 20px; padding: 0px 20px;

View File

@ -3,11 +3,16 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Yew App</title> <title>Yew App</title>
<link data-trunk type="text/css" href="css/body.css" rel="css" /> <link data-trunk type="text/css" href="css/body.css" rel="css" />
<link data-trunk type="text/css" href="css/navbar.css" rel="css" /> <link data-trunk type="text/css" href="css/navbar.css" rel="css" />
<link data-trunk type="text/css" href="css/landing.css" rel="css" /> <link data-trunk type="text/css" href="css/landing.css" rel="css" />
<link data-trunk type="text/css" href="css/search.css" rel="css" /> <link data-trunk type="text/css" href="css/search.css" rel="css" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
<script src="https://kit.fontawesome.com/fcdfdfe1ad.js" crossorigin="anonymous"></script> <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> </head>
</html> </html>

View File

@ -21,7 +21,14 @@ pub fn navigation_bar() -> Html {
html! { html! {
<div class={"navbar-background"}> <div class={"navbar-background"}>
<div class={"navbar-container"}> <div class={"navbar-container"}>
<div class={"navbar-title"}>{NAVBAR_TITLE}</div> <div class={"navbar-brand-container"}>
<img class={"navbar-image"} src="images/remax-logo.png" alt=""/>
<div class={"navbar-title"}>
{NAVBAR_TITLE}
</div>
</div>
<div class={if *navbar_toggle {"navbar-closed"} else {"navbar-open"}}> <div class={if *navbar_toggle {"navbar-closed"} else {"navbar-open"}}>
<div onclick={move |_| cloned_navigator_1.push(&Route::LandingPage)} class={"navbar-item"}> <div onclick={move |_| cloned_navigator_1.push(&Route::LandingPage)} class={"navbar-item"}>
{NAVBAR_COL_LANDING} {NAVBAR_COL_LANDING}

View File

@ -1,4 +1,4 @@
pub const NAVBAR_TITLE: &str = "Jorge Ledesma Properties"; pub const NAVBAR_TITLE: &str = "Jorge Ledesma";
pub const NAVBAR_COL_LANDING: &str = "Inicio"; pub const NAVBAR_COL_LANDING: &str = "Inicio";
pub const NAVBAR_COL_PROYECTOS_ACABADOS: &str = "Listos para entrega"; pub const NAVBAR_COL_PROYECTOS_ACABADOS: &str = "Listos para entrega";
pub const NAVBAR_COL_PROYECTOS_EN_CONSTRUCCION: &str = "En construcción"; pub const NAVBAR_COL_PROYECTOS_EN_CONSTRUCCION: &str = "En construcción";

View File

@ -18,17 +18,23 @@ pub fn search_page(_props: &SearchPageProperties) -> Html {
<NavigationBar/> <NavigationBar/>
<div class={"page-container"}> <div class={"page-container"}>
<div class={"property-search-container"}> <div class={"property-search-container"}>
<div class={"property-search-bar-container"}> <div class={"property-search-bar-container"}> // Search bar
<i class={"fa-solid fa-magnifying-glass"}></i> <i class={"fa-solid fa-magnifying-glass"}></i>
<input type={"text"} value={(*search_text).clone()} class={"property-search-bar"} placeholder={"Buscar propiedades..."}/> <input type={"text"} value={(*search_text).clone()} class={"property-search-bar"} placeholder={"Buscar propiedades..."}/>
<i class="fa-solid fa-circle-xmark" onclick={clear_search_input}></i> <i class="fa-solid fa-circle-xmark" onclick={clear_search_input}></i>
</div> </div>
<div class={"property-search-filters-container"}> <div class={"property-search-filters-container"}> // Filters
<div class={"property-search-filter-item"}></div> <div class={"property-search-filter-item"}>
{"Filter 1"}
</div>
</div> </div>
</div> </div>
<div class={"property-search-results-container"}>
//TODO: Add a spacing
<div class={"property-search-results-container"}> // Search Results Content
<div class={"property-search-result-card"}></div> <div class={"property-search-result-card"}></div>
</div> </div>
</div> </div>