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 name="viewport" content="width=device-width, initial-scale=1">
<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="preload" href="/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm" crossorigin="anonymous" integrity="sha384-YLHBTB17zAWUG2FevMs+gJC2CKO3NxDUi8dgdd0OUeu31NL19P/5uvoZbtJ5VtmP" as="fetch" type="application/wasm">
<link rel="modulepreload" href="/digitaler-frieden-9a1d4250dfda5ac0.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></head>
<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-28a0e60b94264a4e.js" crossorigin="anonymous" integrity="sha384-5owiTz49KdxhXPCnfR2GokkJnFqa++HeraekuGgskT+OizWrNTANvcXzigi62YCH"></head>
<body class="bg-black text-white ">
<script type="module">
import init, * as bindings from '/digitaler-frieden-9a1d4250dfda5ac0.js';
init('/digitaler-frieden-9a1d4250dfda5ac0_bg.wasm');
import init, * as bindings from '/digitaler-frieden-28a0e60b94264a4e.js';
init('/digitaler-frieden-28a0e60b94264a4e_bg.wasm');
window.wasmBindings = bindings;
</script><script>"use strict";

4
dist/public/styles.css vendored
View File

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

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

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

4
input.css
View File

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

4
public/styles.css
View File

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

6
src/pages/clues.rs
View File

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

8
src/pages/deceased.rs
View File

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

8
src/pages/register.rs
View File

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

6
src/pages/relationship.rs
View File

@ -53,7 +53,7 @@ pub fn Relationship() -> Html {
<section id="content" class={classes}>
<div class="mt-24 md:mt-32 flex flex-col items-center ">
<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>
<div class="flex flex-col items-start min-w-72 md:w-auto mb-32">
<div class="flex items-center mb-4">
@ -78,9 +78,9 @@ pub fn Relationship() -> Html {
/>
<label for="relationship-soleheir" class="ms-2">
<p>
{ "Ich bin notarielle " }
{ "Ich bin notarielle(r) " }
<u>
<strong>{ "Alleinerbin" }</strong>
<strong>{ "Alleinerbin / Alleinerbe" }</strong>
</u>
</p>
</label>

5
src/pages/signup.rs
View File

@ -7,6 +7,7 @@ use crate::router::Route;
pub fn SignUp() -> Html {
html! {
<div class="h-full px-6 mt-4">
<section id="navigation">
<h3
class="text-primary
hover:bg-text-dark
@ -44,6 +45,8 @@ pub fn SignUp() -> Html {
alt="logo digitaler frieden"
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">
<h3 class="text-3xl font-bold mb-6">{ "Jetzt registrieren" }</h3>
<p>{ "Gib deine E-Mail Adresse ein." }</p>
@ -87,6 +90,6 @@ pub fn SignUp() -> Html {
</Link<Route>>
</div>
</div>
</div>
</section></div>
}
}

10
src/pages/verify.rs
View File

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

19
src/router.rs
View File

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