tudattr/athome
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(dark-mode): removed dark mode, made it default

Browse Source 
Signed-off-by: Tuan-Dat Tran <tuan-dat.tran@tudattr.dev>
This commit is contained in:
Tuan-Dat Tran
2025-02-11 19:24:10 +01:00
parent b878c7db55
commit 16e04980b5
7 changed files with 159 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/cv.rs
View File

@@ -45,7 +45,7 @@ fn WorkExperience() -> Element {
class: "ms-8 max-w-3/4",
H4 { { t!("cv_workexperience_title") } },
ol {
class:"relative border-s border-gray-200 dark:border-gray-700",
class:"relative border-s border-gray-700",
CVEntry {time: t!("cv_workexperience_dd_devops_time"), title: t!("cv_workexperience_dd_devops_title"),
technologies: vec!["Kubenertes".to_string(), "ArgoCD".to_string(), "Ansible".to_string(), "Azure".to_string(), "Docker".to_string(), "ELK".to_string()],
description: t!("cv_workexperience_dd_devops_description")
@@ -93,7 +93,7 @@ fn Education() -> Element {
H4 { { t!("cv_education_title") } },
Entry {
title: t!("cv_education_bachelor_title"),
time { class:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500", { t!("cv_education_bachelor_time") } },
time { class:"mb-1 text-sm font-normal leading-none text-gray-500", { t!("cv_education_bachelor_time") } },
},
}
}
@@ -160,7 +160,7 @@ fn Entry(props: EntryProps) -> Element {
rsx! {
div {
class: "{props.class}",
h6 { class: "font-semibold text-gray-900 dark:text-white", "{props.title}"}
h6 { class: "font-semibold text-white", "{props.title}"}
{props.children},
}
}
@@ -183,16 +183,16 @@ fn CVEntry(props: CVEntryProps) -> Element {
li {
class: "max-w-xl",
class: "{props.class}",
div { class:"absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"},
time { class:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500", "{props.time}"},
h6 { class: "text-lg font-semibold text-gray-900 dark:text-white", "{props.title}"}
div { class:"absolute w-3 h-3 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"},
time { class:"mb-1 text-sm font-normal leading-none text-gray-500", "{props.time}"},
h6 { class: "text-lg font-semibold text-white", "{props.title}"}
ul {
class: "flex flex-wrap gap-2",
for (index, value) in props.technologies.iter().enumerate() {
li { key: "{index}", RandomBadge { text: "{value}"} }
}
}
p { class:"text-base font-normal text-gray-500 dark:text-gray-400", "{props.description}"},
p { class:"text-base font-normal text-gray-400", "{props.description}"},
{props.children}
}
}
@@ -211,14 +211,14 @@ fn RandomBadge(text: String) -> Element {
fn random_badge_color(seed: usize) -> String {
let colors = [
"bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300",
"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
"bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300",
"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300",
"bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300",
"bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-300",
"bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300",
"bg-pink-100 text-pink-800 dark:bg-pink-900 dark:text-pink-300",
"bg-blue-900 text-blue-300",
"bg-gray-700 text-gray-300",
"bg-red-900 text-red-300",
"bg-green-900 text-green-300",
"bg-yellow-900 text-yellow-300",
"bg-indigo-900 text-indigo-300",
"bg-purple-900 text-purple-300",
"bg-pink-900 text-pink-300",
];
colors[seed % colors.len()].to_string()
@@ -241,7 +241,7 @@ fn Socials() -> Element {
fn P(children: Element) -> Element {
rsx! {
p {
class: "text-base font-normal text-gray-500 dark:text-gray-400",
class: "text-base font-normal text-gray-400",
{children},
}
}