diff --git a/css/language-picker.css b/css/language-picker.css
new file mode 100644
index 0000000..6def1e3
--- /dev/null
+++ b/css/language-picker.css
@@ -0,0 +1,5 @@
+.language-picker-container {
+ position: fixed;
+ right: 0px;
+ top: 30vh;
+}
\ No newline at end of file
diff --git a/css/services.css b/css/services.css
index 8d17e7e..61a46bf 100644
--- a/css/services.css
+++ b/css/services.css
@@ -8,7 +8,8 @@
}
.services-section-title {
font-family: Poppins;
- font-size: 40;
+ font-size: clamp(21px, 3vw, 3vw);
+ font-weight: bold;
color: #111029;
text-align: center;
}
diff --git a/css/start.css b/css/start.css
index 7b14705..1c80311 100644
--- a/css/start.css
+++ b/css/start.css
@@ -12,30 +12,31 @@
justify-content: center;
align-items: center;
align-items: start;
- width: clamp(360px, 60vw, 650px);
+ width: 100%
}
.start-section-left-column-title-nocolor {
white-space: nowrap;
font-family: Poppins;
- font-size: clamp(30px, 4.5vw, 64px);
+ font-size: 8vw;
font-weight: 600;
cursor: default;
}
.start-section-left-column-title-colored {
+ white-space: nowrap;
font-family: Poppins;
- font-size: clamp(30px, 4.5vw, 64px);
+ font-size: 8vw;
color: #FF6800;
font-weight: 600;
cursor: default;
}
.start-section-left-column-description {
font-family: Poppins;
- font-size: clamp(12px, 1.5vw, 18px);
- line-height: clamp(24px, 3vw, 36px);
+ font-size: 2.8vw;
+ line-height: 5vw;
color: #6B6B6B;
- width: clamp(200px, 30vw, 420px);
+ width: 80%;
margin: 24px 0px 30px 0px;
cursor: default;
}
@@ -62,13 +63,12 @@
transition-duration: 0.4s;
}
-
.start-section-right-column {
display: flex;
flex-direction: row;
justify-content: start;
width: 100%;
- height: 550px;
+ height: clamp(500px, 115vw, 700px);
}
.start-section-right-column-canvas {
position: relative;
@@ -77,9 +77,9 @@
}
.start-section-right-column-art-top-left-pill {
position: absolute;
- width: 200px;
- height: 65px;
- left: 40px;
+ width: clamp(120px, 37.5vw, 220px);
+ height: clamp(50px, 15vw, 80px);
+ right: clamp(120px, 43vw, 500px);
top: 26px;
background: #4C40F7;
@@ -93,13 +93,13 @@
.start-section-right-column-art-top-right-pill {
position: absolute;
- width: 177px;
- height: 400px;
- right: 115px;
+ width: clamp(80px, 25vw, 140px);
+ height: clamp(270px, 75vw, 400px);
+ left: clamp(120px, 43vw, 500px);
top: 0px;
background: #4C40F7;
- border-radius: 80px;
+ border-radius: 65px;
display: flex;
justify-content: center;
@@ -108,13 +108,13 @@
.start-section-right-column-art-bottom-left-pill {
position: absolute;
- width: 177px;
- height: 400px;
- right: 0;
- top: 150px;
+ width: clamp(80px, 25vw, 140px);
+ height: clamp(270px, 75vw, 400px);
+ right: clamp(120px, 43vw, 500px);
+ top: 120px;
background: #FFCC00;
- border-radius: 80px;
+ border-radius: 65px;
display: flex;
justify-content: center;
@@ -123,9 +123,10 @@
.start-section-right-column-art-bottom-right-pill {
position: absolute;
- width: 289px;
- height: 88px;
- top: 440px;
+ width: clamp(120px, 37.5vw, 220px);
+ height: clamp(50px, 15vw, 80px);
+ top: clamp(300px, 80vw, 450px);
+ left: clamp(120px, 43vw, 500px);
background: #FFCC00;
box-shadow: 0px 4px 21px rgba(186, 149, 0, 0.15);
@@ -139,25 +140,28 @@
.start-section-right-column-subject-1-title {
font-family: Poppins;
color: white;
- font-size: 18px;
+ font-size: clamp(10px, 3vw, 21px);
font-weight: 600;
- line-height: 20px;
+ line-height: clamp(18px, 4.5vw, 25px);
white-space: pre-line;
text-align: center;
}
.start-section-right-column-subject-1-photo {
object-fit: contain;
- width: 271px;
+ width: clamp(128px, 40vw, 220px);
}
.start-section-right-column-subject-2-photo {
object-fit: cover;
- width: 260px;
+ width: clamp(128px, 40vw, 220px);
+ margin-right: 7px;
}
.start-section-right-column-subject-2-title {
font-family: Poppins;
color: #2D2D2D;
- font-size: 18px;
+ font-size: clamp(10px, 3vw, 21px);
+ font-weight: 600;
+ line-height: clamp(18px, 4.5vw, 25px);
font-weight: 600;
white-space: pre-line;
text-align: center;
@@ -171,10 +175,14 @@
@media only screen and (min-width: 750px) {
+
.start-section-container {
height: 600px;
flex-direction: row;
}
+ .start-section-left-column {
+ width: clamp(360px, 60vw, 650px);
+ }
.start-section-left-column-title-nocolor {
font-size: clamp(28px, 4.2vw, 64px);
}
@@ -211,7 +219,7 @@
}
.start-section-right-column-art-top-right-pill {
- width: clamp(150px, 18vw, 180px);
+ width: clamp(150px, 18vw, 165px);
height: clamp(380px, 45vw, 480px);
left: initial;
right: 0px;
@@ -219,8 +227,8 @@
}
.start-section-right-column-art-bottom-left-pill {
- width: clamp(150px, 18vw, 180px);
- height: clamp(350px, 42vw, 480px);
+ width: clamp(150px, 18vw, 165px);
+ height: clamp(380px, 45vw, 480px);
left: initial;
right: min(200px, 20vw);
top: 120px;
@@ -229,18 +237,23 @@
.start-section-right-column-art-bottom-right-pill {
width: clamp(120px, 20vw, 250px);
height: clamp(60px, 7vw, 80px);
+ left: initial;
right: 0px;
top: clamp(400px, 47vw, 500px);
+
}
.start-section-right-column-subject-1-title {
font-size: clamp(12px, 1.4vw, 21px);
+ line-height: clamp(24px, 2.8vw, 35px);
}
.start-section-right-column-subject-1-photo {
- width: clamp(220px, 27vw, 290px);
+ margin-bottom: -2px;
+ width: clamp(230px, 27vw, 290px);
}
.start-section-right-column-subject-2-photo {
- width: clamp(220px, 23vw, 275px);
+ margin-bottom: -2.3px;
+ width: clamp(230px, 25vw, 290px);
margin-right: 20px;
}
.start-section-right-column-subject-2-title {
diff --git a/dist/bl-frontend-3471ad16c4b84cf4.js b/dist/bl-frontend-12c340a7ed0ba3fc.js
similarity index 98%
rename from dist/bl-frontend-3471ad16c4b84cf4.js
rename to dist/bl-frontend-12c340a7ed0ba3fc.js
index 1f5e891..3f616da 100644
--- a/dist/bl-frontend-3471ad16c4b84cf4.js
+++ b/dist/bl-frontend-12c340a7ed0ba3fc.js
@@ -895,24 +895,24 @@ function getImports() {
const ret = wasm.__wbindgen_export_2;
return addHeapObject(ret);
};
- imports.wbg.__wbindgen_closure_wrapper3155 = function(arg0, arg1, arg2) {
- const ret = makeClosure(arg0, arg1, 429, __wbg_adapter_38);
+ imports.wbg.__wbindgen_closure_wrapper3240 = function(arg0, arg1, arg2) {
+ const ret = makeClosure(arg0, arg1, 455, __wbg_adapter_38);
return addHeapObject(ret);
};
- imports.wbg.__wbindgen_closure_wrapper3157 = function(arg0, arg1, arg2) {
- const ret = makeClosure(arg0, arg1, 431, __wbg_adapter_41);
+ imports.wbg.__wbindgen_closure_wrapper3242 = function(arg0, arg1, arg2) {
+ const ret = makeClosure(arg0, arg1, 457, __wbg_adapter_41);
return addHeapObject(ret);
};
- imports.wbg.__wbindgen_closure_wrapper9139 = function(arg0, arg1, arg2) {
- const ret = makeMutClosure(arg0, arg1, 765, __wbg_adapter_44);
+ imports.wbg.__wbindgen_closure_wrapper9224 = function(arg0, arg1, arg2) {
+ const ret = makeMutClosure(arg0, arg1, 791, __wbg_adapter_44);
return addHeapObject(ret);
};
- imports.wbg.__wbindgen_closure_wrapper9445 = function(arg0, arg1, arg2) {
- const ret = makeMutClosure(arg0, arg1, 779, __wbg_adapter_47);
+ imports.wbg.__wbindgen_closure_wrapper9530 = function(arg0, arg1, arg2) {
+ const ret = makeMutClosure(arg0, arg1, 805, __wbg_adapter_47);
return addHeapObject(ret);
};
- imports.wbg.__wbindgen_closure_wrapper10058 = function(arg0, arg1, arg2) {
- const ret = makeMutClosure(arg0, arg1, 834, __wbg_adapter_50);
+ imports.wbg.__wbindgen_closure_wrapper10143 = function(arg0, arg1, arg2) {
+ const ret = makeMutClosure(arg0, arg1, 860, __wbg_adapter_50);
return addHeapObject(ret);
};
@@ -951,7 +951,7 @@ function initSync(module) {
async function init(input) {
if (typeof input === 'undefined') {
- input = new URL('bl-frontend-3471ad16c4b84cf4_bg.wasm', import.meta.url);
+ input = new URL('bl-frontend-12c340a7ed0ba3fc_bg.wasm', import.meta.url);
}
const imports = getImports();
diff --git a/dist/bl-frontend-3471ad16c4b84cf4_bg.wasm b/dist/bl-frontend-12c340a7ed0ba3fc_bg.wasm
similarity index 54%
rename from dist/bl-frontend-3471ad16c4b84cf4_bg.wasm
rename to dist/bl-frontend-12c340a7ed0ba3fc_bg.wasm
index d0ebe0d..a8389f8 100644
Binary files a/dist/bl-frontend-3471ad16c4b84cf4_bg.wasm and b/dist/bl-frontend-12c340a7ed0ba3fc_bg.wasm differ
diff --git a/dist/index.html b/dist/index.html
index 070768d..5fbc6c6 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,10 +5,11 @@
-
-
+
+
+
@@ -16,9 +17,9 @@
-
-
-
diff --git a/src/components/language_picker.rs b/src/components/language_picker.rs
new file mode 100644
index 0000000..05c3c71
--- /dev/null
+++ b/src/components/language_picker.rs
@@ -0,0 +1,11 @@
+use yew::prelude::*;
+
+#[function_component(LanguagePicker)]
+pub fn language_picker() -> Html {
+
+ html! {
+
+
+
+ }
+}
\ No newline at end of file
diff --git a/src/components/mod.rs b/src/components/mod.rs
index 81e3b27..84596e5 100644
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@@ -1,3 +1,4 @@
pub mod nav_bar;
pub mod footer;
-pub mod service_card;
\ No newline at end of file
+pub mod service_card;
+pub mod language_picker;
\ No newline at end of file
diff --git a/src/pages/main_page.rs b/src/pages/main_page.rs
index fc2e9b1..8dd8fbd 100644
--- a/src/pages/main_page.rs
+++ b/src/pages/main_page.rs
@@ -1,6 +1,6 @@
use yew::prelude::*;
-use crate::{components::nav_bar::NavigationBar, pages::{start::StartPage, services::ServicesPage, about::AboutPage, call_to_action::CallToActionPage}};
+use crate::{components::{nav_bar::NavigationBar, footer::PageFooter, language_picker::LanguagePicker}, pages::{start::StartPage, services::ServicesPage, about::AboutPage, call_to_action::CallToActionPage}};
#[derive(Debug, Clone, Copy, PartialEq, Eq, PartialOrd, Ord)]
pub enum Section {
@@ -20,12 +20,14 @@ pub fn main_page() -> Html {
html! {
<>
+
+
}
}
\ No newline at end of file