fernando/jerguero-rs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI for a definition

Browse Source
This commit is contained in:
Araozu 2024-03-10 17:57:39 -05:00
parent e11656ea4e
commit 664e851ed5
2 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main.rs
View File

@ -4,7 +4,6 @@ extern crate rocket;
mod controller; mod controller;
mod view; mod view;
use maud::{html, Markup};
use rocket::fs::{relative, FileServer}; use rocket::fs::{relative, FileServer};
#[launch] #[launch]

37
src/view/mod.rs
View File

@ -12,7 +12,7 @@ pub fn skeleton(body: Markup) -> Markup {
link rel="stylesheet" link rel="stylesheet"
type="text/css" type="text/css"
href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/regular/style.css"; href="https://unpkg.com/@phosphor-icons/web@2.0.3/src/regular/style.css";
// Google fonts: Playfair Display and Inter // Google fonts: Playfair Display
link rel="preconnect" href="https://fonts.googleapis.com"; link rel="preconnect" href="https://fonts.googleapis.com";
link rel="preconnect" href="https://fonts.gstatic.com" crossorigin; link rel="preconnect" href="https://fonts.gstatic.com" crossorigin;
link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap" rel="stylesheet"; link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap" rel="stylesheet";
@ -58,6 +58,7 @@ pub fn homepage() -> Markup {
(post()) (post())
(post()) (post())
(post()) (post())
div class="w-full h-16" {}
} }
}) })
} }
@ -66,19 +67,37 @@ fn post() -> Markup {
html! { html! {
article class="card card-compact shadow-md my-2 border border-[rgba(150,150,150,0.25)]" { article class="card card-compact shadow-md my-2 border border-[rgba(150,150,150,0.25)]" {
div class="card-body" { div class="card-body" {
a href="#" class="text-blue-600 font-serif font-black" { div class="grid grid-cols-[auto_4rem]" {
h2 class="card-title" { a href="#" class="text-blue-600 font-serif font-black hover:underline" {
"Take the L" h2 class="card-title" {
"Pololo/a "
}
}
div class="inline-block text-right text-xl" {
span title="Controversial" {"🔥"}
" "
span title="Utilizado en Chile" {"🇨🇱"}
} }
} }
div {
div class="badge badge-ghost text-xs hover:bg-neutral hover:text-neutral-content cursor-pointer" {"Amor"}
div class="badge badge-ghost text-xs hover:bg-neutral hover:text-neutral-content cursor-pointer" {"Relaciones"}
}
p { p {
"Stands for \"Take the loss\". Frequently used to describe flunking a test, being dumped, being stood up, being beaten up or robbed, or losing one's money in the stock market, gambling, or through exploitative business schemes." "Otra palabra para decir enamorado/a"
} }
br; br;
div class="opacity-80 text-sm" { div class="grid grid-cols-[auto_3.25rem]" {
a href="#" class="inline-block underline font-serif font-semibold" { "Pablito" } div class="opacity-70 text-xs" {
" · " a href="#" class="inline-block underline font-serif font-semibold" { "Pablito" }
span { "05/12/2022" } " · "
span { "05/12/2022" }
}
div class="text-lg text-right" {
i class="ph ph-thumbs-down hover:underline cursor-pointer" {}
" "
i class="ph ph-thumbs-up hover:underline cursor-pointer" {}
}
} }
} }
} }