Center div and some formulation in strings
Signed-off-by: Tuan-Dat Tran <tuan-dat.tran@tudattr.dev>pull/7/head
parent
0dd9cec4bd
commit
71798be854
|
@ -791,16 +791,16 @@ video {
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded-s-lg {
|
|
||||||
border-start-start-radius: 0.5rem;
|
|
||||||
border-end-start-radius: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rounded-e-lg {
|
.rounded-e-lg {
|
||||||
border-start-end-radius: 0.5rem;
|
border-start-end-radius: 0.5rem;
|
||||||
border-end-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 {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
|
@ -951,6 +951,11 @@ video {
|
||||||
padding-right: 0.625rem;
|
padding-right: 0.625rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.px-4 {
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.px-5 {
|
.px-5 {
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
padding-right: 1.25rem;
|
padding-right: 1.25rem;
|
||||||
|
@ -986,11 +991,6 @@ video {
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.px-4 {
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pb-4 {
|
.pb-4 {
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -1181,16 +1181,16 @@ video {
|
||||||
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
|
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 {
|
.hover\:text-blue-700:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(29 78 216 / var(--tw-text-opacity));
|
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 {
|
.hover\:underline:hover {
|
||||||
text-decoration-line: underline;
|
text-decoration-line: underline;
|
||||||
}
|
}
|
||||||
|
@ -1214,21 +1214,16 @@ video {
|
||||||
outline-offset: 2px;
|
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 {
|
.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-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);
|
--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);
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-cyan-300:focus {
|
.focus\:ring-4:focus {
|
||||||
--tw-ring-opacity: 1;
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||||
--tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity));
|
--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 {
|
.focus\:ring-blue-700:focus {
|
||||||
|
@ -1236,6 +1231,11 @@ video {
|
||||||
--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity));
|
--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 {
|
.group:hover .group-hover\:from-green-400 {
|
||||||
--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
|
--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
|
||||||
--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-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));
|
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 {
|
.dark\:focus\:ring-blue-500:focus {
|
||||||
--tw-ring-opacity: 1;
|
--tw-ring-opacity: 1;
|
||||||
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
|
--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) {
|
@media (min-width: 768px) {
|
||||||
|
|
|
@ -12,23 +12,25 @@ pub fn Impressum() -> Element {
|
||||||
rsx! {
|
rsx! {
|
||||||
if show_impressum() {
|
if show_impressum() {
|
||||||
div {
|
div {
|
||||||
class: "flex flex-col items-center",
|
div {
|
||||||
button {
|
class: "flex flex-col items-center",
|
||||||
onclick: move |_| {
|
button {
|
||||||
info!("Hide impressum.");
|
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" },
|
HR {}
|
||||||
P { "c/o AutorenServices.de" },
|
div {
|
||||||
P { "Birkenallee 24" },
|
class: "flex flex-col items-center",
|
||||||
P { "36037 Fulda" },
|
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 {
|
} else {
|
||||||
div {
|
div {
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
"name": "Tuan-Dat Tran",
|
"name": "Tuan-Dat Tran",
|
||||||
"gender": "",
|
"gender": "",
|
||||||
"l1": "Hallihallo! 👋🏻👋🏼👋🏽👋🏾👋🏿",
|
"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": "Während du hier bist, schau dir doch meine Projekte auf ",
|
||||||
"l3_1": " an.",
|
"l3_1": " an.",
|
||||||
"contact_button": "Get in touch."
|
"contact_button": "Get in touch."
|
||||||
|
@ -84,7 +84,7 @@
|
||||||
"japanese": "Japanisch (A1)"
|
"japanese": "Japanisch (A1)"
|
||||||
},
|
},
|
||||||
"interests": {
|
"interests": {
|
||||||
"title": "Interests",
|
"title": "Interessen",
|
||||||
"coffee": "Kaffee",
|
"coffee": "Kaffee",
|
||||||
"tech_it": "Tech/IT",
|
"tech_it": "Tech/IT",
|
||||||
"guitar": "Gitarre",
|
"guitar": "Gitarre",
|
||||||
|
|
|
@ -139,7 +139,7 @@
|
||||||
"on": "Impressum"
|
"on": "Impressum"
|
||||||
},
|
},
|
||||||
"components": {
|
"components": {
|
||||||
"under_construction": "This site is currently under construction"
|
"under_construction": "This page is currently under construction"
|
||||||
},
|
},
|
||||||
"footer": {
|
"footer": {
|
||||||
"year": "© 2024 ",
|
"year": "© 2024 ",
|
||||||
|
|
Loading…
Reference in New Issue