1
Fork 0
mirror of https://github.com/RGBCube/Site synced 2025-08-01 13:37:49 +00:00

Utilize maud better, dont do div class="..."

This commit is contained in:
RGBCube 2024-01-05 16:01:47 +03:00
parent 1fd32b40a4
commit a04baa3935
No known key found for this signature in database
4 changed files with 35 additions and 23 deletions

View file

@ -21,11 +21,11 @@ pub fn handler<B: 'static>(
asset::Css::Shared("not-found.css"), asset::Css::Shared("not-found.css"),
array::from_fn(|_| { array::from_fn(|_| {
(html! { (html! {
div class="frame" { "error" } .frame { "error" }
div class="square black" {} .square .black {}
div class="square red" {} .square .red {}
div class="square red" {} .square .red {}
div class="square black" {} .square .black {}
}) })
.clone() .clone()
}), }),

View file

@ -21,11 +21,11 @@ pub fn handler<B: 'static>(
asset::Css::Shared("not-found.css"), asset::Css::Shared("not-found.css"),
array::from_fn(|_| { array::from_fn(|_| {
(html! { (html! {
div class="frame" { "404" } .frame { "404" }
div class="square black" {} .square .black {}
div class="square magenta" {} .square .magenta {}
div class="square magenta" {} .square .magenta {}
div class="square black" {} .square .black {}
}) })
.clone() .clone()
}), }),

View file

@ -19,10 +19,10 @@ pub fn create(css: Css, faces: [Markup; 6]) -> Markup {
(css) (css)
}, },
html! { html! {
div class="scene" { .scene {
div class="cube" { .cube {
@for (name, content) in ["front", "top", "back", "bottom", "right", "left"].iter().zip(faces) { @for (name, content) in ["front", "top", "back", "bottom", "right", "left"].iter().zip(faces) {
div class=(format!("face {name}")) { .(format!("face {name}")) {
(content) (content)
} }
} }

View file

@ -15,23 +15,35 @@ pub async fn handler() -> actix_web::Result<Markup> {
asset::css::owned!("index.css"), asset::css::owned!("index.css"),
[ [
html! { html! {
a href="/contact" { a href="/about" {
div class="frame" { .frame {
"contact" "about"
}
} }
}
}, },
html! { html! {
a href="https://github.com/RGBCube" { a href="https://github.com/RGBCube" {
div class="frame" { .frame {
"github" "github"
}
} }
}
}, },
html! {}, html! {},
html! {}, html! {},
html! {}, html! {
html! {}, a href="/contact" {
.frame {
"contact"
}
}
},
html! {
a href="/blog" {
.frame {
"blog"
}
}
},
], ],
)) ))
} }