diff --git a/assets/tailwind.css b/assets/tailwind.css index b495af0..47a42a1 100644 --- a/assets/tailwind.css +++ b/assets/tailwind.css @@ -791,16 +791,16 @@ video { border-radius: 0.375rem; } -.rounded-s-lg { - border-start-start-radius: 0.5rem; - border-end-start-radius: 0.5rem; -} - .rounded-e-lg { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } +.rounded-s-lg { + border-start-start-radius: 0.5rem; + border-end-start-radius: 0.5rem; +} + .border { border-width: 1px; } @@ -951,6 +951,11 @@ video { padding-right: 0.625rem; } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; @@ -986,11 +991,6 @@ video { padding-bottom: 1rem; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - .pb-4 { padding-bottom: 1rem; } @@ -1181,16 +1181,16 @@ video { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } -.hover\:text-white:hover { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - .hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)); } +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .hover\:underline:hover { text-decoration-line: underline; } @@ -1214,21 +1214,16 @@ video { outline-offset: 2px; } -.focus\:ring-4:focus { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } -.focus\:ring-cyan-300:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); +.focus\:ring-4:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-blue-700:focus { @@ -1236,6 +1231,11 @@ video { --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity)); } +.focus\:ring-cyan-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); +} + .group:hover .group-hover\:from-green-400 { --tw-gradient-from: #4ade80 var(--tw-gradient-from-position); --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position); @@ -1424,15 +1424,15 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } - .dark\:focus\:ring-cyan-800:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity)); - } - .dark\:focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } + + .dark\:focus\:ring-cyan-800:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(21 94 117 / var(--tw-ring-opacity)); + } } @media (min-width: 768px) { diff --git a/src/impressum.rs b/src/impressum.rs index f34910e..a4f7127 100644 --- a/src/impressum.rs +++ b/src/impressum.rs @@ -12,23 +12,25 @@ pub fn Impressum() -> Element { rsx! { if show_impressum() { div { - class: "flex flex-col items-center", - button { - onclick: move |_| { - info!("Hide impressum."); + div { + class: "flex flex-col items-center", + button { + onclick: move |_| { + info!("Hide impressum."); + }, + H1 { { translate!(i18, "impressum.on") } }, }, - H1 { { translate!(i18, "impressum.on") } }, + P { "Tuan-Dat Tran" }, + P { "c/o AutorenServices.de" }, + P { "Birkenallee 24" }, + P { "36037 Fulda" }, }, - P { "Tuan-Dat Tran" }, - P { "c/o AutorenServices.de" }, - P { "Birkenallee 24" }, - P { "36037 Fulda" }, - } - HR {} - div { - class: "flex flex-col items-center", - P { "tuan-dat.tran@tudattr.dev" }, - P { "+49 176 83468388" }, + HR {} + div { + class: "flex flex-col items-center", + P { "tuan-dat.tran@tudattr.dev" }, + P { "+49 176 83468388" }, + } } } else { div { diff --git a/src/languages/de-DE.json b/src/languages/de-DE.json index 7703371..63246a3 100644 --- a/src/languages/de-DE.json +++ b/src/languages/de-DE.json @@ -17,7 +17,7 @@ "name": "Tuan-Dat Tran", "gender": "", "l1": "Hallihallo! πŸ‘‹πŸ»πŸ‘‹πŸΌπŸ‘‹πŸ½πŸ‘‹πŸΎπŸ‘‹πŸΏ", - "l2": "Willkommen auf meiner kleinen Seite im World Wide Web.", + "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.", "contact_button": "Get in touch." @@ -84,7 +84,7 @@ "japanese": "Japanisch (A1)" }, "interests": { - "title": "Interests", + "title": "Interessen", "coffee": "Kaffee", "tech_it": "Tech/IT", "guitar": "Gitarre", diff --git a/src/languages/en-GB.json b/src/languages/en-GB.json index 7a1bb41..e57df45 100644 --- a/src/languages/en-GB.json +++ b/src/languages/en-GB.json @@ -139,7 +139,7 @@ "on": "Impressum" }, "components": { - "under_construction": "This site is currently under construction" + "under_construction": "This page is currently under construction" }, "footer": { "year": "Β© 2024 ",