feat: 🎸 Added privacy policy and changed price to 12

packages/site/assets/css/custom.css

@@ -2,3 +2,9 @@
     Custom Stylesheet (Any custom styling you want to apply should be defined here).
 ====================================================================================*/
 
+.contrast {
+    background-color: rgba(255, 255, 255, 0.6);
+    margin: -25px;
+    padding: 25px;
+    border-radius: 50px;
+}

packages/site/components/Banner.js

@@ -75,12 +75,19 @@ const Banner = () => {
                     Google Play Store vilken dag som helst.
                   </b>
                 </p>
-                <a href="#" className="btn">
-                  App Store
-                </a>
-                <a href="#" className="btn">
-                  Mer info
-                </a>
+                <p>
+                  <a href="#" className="btn">
+                    App Store
+                  </a>
+                  <a href="#" className="btn">
+                    Google Play Store
+                  </a>
+                </p>
+                <p>
+                  <a href="privacy" className="btn">
+                    Integritetspolicy
+                  </a>
+                </p>
               </div>
             </Col>
             <Col md={4} lg={5} className="  offset-lg-1  offse-xl-2">

packages/site/components/FunFacts.js

@@ -14,7 +14,7 @@ const FUNFACTS_DATA = [
     title: 'år att utveckla',
   },
   {
-    count: '10',
+    count: '12',
     title: 'kronor kostar vår app :)',
   },
   {

packages/site/components/NavLinks.js

@@ -18,18 +18,6 @@ const NavLinks = () => {
             <i className="fa fa-angle-down" onClick={handleDropdownStatus}></i>
           </>
         </Link>
-        <ul className="dropdown-list">
-          <li>
-            <Link href="/">
-              <a>Home One</a>
-            </Link>
-          </li>
-          <li>
-            <Link href="/index-2">
-              <a>Home Two</a>
-            </Link>
-          </li>
-        </ul>
       </li>
       <li>
         <ScrollLink
@@ -39,6 +27,7 @@ const NavLinks = () => {
           smooth={true}
           offset={-70}
           duration={500}
+          href="/"
         >
           Funktioner
         </ScrollLink>
@@ -52,6 +41,7 @@ const NavLinks = () => {
           smooth={true}
           offset={-70}
           duration={500}
+          href="/"
         >
           Screenshots
         </ScrollLink>
@@ -64,6 +54,7 @@ const NavLinks = () => {
           smooth={true}
           offset={-70}
           duration={500}
+          href="/"
         >
           Vad kostar det?
         </ScrollLink>

packages/site/components/Pricing.js

@@ -4,17 +4,19 @@ import { formatPrice } from '../utils/intl'
 const Pricing = () => {
   const [pricing] = useState(false)
 
+  const price = 12
+
   return (
     <section className="pb-90" id="pricing">
       <div className="container">
         <div className="row justify-content-center">
-          <div className="col-md-12 col-lg-8">
+          <div className="col-md-12 col-lg-12">
             <div className="section-title text-center">
               <h2>Vad kostar det och varför är det inte gratis?</h2>
               <p>
                 Vi som bygger appen vill gärna fortsätta vidareutveckla den och
                 även ha möjlighet att ge ersättning till de som hjälper till.
-                Därför kostar det {formatPrice(10)} att ladda ner appen. Det är
+                Därför kostar det {formatPrice(price)} att ladda ner appen. Det är
                 en engångskostnad och hjälper oss att göra appen bättre.
               </p>
             </div>
@@ -30,7 +32,7 @@ const Pricing = () => {
                       <div className="single-price-plan text-center">
                         <div className="single-price-top">
                           <h4>Engångskostnad</h4>
-                          <span>{formatPrice(10)}</span>
+                          <span>{formatPrice(price)}</span>
                         </div>
                         <div className="single-price-body">
                           <div className="price-list">

packages/site/components/Privacy.js

@@ -0,0 +1,148 @@
+import React from 'react'
+import { Container, Row, Col } from 'react-bootstrap'
+
+import shape1 from '../assets/img/banner/shaps1.png'
+import shape2 from '../assets/img/banner/shaps2.png'
+import shape3 from '../assets/img/banner/shaps3.png'
+import shape4 from '../assets/img/banner/shaps4.png'
+import shape5 from '../assets/img/banner/shaps5.png'
+import shape6 from '../assets/img/banner/shaps6.png'
+import shape7 from '../assets/img/banner/shaps7.png'
+
+
+const Banner = () => {
+  return (
+    <div className="banner-area-inner">
+      <div className={`banner-inner-area banner-area1`}>
+        <Container>
+          <Row className="align-items-center">
+            <Col md={12} lg={12} xl={12}>
+              <div className="banner-text-inner contrast">
+                <div className="banner-shape-wrap">
+                  <div className="banner-shape-inner">
+                    <img
+                      src={shape1}
+                      alt=""
+                      className="shape shape1 rotate3d"
+                    />
+                    <img
+                      src={shape2}
+                      alt=""
+                      className="shape shape2 rotate2d"
+                    />
+                    <img
+                      src={shape3}
+                      alt=""
+                      className="shape shape3 rotate-2d"
+                    />
+                    <img
+                      src={shape4}
+                      alt=""
+                      className="shape shape4 rotate3d"
+                    />
+                    <img
+                      src={shape5}
+                      alt=""
+                      className="shape shape5 rotate2d"
+                    />
+                    <img
+                      src={shape6}
+                      alt=""
+                      className="shape shape6 rotate-2d"
+                    />
+                    <img
+                      src={shape7}
+                      alt=""
+                      className="shape shape7 rotate3d"
+                    />
+                  </div>
+                </div>
+
+                <h1>Öppna Skolplattformen</h1>
+                <h2>Integritetspolicy</h2>
+                <p>
+                  "Öppna Skolplattformen", hädanefter "appen", byggdes av "No free beer HB" som en
+                  kommersiell app. Appen hämtar all information från Stockholms Stads skolplattform,
+                  hädanefter Skolplattformen, efter inloggning via BankID. Appens funktion är därmed
+                  direkt knuten till att Skolplattformen fungerar. Vi kan endast ta ansvar för att
+                  vår kod fungerar – inte deras.
+                </p>
+                <p>
+                  Denna sida är till för att informera våra besökare och användare om våra policies
+                  gällande insamling och hantering av personlig information från användare av tjänsten.
+                </p>
+                <h3>TLDR (~kort sammanfattning på ren svenska)</h3>
+                <p>
+                  All information i appen kommer från Skolplattformen. Informationen lämnar aldrig din
+                  telefon. Vi är snudd på integritetsfanatiker och skulle aldrig drömma om att samla
+                  in information om dig eller dina barn. Det enda som lagras är sånt som lagras i din
+                  telefon för att det ska gå snabbare att använda appen. Om vi börjar samla loggar för
+                  att lättare kunna lösa eventuella buggar kommer vi se till att de inte innehåller någon
+                  som helst information om dig eller ditt barn - bara om koden.
+                </p>
+                <h3>Insamling och användning av personlig information</h3>
+                <p>
+                  All information som hämtas visas endast för inloggad användare. Informationen
+                  cacheas på den mobila enheten. Ingen information skickas från den mobila enheten
+                  eller lagras, analyseras eller processas någon annanstans.
+                </p>
+                <p>
+                  Inga tredjepartssystem har tillgång till någon del av informationen.
+                </p>
+                <h3>Loggning av data</h3>
+                <p>
+                  För närvarande sker ingen loggning av data. Detta kan komma att ändras. Om så sker
+                  kommer loggad data att vara strikt begränsad till systeminformation såsom namn på
+                  mobil enhet och operativsystemversion samt information om eventuella fel som uppstått
+                  i användningen. Ingen personlig information härrörande från Skolplattformen kommer att
+                  samlas in.
+                </p>
+                <h3>Cookies</h3>
+                <p>
+                  Cookies är filer med små mängder data som används för att identifiera användaren. Dessa
+                  används av Skolplattformen och skickas endast dit. Cookies sparas lokalt i enheten och
+                  rensas när en inloggad session avslutas.
+                </p>
+                <h3>Säkerhet</h3>
+                <p>
+                  Vi har gjort vårt yttersta för att säkerställa säkerheten för din information. Detta
+                  innebär i praktiken att vi aldrig skickar vidare någon personlig data från din mobila
+                  enhet. All personlig information levereras från Skolplattformen och därmed är du i
+                  slutänden hänvisad till att lita på säkerheten i det systemet. I fall då vi, i arbetet
+                  med att bygga denna app, har upptäckt potentiella svagheter i Skolplattformen har vi
+                  vidtagit steg för att rapportera detta på ett ansvarsfullt sätt. Detta kommer vi göra
+                  även fortsättningsvis. Kom ihåg att elektronisk lagring och överföring ver Internet
+                  aldrig kan garanteras vara 100% säker.
+                </p>
+                <h3>Integritet för barn</h3>
+                <p>
+                  Appen läser information från system som hanterar barn under 13 år. Oavsett barnets
+                  ålder skickar vi ingen information vidare från din enhet. Den information du får
+                  tillgång via appen är samma som du når via Skolplattformen.
+                </p>
+                <h3>FÖrändringar av integritetspolicyn</h3>
+                <p>
+                  Denna integritetspolicy kan komma att uppdateras. Eftersom vi inte samlar in någon
+                  information om våra användare kan vi tyvärr inte kontakta dig om så sker. Vi kommer
+                  dock informera om det i appen. Om du vill vara på den säkra sidan kan du återbesöka
+                  den här sidan då och då.
+                </p>
+                <p>
+                  Denna integritetspolicy gäller fr.o.m 2021-02-07
+                </p>
+                <h3>Kontakta oss</h3>
+                <p>
+                  Tveka inte att kontakta oss om du har några frågor eller förslag till förbättringar
+                  av denna integritetspolicy. Skicka ett mail
+                  till <a href="mailto:dev@skolplattformen.org">dev@skolplattformen.org</a>.
+                </p>
+              </div>
+            </Col>
+          </Row>
+        </Container>
+      </div>
+    </div>
+  )
+}
+
+export default Banner

packages/site/pages/privacy.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import Footer from '../components/Footer'
+import Header from '../components/Header'
+import Layout from '../components/Layout'
+import Privacy from '../components/Privacy'
+
+const HomePage = () => {
+  return (
+    <Layout pageTitle="Skolplattformen">
+      <Header />
+      <Privacy />
+      <Footer />
+    </Layout>
+  )
+}
+
+export default HomePage