Center div and some formulation in strings

Signed-off-by: Tuan-Dat Tran <tuan-dat.tran@tudattr.dev>

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) {

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 {

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",

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 ",