chore: add privacy notice

ordbokapi · Feb 9, 2024 · 8eb1c8f · 8eb1c8f
1 parent 985474e
commit 8eb1c8f
Show file tree

Hide file tree

Showing 3 changed files with 159 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -60,6 +60,7 @@
         <a href="https://vis.ordbokapi.org">Vis-klient</a>
         <a href="https://github.com/ordbokapi/api">GitHub-prosjekt</a>
         <a href="https://api.ordbokapi.org/graphql">Apollo Sandbox</a>
+        <a href="/personvern.html">Personvern</a>
       </div>
     </nav>
 

diff --git a/personvern.html b/personvern.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="nn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Ordbok API | Personvern</title>
+    <meta name="description" content="Personvernerklæring for Ordbok API." />
+    <meta
+      name="keywords"
+      content="Ordbok API, ordbok, API, norsk, ordbøker, tilgang, informasjon"
+    />
+    <meta name="author" content="Adaline Simonian" />
+    <meta name="robots" content="index, follow" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/images/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/images/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/images/favicon-16x16.png"
+    />
+    <link rel="manifest" href="/site.webmanifest" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Ordbok API" />
+    <meta property="og:site_name" content="Ordbok API" />
+    <meta
+      property="og:description"
+      content="Personvernerklæring for Ordbok API."
+    />
+    <meta
+      property="og:image"
+      content="https://ordbokapi.org/images/ordbokapi-open-graph.png"
+    />
+    <meta property="og:image:alt" content="Ordbok API Logo" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:locale" content="nn_NO" />
+    <meta property="og:locale:alternate" content="nb_NO" />
+    <link rel="stylesheet" href="style.css" />
+  </head>
+
+  <body>
+    <nav id="navbar">
+      <div class="container">
+        <a href="/" class="navbar-logo">
+          <img src="images/ordbokapi-logo.png" alt="Ordbok API Logo" />
+        </a>
+        <a href="https://vis.ordbokapi.org">Vis-klient</a>
+        <a href="https://github.com/ordbokapi/api">GitHub-prosjekt</a>
+        <a href="https://api.ordbokapi.org/graphql">Apollo Sandbox</a>
+        <a href="/personvern.html">Personvern</a>
+      </div>
+    </nav>
+
+    <section class="jumbotron">
+      <div class="container">
+        <div class="text-content full-width smaller">
+          <h2>Personvernerklæring for Ordbok API</h2>
+
+          <p>
+            Me i Ordbok API er oppteke av å verna personvernet ditt og behandla
+            opplysningane dine på ein ansvarleg måte. Denne personvernerklæringa
+            beskriv kva typar opplysningar me samlar inn og korleis dei blir
+            brukte og blir lagra. Ved å bruka Ordbok API-tenestene samtykkjer du
+            til innsamling og bruk av informasjon i samsvar med denne
+            erklæringa.
+          </p>
+
+          <ol>
+            <li>
+              <strong>Logging av IP-adresser</strong><br />
+
+              Når du gjer førespurnader til Ordbok API, loggar me IP-adresser
+              for å overvaka og forbetra tenesta vår. Desse loggane blir lagra i
+              konsollen til applikasjonen i maksimalt éi veke. Etter denne
+              perioden blir loggane sletta automatisk. Logging av IP-adresser er
+              berre for driftsmessige formål, som feilsøking og sikring av
+              integriteten til tenesta.
+            </li>
+            <li>
+              <strong>Bruk av Cloudflare</strong><br />
+
+              For å forbetra ytinga og tryggleiken bruker Ordbok API Cloudflare
+              som innhaldsleveringsnettverk. Gjennom Cloudflare får me innsikt i
+              den geografiske fordelinga av tenesteførespurnadene våre. Me har
+              likevel ikkje tilgang til, og lagrar heller ikkje, personleg
+              identifiserbar informasjon knytt til enkeltbrukarar via
+              Cloudflare. For meir detaljert informasjon om korleis Cloudflare
+              handterer data, oppmodar me deg til å lesa
+              <a href="https://www.cloudflare.com/privacypolicy/"
+                >personvernerklæringa til Cloudflare</a
+              >. Avsnitt som refererer til data om "sluttbrukarar" i denne
+              erklæringa, refererer til informasjon som blir samla inn frå
+              brukarar av vårt eige API.
+            </li>
+          </ol>
+        </div>
+      </div>
+    </section>
+
+    <footer>
+      <div class="container">
+        <p>
+          © 2024 Adaline Simonian. Alle rettar reservert. For spørsmål og
+          tilbakemeldingar, kontakt oss på
+          <a href="https://github.com/adalinesimonian">Github</a>.
+        </p>
+        <p>
+          Tekst og data frå ordbøkene er ©
+          <a href="https://www.sprakradet.no/">Språkrådet</a> og
+          <a href="https://www.uib.no/">Universitetet i Bergen</a>, og er henta
+          frå <a href="https://ordbokene.no/">ordbokene.no</a>.
+        </p>
+        <p>
+          Dette prosjektet er eit uavhengig samfunnsprosjekt av Adaline Simonian
+          og har ingen tilknytning til Universitetet i Bergen eller Språkrådet.
+        </p>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -37,7 +37,7 @@ h4,
 h5,
 h6 {
   font-family: 'ScandiaWebBold', 'Sarala', sans-serif;
-  font-size: 4rem;
+  font-size: 3em;
   margin-bottom: 0.5rem;
 }
 
@@ -222,6 +222,33 @@ word-graph {
   padding: 2rem 0;
 }
 
+.jumbotron .text-content.full-width {
+  max-width: 100%;
+  display: block !important;
+}
+
+.jumbotron .text-content.smaller {
+  font-size: 1.25rem;
+}
+
+.jumbotron .text-content.smaller h1,
+.jumbotron .text-content.smaller h2,
+.jumbotron .text-content.smaller h3,
+.jumbotron .text-content.smaller h4,
+.jumbotron .text-content.smaller h5,
+.jumbotron .text-content.smaller h6 {
+  font-size: 2.5rem;
+}
+
+ol li {
+  margin-bottom: 1rem;
+}
+
+ol li > strong:first-child {
+  display: block;
+  margin-bottom: -1rem;
+}
+
 @media (max-width: 1199px) {
   .jumbotron:not(#welcome) .container {
     flex-direction: column;