diff --git a/assets/pictures/Gitea_Logo.svg b/assets/pictures/Gitea_Logo.svg
new file mode 100644
index 0000000..7ed0012
--- /dev/null
+++ b/assets/pictures/Gitea_Logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/pictures/LI-Bug.svg.original.svg b/assets/pictures/LI-Bug.svg.original.svg
new file mode 100644
index 0000000..48b7efe
--- /dev/null
+++ b/assets/pictures/LI-Bug.svg.original.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/assets/tailwind.css b/assets/tailwind.css
index 3b1b1fc..f82d366 100644
--- a/assets/tailwind.css
+++ b/assets/tailwind.css
@@ -676,11 +676,6 @@ video {
display: flex;
}
-.size-auto {
- width: auto;
- height: auto;
-}
-
.h-16 {
height: 4rem;
}
@@ -705,8 +700,8 @@ video {
height: 1px;
}
-.h-screen {
- height: 100vh;
+.h-32 {
+ height: 8rem;
}
.min-h-screen {
@@ -802,6 +797,12 @@ video {
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-x-reverse: 0;
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
.overflow-x-auto {
overflow-x: auto;
}
diff --git a/src/cv.rs b/src/cv.rs
index 46d357c..f1fa6b5 100644
--- a/src/cv.rs
+++ b/src/cv.rs
@@ -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" } }},
+ }
}
}
}
diff --git a/src/home.rs b/src/home.rs
index 575a974..2cf72cb 100644
--- a/src/home.rs
+++ b/src/home.rs
@@ -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") }
},
},
},
diff --git a/src/languages/de-DE.json b/src/languages/de-DE.json
index 63246a3..5bf1b23 100644
--- a/src/languages/de-DE.json
+++ b/src/languages/de-DE.json
@@ -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": {
diff --git a/src/languages/en-GB.json b/src/languages/en-GB.json
index e57df45..888fcc9 100644
--- a/src/languages/en-GB.json
+++ b/src/languages/en-GB.json
@@ -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": {