fx/moves classes from div to Link

This commit is contained in:
itsscb 2024-04-21 00:32:42 +02:00
parent 9d0cc095bc
commit 5fa942d916
12 changed files with 237 additions and 142 deletions

View File

@ -910,16 +910,16 @@ function __wbg_get_imports() {
const ret = wasm.memory; const ret = wasm.memory;
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper4594 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper4788 = function(arg0, arg1, arg2) {
const ret = makeClosure(arg0, arg1, 617, __wbg_adapter_42); const ret = makeClosure(arg0, arg1, 624, __wbg_adapter_42);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper6267 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper6487 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 788, __wbg_adapter_45); const ret = makeMutClosure(arg0, arg1, 794, __wbg_adapter_45);
return addHeapObject(ret); return addHeapObject(ret);
}; };
imports.wbg.__wbindgen_closure_wrapper6571 = function(arg0, arg1, arg2) { imports.wbg.__wbindgen_closure_wrapper6791 = function(arg0, arg1, arg2) {
const ret = makeMutClosure(arg0, arg1, 813, __wbg_adapter_48); const ret = makeMutClosure(arg0, arg1, 819, __wbg_adapter_48);
return addHeapObject(ret); return addHeapObject(ret);
}; };

10
dist/index.html vendored
View File

@ -2,19 +2,19 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Digitaler Frieden</title> <title>Digitaler Frieden</title>
<link rel="stylesheet" href="/styles-c782c03204eac356.css" integrity="sha384-lKsFrm3yCxlOJa6nYfgnRtJimTwIjnZK68/u4R8fJ2S8PnK/ztPTifgkmJunkXLb"> <link rel="stylesheet" href="/styles-790afe2a8448ce4f.css" integrity="sha384-EsXQBT2+XeCh0YQ1OnhHBfYI32w+oQI1i6OEuKzRm3gHDlbFTi/vIhK8XOpPrW0t">
<link rel="icon" href="/favicon-928ba63f33046eed.ico" integrity="sha384-Neq57jnFrTfqAN1JvKAVVVcH1EW3//cZHmK2NRXRlNrxAZR6ErTvXzbOLSyHzkA4"> <link rel="icon" href="/favicon-928ba63f33046eed.ico" integrity="sha384-Neq57jnFrTfqAN1JvKAVVVcH1EW3//cZHmK2NRXRlNrxAZR6ErTvXzbOLSyHzkA4">
<link rel="preload" href="/digitaler-frieden-a5c46ba2b4007edc_bg.wasm" crossorigin="anonymous" integrity="sha384-/nhi/WYlpgPDFVyMKRzDBKCI1Qicv5ZlcCkwhnMaOxoKHpJrW5Jyr6Zz0Ber9zG7" as="fetch" type="application/wasm"> <link rel="preload" href="/digitaler-frieden-a46945b7af60aeea_bg.wasm" crossorigin="anonymous" integrity="sha384-U/7UNFoZnY+Sr8vCGT6tdip1lM96wbG2Y1WpnzK8l6gTBDM2ozTmHrjFOVC05D9j" as="fetch" type="application/wasm">
<link rel="modulepreload" href="/digitaler-frieden-a5c46ba2b4007edc.js" crossorigin="anonymous" integrity="sha384-EIZgdnciYSFZw+rqoQTDD554+YaSi3C2aQkRZOcabgZZfrw+h5AogdieogZZ1+wr"></head> <link rel="modulepreload" href="/digitaler-frieden-a46945b7af60aeea.js" crossorigin="anonymous" integrity="sha384-l/ijXtqMmltzylPhQmf23Bw4ACa18XnhwHhNVn6FJhHWESm5iOvZ9LA7dEJw3gNf"></head>
<body class="bg-black text-white "> <body class="bg-black text-white ">
<script type="module"> <script type="module">
import init, * as bindings from '/digitaler-frieden-a5c46ba2b4007edc.js'; import init, * as bindings from '/digitaler-frieden-a46945b7af60aeea.js';
init('/digitaler-frieden-a5c46ba2b4007edc_bg.wasm'); init('/digitaler-frieden-a46945b7af60aeea_bg.wasm');
window.wasmBindings = bindings; window.wasmBindings = bindings;
</script><script>"use strict"; </script><script>"use strict";

View File

@ -586,10 +586,6 @@ video {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
.mb-16 {
margin-bottom: 4rem;
}
.mb-20 { .mb-20 {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
@ -602,6 +598,10 @@ video {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 { .mb-6 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -702,14 +702,35 @@ video {
min-width: 14rem; min-width: 14rem;
} }
.min-w-72 {
min-width: 18rem;
}
.max-w-36 { .max-w-36 {
max-width: 9rem; max-width: 9rem;
} }
.max-w-lg {
max-width: 32rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl { .max-w-xl {
max-width: 36rem; max-width: 36rem;
} }
.-translate-y-1 {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -989,6 +1010,10 @@ video {
width: 14rem; width: 14rem;
} }
.md\:w-auto {
width: auto;
}
.md\:min-w-56 { .md\:min-w-56 {
min-width: 14rem; min-width: 14rem;
} }

View File

@ -586,10 +586,6 @@ video {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
.mb-16 {
margin-bottom: 4rem;
}
.mb-20 { .mb-20 {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
@ -602,6 +598,10 @@ video {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 { .mb-6 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -702,14 +702,35 @@ video {
min-width: 14rem; min-width: 14rem;
} }
.min-w-72 {
min-width: 18rem;
}
.max-w-36 { .max-w-36 {
max-width: 9rem; max-width: 9rem;
} }
.max-w-lg {
max-width: 32rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl { .max-w-xl {
max-width: 36rem; max-width: 36rem;
} }
.-translate-y-1 {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -989,6 +1010,10 @@ video {
width: 14rem; width: 14rem;
} }
.md\:w-auto {
width: auto;
}
.md\:min-w-56 { .md\:min-w-56 {
min-width: 14rem; min-width: 14rem;
} }

View File

@ -586,10 +586,6 @@ video {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
.mb-16 {
margin-bottom: 4rem;
}
.mb-20 { .mb-20 {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
@ -602,6 +598,10 @@ video {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 { .mb-6 {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
@ -702,14 +702,35 @@ video {
min-width: 14rem; min-width: 14rem;
} }
.min-w-72 {
min-width: 18rem;
}
.max-w-36 { .max-w-36 {
max-width: 9rem; max-width: 9rem;
} }
.max-w-lg {
max-width: 32rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl { .max-w-xl {
max-width: 36rem; max-width: 36rem;
} }
.-translate-y-1 {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
cursor: pointer;
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -989,6 +1010,10 @@ video {
width: 14rem; width: 14rem;
} }
.md\:w-auto {
width: auto;
}
.md\:min-w-56 { .md\:min-w-56 {
min-width: 14rem; min-width: 14rem;
} }

View File

@ -1,4 +1,4 @@
use yew::{function_component, html, Html}; use yew::{classes, function_component, html, Html};
use yew_router::components::Link; use yew_router::components::Link;
use crate::router::Route; use crate::router::Route;
@ -29,9 +29,7 @@ pub fn Clues() -> Html {
<svg <svg
class="w-8 " class="w-8 "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -60,9 +58,7 @@ pub fn Clues() -> Html {
<svg <svg
class="text-primary w-10 absolute right-4" class="text-primary w-10 absolute right-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -75,9 +71,7 @@ pub fn Clues() -> Html {
<svg <svg
class="w-10 text-danger" class="w-10 text-danger"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -91,9 +85,7 @@ pub fn Clues() -> Html {
<svg <svg
class="w-10 text-danger" class="w-10 text-danger"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -112,9 +104,7 @@ pub fn Clues() -> Html {
<svg <svg
class="text-primary w-10 absolute right-4" class="text-primary w-10 absolute right-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -127,9 +117,7 @@ pub fn Clues() -> Html {
<svg <svg
class="w-10 text-danger" class="w-10 text-danger"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -143,9 +131,7 @@ pub fn Clues() -> Html {
<svg <svg
class="w-10 text-danger" class="w-10 text-danger"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -156,26 +142,31 @@ pub fn Clues() -> Html {
<p class="text-md">{ "+49 9876 543 210" }</p> <p class="text-md">{ "+49 9876 543 210" }</p>
</div> </div>
</div> </div>
<div class="flex justify-center max-w-xl w-full mb-6"> <div class="flex justify-center max-w-lg w-full mb-6">
<div <Link<Route>
class="bg-primary to={Route::Register}
hover:bg-primary-dark classes={classes!(
hover:text-white "bg-primary",
hover:-translate-y-1 "hover",":bg-primary-dark",
hover:cursor-pointer "hover",":text-white",
transition duration-150 "hover",":-translate-y-1",
font-bold text-xl "hover",":cursor-pointer",
max-w-xl "transition", "duration-150",
rounded-md "font-bold", "text-xl",
text-black "max-w-sm",
text-center "rounded-md",
w-full "text-black",
min-h-16 "text-center",
h-16 "w-full",
flex justify-center items-center mb-16" "min-h-16",
"h-16",
"flex",
"justify-center",
"items-center",
)}
> >
<Link<Route> to={Route::Register}>{ "Weiter" }</Link<Route>> { "Weiter" }
</div> </Link<Route>>
</div> </div>
</div> </div>
</div> </div>

View File

@ -29,9 +29,7 @@ pub fn Deceased() -> Html {
<svg <svg
class="w-8 " class="w-8 "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -115,24 +113,27 @@ pub fn Deceased() -> Html {
type="date" type="date"
/> />
</div> </div>
<div <Link<Route>
class="bg-primary to={Route::Clues}
hover:bg-primary-dark classes={yew::classes!(
hover:text-white "bg-primary",
hover:-translate-y-1 "hover",":bg-primary-dark",
hover:cursor-pointer "hover",":text-white",
transition duration-150 "hover",":-translate-y-1",
font-bold text-xl "hover",":cursor-pointer",
max-w-xl "transition", "duration-150",
rounded-md "font-bold", "text-xl",
text-black "max-w-sm",
text-center "rounded-md",
w-full "text-black",
h-16 "text-center",
mt-8 flex justify-center items-center " "w-full",
"h-16",
"mt-8", "flex", "justify-center", "items-center",
)}
> >
<Link<Route> to={Route::Clues}>{ "Weiter" }</Link<Route>> { "Weiter" }
</div> </Link<Route>>
</div> </div>
</div> </div>
} }

View File

@ -1,4 +1,4 @@
use yew::{function_component, html, Html}; use yew::{classes, function_component, html, Html};
use yew_router::prelude::Link; use yew_router::prelude::Link;
use crate::router::Route; use crate::router::Route;
@ -20,25 +20,32 @@ pub fn Home() -> Html {
{ "Mit uns finden Sie Ihre digitalen Spuren und können diese entfernen." } { "Mit uns finden Sie Ihre digitalen Spuren und können diese entfernen." }
</p> </p>
</div> </div>
<div <Link<Route>
class="bg-primary to={Route::SignUp}
hover:bg-primary-dark classes={classes!(
hover:text-white "bg-primary",
hover:-translate-y-1 "hover:bg-primary-dark",
hover:cursor-pointer "hover:text-white",
transition duration-150 "hover:-translate-y-1",
font-bold text-xl "hover:cursor-pointer",
max-w-xl "transition",
rounded-md "duration-150",
text-black "font-bold",
text-center "text-xl",
w-full "max-w-xl",
min-h-16 "rounded-md",
h-16 "text-black",
flex justify-center items-center" "text-center",
"w-full",
"min-h-16",
"h-16",
"flex",
"justify-center",
"items-center",
)}
> >
<Link<Route> to={Route::SignUp}>{ "Weiter" }</Link<Route>> { "Weiter" }
</div> </Link<Route>>
<div class="flex flex-col items-center space-y-4"> <div class="flex flex-col items-center space-y-4">
<p class="text-center italic"> <p class="text-center italic">
{ "Mit der weiteren Nutzung stimmst du den folgenden Bedingungen zu:" } { "Mit der weiteren Nutzung stimmst du den folgenden Bedingungen zu:" }

View File

@ -1,4 +1,4 @@
use yew::{function_component, html, Html}; use yew::{classes, function_component, html, Html};
use yew_router::components::Link; use yew_router::components::Link;
use crate::router::Route; use crate::router::Route;
@ -29,9 +29,7 @@ pub fn Register() -> Html {
<svg <svg
class="w-8 " class="w-8 "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -108,24 +106,27 @@ pub fn Register() -> Html {
type="text" type="text"
/> />
</div> </div>
<div <Link<Route>
class="bg-primary to={Route::Deceased}
hover:bg-primary-dark classes={classes!(
hover:text-white "bg-primary",
hover:-translate-y-1 "hover",":bg-primary-dark",
hover:cursor-pointer "hover",":text-white",
transition duration-150 "hover",":-translate-y-1",
font-bold text-xl "hover",":cursor-pointer",
max-w-xl "transition", "duration-150",
rounded-md "font-bold", "text-xl",
text-black "max-w-sm",
text-center "rounded-md",
w-full "text-black",
h-16 "text-center",
mt-20 flex justify-center items-center " "w-full",
"h-16",
"mt-20", "flex", "justify-center", "items-center",
)}
> >
<Link<Route> to={Route::Deceased}>{ "Weiter" }</Link<Route>> { "Weiter" }
</div> </Link<Route>>
</div> </div>
</div> </div>
} }

View File

@ -1,4 +1,4 @@
use yew::{function_component, html, Html}; use yew::{classes, function_component, html, Html};
use yew_router::components::Link; use yew_router::components::Link;
use crate::router::Route; use crate::router::Route;
@ -29,9 +29,7 @@ pub fn SignUp() -> Html {
<svg <svg
class="w-8 " class="w-8 "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -82,7 +80,28 @@ pub fn SignUp() -> Html {
h-12 h-12
flex justify-center items-center" flex justify-center items-center"
> >
<Link<Route> to={Route::Verify}>{ "Weiter" }</Link<Route>> <Link<Route>
to={Route::Verify}
classes={classes!(
"bg-primary",
"hover",":bg-primary-dark",
"hover",":text-white",
"hover",":-translate-y-1",
"hover",":cursor-pointer",
"transition", "duration-150",
"font-bold", "text-xl",
"max-w-36",
"rounded-md",
"text-black",
"text-center",
"w-full",
"min-h-12",
"h-12",
"flex", "justify-center", "items-center",
)}
>
{ "Weiter" }
</Link<Route>>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,4 +1,4 @@
use yew::{function_component, html, Html}; use yew::{classes, function_component, html, Html};
use yew_router::components::Link; use yew_router::components::Link;
use crate::router::Route; use crate::router::Route;
@ -30,9 +30,7 @@ pub fn Verify() -> Html {
<svg <svg
class="w-8 " class="w-8 "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
height="currentHeight"
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="currentWidth"
fill="currentColor" fill="currentColor"
> >
<path d="M0 0h24v24H0z" fill="none" /> <path d="M0 0h24v24H0z" fill="none" />
@ -50,33 +48,36 @@ pub fn Verify() -> Html {
</div> </div>
<div class="mt-24 md:mt-32 flex flex-col items-center"> <div class="mt-24 md:mt-32 flex flex-col items-center">
<h3 class="text-3xl font-bold mb-6">{ "Verifizieren" }</h3> <h3 class="text-3xl font-bold mb-6">{ "Verifizieren" }</h3>
<div class="flex flex-col items-start"> <div class="flex flex-col items-start min-w-72 md:w-auto">
<p class="mb-3">{ "Bitte verifiziere deine E-Mail Adresse." }</p> <p class="mb-3">{ "Bitte verifiziere deine E-Mail Adresse." }</p>
<p class="mb-12">{ "Wir haben dir eine E-Mail geschickt." }</p> <p class="mb-12">{ "Wir haben dir eine E-Mail geschickt." }</p>
<p class="mb-8">{ "Dann geht es hier weiter." }</p> <p class="mb-8">{ "Dann geht es hier weiter." }</p>
</div> </div>
<div class="flex justify-center max-w-xl w-full mb-6"> <div class="flex justify-center max-w-xl w-full mb-6">
<div <Link<Route>
class="bg-primary to={Route::Register}
hover:bg-primary-dark classes={classes!(
hover:text-white "bg-primary",
hover:-translate-y-1 "hover",":bg-primary-dark",
hover:cursor-pointer "hover",":text-white",
transition duration-150 "hover",":-translate-y-1",
font-bold text-xl "hover",":cursor-pointer",
max-w-36 "transition", "duration-150",
rounded-md "font-bold", "text-xl",
text-black "rounded-md",
text-center "text-black",
w-full "text-center",
min-h-12 "max-w-sm",
h-12 "w-full",
flex justify-center items-center mb-16" "min-h-12",
"h-12",
"flex", "justify-center", "items-center",
)}
> >
<Link<Route> to={Route::Register}>{ "Weiter" }</Link<Route>> { "Weiter" }
</div> </Link<Route>>
</div> </div>
<div class="flex flex-col items-start"> <div class="flex flex-col items-start min-w-72 md:w-auto">
<p class="mb-1">{ "Noch keine E-Mail erhalten?" }</p> <p class="mb-1">{ "Noch keine E-Mail erhalten?" }</p>
<p class="mb-4">{ "Spam Ordner schon überprüft?" }</p> <p class="mb-4">{ "Spam Ordner schon überprüft?" }</p>
<div <div