Merge pull request #30 from iotaledger/dev

merge dev
iotaledger · Aug 20, 2021 · 0070aac · 0070aac
2 parents 1c2be1b + 967bdc2
commit 0070aac
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 16 deletions.
diff --git 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
@@ -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
@@ -43,7 +43,6 @@ const IntroDemoSelection: React.FC = ({ match }: any) => {
                 </div>
                 <div className='demo-selector demo-intro app' id='app'>
                     <div className='demo-select-wrapper'>
-                        {/*
                         <div className='demo-card-wrapper'>
                             <img src={selv} alt="Selv demo" />
                             <div className="demo-card-content">
@@ -67,7 +66,6 @@ const IntroDemoSelection: React.FC = ({ match }: any) => {
                                 </div>
                             </div>
                         </div>
-                        */}
                         <div className='demo-card-wrapper'>
                             <img src={covid} alt="Covid-19 demo" />
                             <div className="demo-card-content">

diff --git a/web/bank/src/pages/ThankYou.tsx b/web/bank/src/pages/ThankYou.tsx
@@ -62,14 +62,11 @@ const ThankYou: React.FC = () => {
                             </div>
                         </div>
                         <div className='cta-wrapper'>
-                            <Link to={'/company/list/0'}>
+                            <Link to={'/'}>
                                 <Button className='cta'>
-                                    {t("pages.demo.thankYou.returnCompanyHouse")}
+                                    {t("pages.demo.thankYou.returnHome")}
                                 </Button>
                             </Link>
-                            <Link to={'/'}>
-                                {t("pages.demo.thankYou.returnHome")}
-                            </Link>
                         </div>
                         <img src={dots} alt='' className='dots-bottom' />
                     </div>

diff --git 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
@@ -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
@@ -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 {

diff --git a/web/bank/vercel.json b/web/bank/vercel.json
@@ -1,4 +1,3 @@
 {
-    "version": 2,
-    "name": "selv"
+
 }