Added Social and tweaked Home

Signed-off-by: Tuan-Dat Tran <tuan-dat.tran@tudattr.dev>
This commit is contained in:
Tuan-Dat Tran
2024-09-02 18:18:08 +02:00
parent 0ff5419c23
commit f76a7a8c4c
7 changed files with 50 additions and 20 deletions

View File

@@ -8,7 +8,12 @@ pub fn CV() -> Element {
rsx! {
div {
class: "flex flex-col ",
Introduction {},
div {
class: "flex justify-between",
Introduction {},
Socials {}
},
HR {}
div {
class: "flex justify-between",
@@ -16,7 +21,6 @@ pub fn CV() -> Element {
Miscellaneous {},
},
HR {},
Socials {}
}
}
}
@@ -27,12 +31,14 @@ fn Introduction() -> Element {
rsx! {
div {
class: "flex",
img {
class: "rounded-full w-16 h-16 mx-16",
src: "/pictures/headshot.webp"
}
P { { translate!(i18, "cv.introduction") }}
}
P { { translate!(i18, "cv.introduction_0") } },
P { { translate!(i18, "cv.introduction_1") } }
},
}
}
@@ -228,9 +234,17 @@ fn random_badge_color(seed: usize) -> String {
}
fn Socials() -> Element {
let i18 = use_i18();
rsx! {
div {
"todo!()"
class: "ms-8 max-w-3/4",
H4 { { translate!(i18, "cv.socials.title") } },
div {
class: "flex justify-center items-center space-x-4",
P { Link { to:"https://www.linkedin.com/in/tudattr/", class:"hover:underline", new_tab: true, img { class: "h-8", src:"/pictures/LI-Bug.svg.original.svg", alt:"LinkedIn Logo" } }},
P { Link { to:"https://git.tudattr.dev/tudattr", class:"hover:underline", new_tab: true, img { class: "h-8", src:"/pictures/Gitea_Logo.svg", alt:"Gitea Logo" } }},
}
}
}
}

View File

@@ -18,13 +18,14 @@ pub fn Home() -> Element {
class: "mb-2",
P { { translate!(i18, "home.card.l1") } },
P { { translate!(i18, "home.card.l2") } },
P { { translate!(i18, "home.card.l3") },
P { { translate!(i18, "home.card.l3") } },
P { { translate!(i18, "home.card.l4") }
Link {
to: "https://git.tudattr.dev/explore/repos",
new_tab: true,
class: "items-center font-medium hover:underline",
"gitea"},
{ translate!(i18, "home.card.l3_1") }
{ translate!(i18, "home.card.l4_1") }
},
},
},

View File

@@ -18,13 +18,14 @@
"gender": "",
"l1": "Hallihallo! 👋🏻👋🏼👋🏽👋🏾👋🏿",
"l2": "Willkommen auf meiner kleinen Webseite im World Wide Web.",
"l3": "Während du hier bist, schau dir doch meine Projekte auf ",
"l3_1": " an.",
"l3": "Mein Name ist Tuan und ich bin Linux-Bastler, IT-Security Nerd und Automatisierer aus Leidenschaft.",
"l4": "Während du hier bist, schau dir doch meine Projekte auf ",
"l4_1": " an.",
"contact_button": "Get in touch."
}
},
"cv": {
"introduction": "Während meines Bachelorstudiums habe ich viele Erfahrungen in der Industrie und im Studium gesammelt. Meine beruflichen und persönlichen Interessen sind DevOps/IaC, Systems/Software Security und Computer Networking. All diese Interessen vertiefe ich in persönlichen Projekten wie meinem Homelab und CTF-Challenges.",
"introduction_0": "Während meines Bachelorstudiums habe ich viele Erfahrungen in der Industrie und im Studium gesammelt. Meine beruflichen und persönlichen Interessen sind DevOps/IaC, Systems/Software Security und Computer Networking. All diese Interessen vertiefe ich in persönlichen Projekten wie meinem Homelab und CTF-Challenges.",
"workexperience": {
"title": "Berufserfahrung",
"se1_gefeba": {
@@ -53,6 +54,9 @@
"description": "Während meiner Tätigkeit als wissenschaftlicher Mitarbeiter in der Network Communication System Research Group an der Universität Duisburg-Essen habe ich an der Forschung rund um Software Defined Networking, 5G, Staukontrollalgorithmen und föderiertes maschinelles Lernen mitgearbeitet. Ich habe die On-Premise- und Cloud-Infrastruktur, das Inventarsystem und die Online-Präsenz der Forschungsgruppe aufgebaut und verwaltet."
}
},
"socials": {
"title": "Profile"
},
"education": {
"title": "Bildungsweg",
"bachelor": {

View File

@@ -18,13 +18,14 @@
"gender": "(He/Him)",
"l1": "Hey there! 👋🏻👋🏼👋🏽👋🏾👋🏿",
"l2": "Welcome to my little place on the internet.",
"l3": "While you're here, why don't you check out my projects over on ",
"l3_1": "?",
"l3": "My name is Tuan and I'm passionate about Linux, system security, automation, network performance tweaking and all things tech.",
"l4": "While you're here, why don't you check out my projects over on ",
"l4_1": "?",
"contact_button": "Get in touch."
}
},
"cv": {
"introduction": "While studying for my bachelors degree I accumulated a lot of industry and academic experience. My professional and personal intererests are DevOps/IaC, Systems/Software Security and Computer Networking. All of which I deepen in personal projects such as my homelab and CTF challenges.",
"introduction_0": "While studying for my bachelors degree I accumulated a lot of industry and academic experience. My professional and personal intererests are DevOps/IaC, Systems/Software Security and Computer Networking. All of which I deepen in personal projects such as my homelab and CTF challenges.",
"workexperience": {
"title": "Work Experience",
"se1_gefeba": {
@@ -53,6 +54,9 @@
"description": "While working for the Network Communication System Research Group at the University Duisburg-Essen as a research assistant I've assisted in research around software defined networking, 5G, congestion control algorithms and federated machine learning. I've established and managed the research groups on-premise and cloud infractructure, inventory system and online presence."
}
},
"socials": {
"title": "Socials"
},
"education": {
"title": "Education",
"bachelor": {