From 80011ded9251f208d346459a95393b32fc19f050 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eike=20Ha=C3=9F?= Date: Fri, 20 Aug 2021 12:54:33 +0200 Subject: [PATCH 1/2] enable bank, text fixes, change completion flow --- web/bank/public/locales/en/translation.json | 2 +- web/bank/public/locales/nl/translation.json | 8 ++++---- web/bank/src/pages/IntroDemoSelection.tsx | 2 -- web/bank/src/pages/ThankYou.tsx | 7 ++----- web/bank/vercel.json | 3 +-- 5 files changed, 8 insertions(+), 14 deletions(-) diff --git a/web/bank/public/locales/en/translation.json b/web/bank/public/locales/en/translation.json index 3fe4a986..feb4c669 100644 --- a/web/bank/public/locales/en/translation.json +++ b/web/bank/public/locales/en/translation.json @@ -184,7 +184,7 @@ "newlyIncorporatedCompanies": "Newly Incorporated Companies" }, "signInConfirmation": { - "signInSuccess": "You have now signed in without ever creating an account. No more need for endless account and password creations. In addition, you provided trustable information, which [business] can use without an expensive verification process. Verifying your data is nearly instant and completely free." + "signInSuccess": "You have now signed in without ever creating an account. No more need for endless account and password creations. In addition, you provided trustable information, which businesses can use without an expensive verification process. Verifying your data is nearly instant and completely free." }, "companyData": { "companyName": "Company Name", diff --git a/web/bank/public/locales/nl/translation.json b/web/bank/public/locales/nl/translation.json index 004fec9e..38859034 100644 --- a/web/bank/public/locales/nl/translation.json +++ b/web/bank/public/locales/nl/translation.json @@ -41,9 +41,9 @@ "question3": "Worden mijn persoonlijke gegevens geüpload naar de Tangle?", "answer3": "Nee. Er wordt geen persoonlijke informatie geüpload naar het onderliggende IOTA netwerk, zoals vereist in de AVG. Zelfs niet in een (pseudo)geanonimiseerde vorm. Elk persoonlijk gegeven dat op de Tangle geüpload wordt zou in strijd zijn met het recht om vergeten te worden, aangezien de gegevens op de Tangle onveranderlijk is.", "question4": "Hoe maakt deze app gebruik van IOTA en Distributed Ledger Technology (DLT)?", - "answer4": "Organisatie ondertekenen referenties van gebruikers, maar hoe worden deze organisaties herkend? De digitale identiteit van deze organisaties worden middels een data transactie geupload and zijn ondertekend met asymmetrische encrypte technieken. Ook word het intrekken van referenties ook op de Tangle opgeslagen zodat altijd duidelijk is welke referenties geldig zijn .", + "answer4": "Organisatie ondertekenen referenties van gebruikers, maar hoe worden deze organisaties herkend? De digitale identiteit van deze organisaties worden middels een data transactie geupload and zijn ondertekend met asymmetrische encryptietechnieken. Het intrekken van referenties wordt ook op de Tangle opgeslagen, zodat altijd duidelijk is welke referenties geldig zijn.", "question5": "Op welk IOTA-netwerk draait deze applicatie?", - "answer5": "De applicatie draait op het mainnet van IOTA. Aangezien er geen transactie kosten zijn op IOTA, is het geen probleem om direct gebruik te maken van het mainnet.", + "answer5": "De applicatie draait op het mainnet van IOTA. Aangezien er geen transactiekosten zijn op IOTA, is het geen probleem om direct gebruik te maken van het mainnet.", "question6": "Waar kan ik meer te weten komen?", "answer6": { "part1": "IOTA heeft een whitepaper uitgebracht in het Engels met de titel: ", @@ -55,7 +55,7 @@ "part7": "." }, "question7": "Wat is een DLT of Tangle?", - "answer7": "Distributed Ledger Technologie (DLT) is de overkoepelende term voor o.a. Blockchain technologie. Het is een decentrale database waarvan er veel kopieën worden verspreid over de wereld. Onderling spreken deze kopieën met elkaar af wat waarheid is en wat niet, dit is het \"consensus mechanism\". Bij Bitcoin kost dit proces veel elektriciteit vanwege de schaalbaarheidsproblemen die het heeft. De Tangle van IOTA lost dit op door het sneller, goedkoper en groener te maken. De Tangle - ontwikkeld door de IOTA Foundation - is de onderliggende data-structuur van het IOTA-netwerk, waar ook de IOTA-cryptocurrency-token uitgewisself wordt.", + "answer7": "Distributed Ledger Technologie (DLT) is de overkoepelende term voor o.a. Blockchain technologie. Het is een decentrale database waarvan er veel kopieën worden verspreid over de wereld. Onderling spreken deze kopieën met elkaar af wat waarheid is en wat niet, dit is het \"consensus mechanism\". Bij Bitcoin kost dit proces veel elektriciteit vanwege de schaalbaarheidsproblemen die het heeft. De Tangle van IOTA lost dit op door het sneller, goedkoper en groener te maken. De Tangle - ontwikkeld door de IOTA Foundation - is de onderliggende data-structuur van het IOTA-netwerk, waar ook de IOTA-cryptocurrency-token uitgewisseld wordt.", "question8": "Wie creëerde de Selv Demo's?", "answer8": "Selv is ontwikkeld door de IOTA Foundation, in samenwerking met verschillende partijen. De IOTA Foundation is een stichting die zich bezig houdt met de ontwikkeling van het IOTA protocol en het IOTA ecosysteem." }, @@ -77,7 +77,7 @@ "grow": "Voeg je data toe", "growText": "Verzamel alle data en referenties over jezelf, gevalideerd door anderen, en maak je digitale identiteit compleet. Alles veilig in Selv zonder dat het ergens in de cloud rondzwerft.", "accept": "Voor bedrijven", - "acceptText": "Met deze digitale identiteit kun je zonder kosten klanten direct identificeren en accepteren. Zo kunnen ze makkelijker en sneller klant kunnen worden." + "acceptText": "Met deze digitale identiteit kun je zonder kosten klanten direct identificeren en accepteren. Zo kunnen ze makkelijker en sneller klant worden." }, "header": { "How it works": "Hoe werkt het", diff --git a/web/bank/src/pages/IntroDemoSelection.tsx b/web/bank/src/pages/IntroDemoSelection.tsx index e5797e94..ef43e871 100644 --- a/web/bank/src/pages/IntroDemoSelection.tsx +++ b/web/bank/src/pages/IntroDemoSelection.tsx @@ -43,7 +43,6 @@ const IntroDemoSelection: React.FC = ({ match }: any) => {
- {/*
Selv demo
@@ -67,7 +66,6 @@ const IntroDemoSelection: React.FC = ({ match }: any) => {
- */}
Covid-19 demo
diff --git a/web/bank/src/pages/ThankYou.tsx b/web/bank/src/pages/ThankYou.tsx index 8636105b..7b284b28 100644 --- a/web/bank/src/pages/ThankYou.tsx +++ b/web/bank/src/pages/ThankYou.tsx @@ -62,14 +62,11 @@ const ThankYou: React.FC = () => {
- + - - {t("pages.demo.thankYou.returnHome")} -
diff --git a/web/bank/vercel.json b/web/bank/vercel.json index 4070b0ae..0e0dcd23 100644 --- a/web/bank/vercel.json +++ b/web/bank/vercel.json @@ -1,4 +1,3 @@ { - "version": 2, - "name": "selv" + } \ No newline at end of file From d45091529f075a8e48877c2fb17430e2213dc7e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Eike=20Ha=C3=9F?= Date: Fri, 20 Aug 2021 12:55:01 +0200 Subject: [PATCH 2/2] minor styling fixes --- web/bank/src/styles/components/disclaimer.scss | 2 +- web/bank/src/styles/helpers/breakpoints.scss | 5 ++++- web/bank/src/styles/pages/landing.scss | 10 ++++++++++ 3 files changed, 15 insertions(+), 2 deletions(-) diff --git a/web/bank/src/styles/components/disclaimer.scss b/web/bank/src/styles/components/disclaimer.scss index b736e9ea..d20a0a0b 100644 --- a/web/bank/src/styles/components/disclaimer.scss +++ b/web/bank/src/styles/components/disclaimer.scss @@ -12,7 +12,7 @@ z-index: 99; @media (max-width: 580px) { - height: 100px; + height: auto; } .disclaimer-text { diff --git a/web/bank/src/styles/helpers/breakpoints.scss b/web/bank/src/styles/helpers/breakpoints.scss index 85c8baa0..a7bd3c6d 100644 --- a/web/bank/src/styles/helpers/breakpoints.scss +++ b/web/bank/src/styles/helpers/breakpoints.scss @@ -11,9 +11,12 @@ @if $point == medium { @media (max-width: 989px) { @content; } } - @else if $point == small { + @if $point == small { @media (max-width: 767px) { @content; } } + @else if $point == verysmall { + @media (max-width: 350px) { @content; } + } } @mixin breakPointHeight($point) { diff --git a/web/bank/src/styles/pages/landing.scss b/web/bank/src/styles/pages/landing.scss index a75bf0a9..08358399 100644 --- a/web/bank/src/styles/pages/landing.scss +++ b/web/bank/src/styles/pages/landing.scss @@ -55,6 +55,12 @@ } } + @include breakPoint(verysmall) { + h2 { + font-size: 28px; + } + } + .heading-section { width: 100%; height: 100%; @@ -178,6 +184,10 @@ p { margin: 20px 0; } + + @include breakPoint(verysmall) { + padding: 0 20px; + } } .portrait {