itsscb/digitaler-frieden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ft/adds fade-in animation to all pages & minor updates

Browse Source
This commit is contained in:
itsscb 2024-04-22 19:19:28 +02:00
parent 5ab66cb4eb
commit 1f77b370f0
14 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
dist/digitaler-frieden-9a1d4250dfda5ac0.js → dist/digitaler-frieden-28a0e60b94264a4e.js vendored
View File

BIN
dist/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm → dist/digitaler-frieden-28a0e60b94264a4e_bg.wasm vendored
View File

Binary file not shown.

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-2a228ed339d2e32b.css" integrity="sha384-fplUaLfyn3FCBU/L25RKdw1k2Z0dOTOB6QsY1SHW4hOF22SNeu5eKT5XtDBQiXzI"> <link rel="stylesheet" href="/styles-dc44ed5cde15170.css" integrity="sha384-SOaE2ELbvnK3hgeOgdjq8nfXzXbcTKN1zIetkIpE3I5wjJOpYD3XfDiTymcvW0+7">
<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-9a1d4250dfda5ac0_bg.wasm" crossorigin="anonymous" integrity="sha384-YLHBTB17zAWUG2FevMs+gJC2CKO3NxDUi8dgdd0OUeu31NL19P/5uvoZbtJ5VtmP" as="fetch" type="application/wasm"> <link rel="preload" href="/digitaler-frieden-28a0e60b94264a4e_bg.wasm" crossorigin="anonymous" integrity="sha384-8T2wZPlTwECUJCK4A7oRPYvCw/xySRaTfDZqfu9kc0379hN0BSRWkURe6T5TOuTD" as="fetch" type="application/wasm">
<link rel="modulepreload" href="/digitaler-frieden-9a1d4250dfda5ac0.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></head> <link rel="modulepreload" href="/digitaler-frieden-28a0e60b94264a4e.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></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-9a1d4250dfda5ac0.js'; import init, * as bindings from '/digitaler-frieden-28a0e60b94264a4e.js';
init('/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm'); init('/digitaler-frieden-28a0e60b94264a4e_bg.wasm');
window.wasmBindings = bindings; window.wasmBindings = bindings;
</script><script>"use strict"; </script><script>"use strict";

4
dist/public/styles.css vendored
View File

@ -886,7 +886,7 @@ video {
.fade-in{ .fade-in{
position:relative; position:relative;
animation:fadein 1s animation:fadein 0.4s
} }
@keyframes fadein{ @keyframes fadein{
@ -903,7 +903,7 @@ video {
.fade-out{ .fade-out{
position:relative; position:relative;
animation:fadeout 1s animation:fadeout 0.4s
} }
@keyframes fadeout{ @keyframes fadeout{

4
dist/styles-2a228ed339d2e32b.css → dist/styles-dc44ed5cde15170.css vendored
View File

@ -886,7 +886,7 @@ video {
.fade-in{ .fade-in{
position:relative; position:relative;
animation:fadein 1s animation:fadein 0.4s
} }
@keyframes fadein{ @keyframes fadein{
@ -903,7 +903,7 @@ video {
.fade-out{ .fade-out{
position:relative; position:relative;
animation:fadeout 1s animation:fadeout 0.4s
} }
@keyframes fadeout{ @keyframes fadeout{

4
input.css
View File

@ -4,7 +4,7 @@
.fade-in{ .fade-in{
position:relative; position:relative;
animation:fadein 1s} animation:fadein 0.4s}
@keyframes fadein{ @keyframes fadein{
from{ from{
left:200%; left:200%;
@ -16,7 +16,7 @@ opacity:1}
.fade-out{ .fade-out{
position:relative; position:relative;
animation:fadeout 1s} animation:fadeout 0.4s}
@keyframes fadeout{ @keyframes fadeout{
from{ from{
left:0; left:0;

4
public/styles.css
View File

@ -886,7 +886,7 @@ video {
.fade-in{ .fade-in{
position:relative; position:relative;
animation:fadein 1s animation:fadein 0.4s
} }
@keyframes fadein{ @keyframes fadein{
@ -903,7 +903,7 @@ video {
.fade-out{ .fade-out{
position:relative; position:relative;
animation:fadeout 1s animation:fadeout 0.4s
} }
@keyframes fadeout{ @keyframes fadeout{

6
src/pages/clues.rs
View File

@ -7,6 +7,7 @@ use crate::router::Route;
pub fn Clues() -> Html { pub fn Clues() -> Html {
html! { html! {
<div class="px-6 mt-4 md:mt-24"> <div class="px-6 mt-4 md:mt-24">
<section id="navigation">
<h3 <h3
class="text-primary class="text-primary
hover:bg-text-dark hover:bg-text-dark
@ -24,7 +25,7 @@ pub fn Clues() -> Html {
left-4 left-4
" "
> >
<Link<Route> to={Route::SignUp}> <Link<Route> to={Route::Deceased}>
<div class="flex items-center"> <div class="flex items-center">
<svg <svg
class="w-8 " class="w-8 "
@ -44,6 +45,8 @@ pub fn Clues() -> Html {
alt="logo digitaler frieden" alt="logo digitaler frieden"
class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0" class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0"
/> />
</section>
<section class="fade-in" id="content">
<div class="mt-16 md:mt-32 flex flex-col items-center justify-between"> <div class="mt-16 md:mt-32 flex flex-col items-center justify-between">
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<h3 class="text-3xl font-bold mb-4">{ "Spurhinweise hinzufügen" }</h3> <h3 class="text-3xl font-bold mb-4">{ "Spurhinweise hinzufügen" }</h3>
@ -171,6 +174,7 @@ pub fn Clues() -> Html {
</div> </div>
</div> </div>
</div> </div>
</section>
</div> </div>
} }
} }

8
src/pages/deceased.rs
View File

@ -7,6 +7,7 @@ use crate::router::Route;
pub fn Deceased() -> Html { pub fn Deceased() -> Html {
html! { html! {
<div class="px-6 mt-20"> <div class="px-6 mt-20">
<section id="navigation">
<h3 <h3
class="text-primary class="text-primary
hover:bg-text-dark hover:bg-text-dark
@ -24,7 +25,7 @@ pub fn Deceased() -> Html {
left-4 left-4
" "
> >
<Link<Route> to={Route::Home}> <Link<Route> to={Route::Register}>
<div class="flex items-center"> <div class="flex items-center">
<svg <svg
class="w-8 " class="w-8 "
@ -44,6 +45,8 @@ pub fn Deceased() -> Html {
alt="logo digitaler frieden" alt="logo digitaler frieden"
class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0" class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0"
/> />
</section>
<section class="fade-in" id="content">
<div class="-height mt-12 flex flex-col items-center"> <div class="-height mt-12 flex flex-col items-center">
<h3 class="text-3xl font-bold mb-6">{ "Verstorbene Person" }</h3> <h3 class="text-3xl font-bold mb-6">{ "Verstorbene Person" }</h3>
<div class="group max-w-xl w-full mb-4"> <div class="group max-w-xl w-full mb-4">
@ -135,6 +138,7 @@ pub fn Deceased() -> Html {
{ "Weiter" } { "Weiter" }
</Link<Route>> </Link<Route>>
</div> </div>
</div> </section>
</div>
} }
} }

8
src/pages/register.rs
View File

@ -7,7 +7,8 @@ use crate::router::Route;
pub fn Register() -> Html { pub fn Register() -> Html {
html! { html! {
<div class="px-6 mt-20"> <div class="px-6 mt-20">
<h3 <section id="navigation">
<h3
class="text-primary class="text-primary
hover:bg-text-dark hover:bg-text-dark
hover:text-white hover:text-white
@ -24,7 +25,7 @@ pub fn Register() -> Html {
left-4 left-4
" "
> >
<Link<Route> to={Route::Home}> <Link<Route> to={Route::SignUp}>
<div class="flex items-center"> <div class="flex items-center">
<svg <svg
class="w-8 " class="w-8 "
@ -44,6 +45,8 @@ pub fn Register() -> Html {
alt="logo digitaler frieden" alt="logo digitaler frieden"
class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0" class="absolute top-4 right-4 md:-w-56 md:w-56 md:h-auto w-0 h-0"
/> />
</section>
<section id="content" class="fade-in">
<div class="-height mt-12 flex flex-col items-center"> <div class="-height mt-12 flex flex-col items-center">
<h3 class="text-3xl font-bold mb-6">{ "Registrierung abschließen" }</h3> <h3 class="text-3xl font-bold mb-6">{ "Registrierung abschließen" }</h3>
<div class="group max-w-xl w-full mb-4"> <div class="group max-w-xl w-full mb-4">
@ -128,6 +131,7 @@ pub fn Register() -> Html {
{ "Weiter" } { "Weiter" }
</Link<Route>> </Link<Route>>
</div> </div>
</section>
</div> </div>
} }
} }

6
src/pages/relationship.rs
View File

@ -53,7 +53,7 @@ pub fn Relationship() -> Html {
<section id="content" class={classes}> <section id="content" class={classes}>
<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"> <h3 class="text-3xl font-bold mb-6">
{ "In welcher Beziehung stehen Sie zu der verstorbenen Person?" } { "In welcher Beziehung stehst du zu der verstorbenen Person?" }
</h3> </h3>
<div class="flex flex-col items-start min-w-72 md:w-auto mb-32"> <div class="flex flex-col items-start min-w-72 md:w-auto mb-32">
<div class="flex items-center mb-4"> <div class="flex items-center mb-4">
@ -78,9 +78,9 @@ pub fn Relationship() -> Html {
/> />
<label for="relationship-soleheir" class="ms-2"> <label for="relationship-soleheir" class="ms-2">
<p> <p>
{ "Ich bin notarielle " } { "Ich bin notarielle(r) " }
<u> <u>
<strong>{ "Alleinerbin" }</strong> <strong>{ "Alleinerbin / Alleinerbe" }</strong>
</u> </u>
</p> </p>
</label> </label>

5
src/pages/signup.rs
View File

@ -7,6 +7,7 @@ use crate::router::Route;
pub fn SignUp() -> Html { pub fn SignUp() -> Html {
html! { html! {
<div class="h-full px-6 mt-4"> <div class="h-full px-6 mt-4">
<section id="navigation">
<h3 <h3
class="text-primary class="text-primary
hover:bg-text-dark hover:bg-text-dark
@ -44,6 +45,8 @@ pub fn SignUp() -> Html {
alt="logo digitaler frieden" alt="logo digitaler frieden"
class="top-4 right-4 absolute md:min-w-56 md:w-56 w-0" class="top-4 right-4 absolute md:min-w-56 md:w-56 w-0"
/> />
</section>
<section id="content" class="fade-in">
<div class="min-height mt-64 md:flex md:flex-col md:items-center"> <div class="min-height mt-64 md:flex md:flex-col md:items-center">
<h3 class="text-3xl font-bold mb-6">{ "Jetzt registrieren" }</h3> <h3 class="text-3xl font-bold mb-6">{ "Jetzt registrieren" }</h3>
<p>{ "Gib deine E-Mail Adresse ein." }</p> <p>{ "Gib deine E-Mail Adresse ein." }</p>
@ -87,6 +90,6 @@ pub fn SignUp() -> Html {
</Link<Route>> </Link<Route>>
</div> </div>
</div> </div>
</div> </section></div>
} }
} }

10
src/pages/verify.rs
View File

@ -7,7 +7,7 @@ use crate::router::Route;
pub fn Verify() -> Html { pub fn Verify() -> Html {
html! { html! {
<div class="px-6 mt-4 md:mt-24"> <div class="px-6 mt-4 md:mt-24">
<div class="flex justify-between"> <section id="navigation">
<h3 <h3
class="text-primary class="text-primary
hover:bg-text-dark hover:bg-text-dark
@ -45,8 +45,9 @@ pub fn Verify() -> Html {
alt="logo digitaler frieden" alt="logo digitaler frieden"
class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0" class="absolute top-4 right-4 md:min-w-56 md:w-56 w-0"
/> />
</div> </section>
<div class="mt-24 md:mt-32 flex flex-col items-center"> <section id="content" class="fade-in">
<div class="mt-64 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 min-w-72 md:w-auto"> <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>
@ -91,6 +92,7 @@ pub fn Verify() -> Html {
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</div>
} }
} }

19
src/router.rs
View File

@ -11,12 +11,12 @@ pub enum Route {
SignUp, SignUp,
#[at("/verify")] #[at("/verify")]
Verify, Verify,
#[at("/register")]
Register,
#[at("/deceased")] #[at("/deceased")]
Deceased, Deceased,
#[at("/clues")] #[at("/clues")]
Clues, Clues,
#[at("/register")]
Register,
#[at("/relationship")] #[at("/relationship")]
Relationship, Relationship,
} }
@ -26,24 +26,23 @@ fn route(routes: Route) -> Html {
Route::Home => { Route::Home => {
html! { <Home /> } html! { <Home /> }
} }
Route::Relationship => {
html! { <Relationship /> }
}
Route::SignUp => { Route::SignUp => {
html! { <SignUp /> } html! { <SignUp /> }
} }
Route::Verify => { Route::Verify => {
html! { <Verify /> } html! { <Verify /> }
} }
Route::Clues => { Route::Register => {
html! { <Clues /> } html! { <Register /> }
} }
Route::Deceased => { Route::Deceased => {
html! { <Deceased /> } html! { <Deceased /> }
} }
Route::Register => { Route::Clues => {
html! { <Register /> } html! { <Clues /> }
}
Route::Relationship => {
html! { <Relationship /> }
} }
} }
} }