From 534cb20dd088b3bd3431696cdc3cd71bf27b0f74 Mon Sep 17 00:00:00 2001
From: Henrik Askjer <henrik.askjer@uib.no>
Date: Wed, 22 Sep 2021 14:29:14 +0200
Subject: [PATCH] Redesign about component

---
 src/components/About.vue | 66 +++++++++++++++++++++++++++++++---------
 1 file changed, 52 insertions(+), 14 deletions(-)

diff --git a/src/components/About.vue b/src/components/About.vue
index 32ea75cb..49f0dea0 100644
--- a/src/components/About.vue
+++ b/src/components/About.vue
@@ -1,27 +1,31 @@
 <template id="">
   <main>
-    <div class="about">
+    <div class='about' :class="$vuetify.breakpoint.name">    
+    <Article>
+      
       <h2>OM ORDBØKENE</h2>
+
       <h3>Om betaversjonen</h3>
       <p>Dette er en ny versjon av standardordbøkene <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>. Siden er fortsatt under utvikling, så det er noen ting som ikke er helt på plass ennå.</p>
       <p>Dersom du vil søke i ordbøkene med det gamle grensesnittet, kan du fortsatt finne dem her: <a aria-label="Lenke til forelda versjon av ordbøkene" href="https://ordbok.uib.no/">https://ordbok.uib.no/</a></p>
       <p>I forbindelse med oppgraderingen har vi gjort en opprydding både i grensesnittet og i dataene våre. Det betyr at det kan være feil og mangler i den nye løsningen vi ikke har oppdaget ennå, eller ikke har hatt tid til å få på plass. Dersom du oppdager noe som er feil eller mangelfullt, vil vi gjerne ha tilbakemelding om det! Kontakt oss gjerne på <a aria-label="skriv e-post til Ordbøkene" href="mailto:ordbok-beta@uib.no">ordbok-beta@uib.no</a>. </p>
 
-
-
-      <h3>Kvalitetssikret innhold</h3>
+      <details>
+      <summary><h3>Kvalitetssikret innhold</h3></summary>
       <p><em>Bokmålsordboka</em> og <em>Nynorskordboka</em> er enspråklige ordbøker for henholdsvis bokmål og nynorsk. Ordbøkene eies av Språkrådet og Universitetet i Bergen i fellesskap. Innholdet har blitt utarbeidet av universitetstilsatte ordbokredaktører og er kvalitetssikret av Språkrådet.</p>
       <p><a aria-label="Lenke til Språkrådet" href="https://www.sprakradet.no/">Språkrådet</a> bestemmer hvordan ord skal skrives og bøyes på bokmål og nynorsk. <em>Bokmålsordboka</em> og <em>Nynorskordboka</em> blir løpende oppdatert i tråd med rettskrivingsvedtak i Språkrådet, så det er her du finner fasiten på hva som er gjeldende og fullstendig rettskriving i bokmål og nynorsk. </p>
       <p>Det redaksjonelle arbeidet med ordbøkene har siden 2016 foregått ved Universitetet i Bergen. Språksamlingene forvalter ordbøkene og kildegrunnlaget de bygger på, ordbokredaktørene er tilsatt ved Institutt for lingvistiske, litterære og estetiske studier og det datatekniske arbeidet foregår ved IT-avdelingen. </p>
+      </details>
 
-
-      <h3>Historikk</h3>
+      <details>
+        <summary><h3>Historikk</h3></summary>
       <p><em>Bokmålsordboka</em> og <em>Nynorskordboka</em> ble utgitt første gang i 1986, produsert gjennom et samarbeidsprosjekt mellom Universitetet i Oslo og Språkrådet, og er siden kommet i flere utgaver. I trykt form er <em>Bokmålsordboka</em> og <em>Nynorskordboka</em> store ettbinds ordbøker. De viser skrivemåter og bøying som alltid er i tråd med de gjeldende normene. Videre oppgir ordbøkene betydninger, brukseksempler og korte etymologier.</p>
       <p><a aria-label="Lenke til PDF med forordene til de trykte utgavene og annen informasjon om ordbøkene" href="https://www.uib.no/sites/w3.uib.no/files/attachments/om_ordbokene_0.pdf">Her</a> finner du forordene til de trykte utgavene og mer informasjon om tidligere ordbokredaktører og arbeidet med ordbøkene ved Universitetet i Oslo.</p>
       <p>Universitetet i Bergen og Språkrådet kommer ikke til publisere flere trykte utgaver av standardordbøkene.</p>
+      </details>
 
-
-      <h3>Revisjonsprosjektet</h3>
+      <details>
+      <summary><h3>Revisjonsprosjektet</h3></summary>
       <p>Det pågår for tiden et omfattende arbeid med å oppdatere innholdet i <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>. I perioden 2018–2023 går en gruppe redaktører gjennom begge ordbøkene fra a til å. De viktigste oppgavene er å få inn nye ord og betydninger, passe på at innholdet er i tråd med dagens språkbruk, og gjøre utvalget av ord likere i de to ordbøkene. Mer informasjon finner du på nettsiden til <a aria-label="Lenke til informasjon om Revisjonsprojsektet" href="https://www.uib.no/lle/revisjonsprosjektet">Revisjonsprosjektet</a>.</p>
       <p>Nåværende redaksjon for <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>:
         <ul>
@@ -46,8 +50,10 @@
           <li>Dagfinn Rødningen, seniorrådgiver</li>
           <li>Ålov Runde, seniorrådgiver</li>
       </ul>
+      </details>
 
-  <h3>Opphavsrett</h3>
+  <details>
+  <summary><h3>Opphavsrett</h3></summary>
   <p>Innholdet i <em>Bokmålsordboka</em> og <em>Nynorskordboka</em> er beskyttet av opphavsrett, jf. lov om opphavsrett til åndsverk m.v. Det må ikke kopieres fra denne boken i strid med åndsverksloven eller avtale om kopiering inngått med Kopinor, interesseorgan for rettshavere til åndsverk. Kopiering i strid med lov eller avtale kan medføre erstatningsansvar og inndragning, og kan straffes med bøter eller fengselsstraff.</p>
   <p>Ønsker du å sitere en artikkel i <em>Bokmålsordboka</em> eller <em>Nynorskordboka</em>, anbefaler vi å oppgi når artikkelen ble henta (lest), f.eks. slik:</p>
   <blockquote>
@@ -56,8 +62,10 @@
   </blockquote>
   <p>Begge eierne av ordboka, Språkrådet og Universitetet i Bergen, bør oppgis i referansen.</p>
   <p><em>Bokmålsordboka</em> og <em>Nynorskordboka</em> ligger åpent tilgjengelig for nedlasting. De kan brukes til hvilke formål som helst, inkludert kommersielle, i samsvar med gitte vilkår. Les mer om den åpne lisensen <a aria-label="Lenke til informasjon om Lisensen til Ordbøkene" href="https://www.uib.no/ub/fagressurser/spesialsamlingene/142334/lisens-bokm%C3%A5lsordboka-og-nynorskordboka">her</a>.</p>
+  </details>
 
-  <h3>Hva betyr det om du ikke finner et ord i ordboka?</h3>
+<details>
+  <summary><h3>Hva betyr det om du ikke finner et ord i ordboka?</h3></summary>
   <p><em>Bokmålsordboka</em> og <em>Nynorskordboka</em> er mellomstore nettordbøker. <em>Bokmålsordboka</em> har hatt rundt 65 000 oppslagsord og <em>Nynorskordboka</em> rundt 90 000, men etter revisjonen
     regner vi med at begge skal inneholde rundt 100 000 oppslagsord. Ordbøkene skal gjøre rede for det sentrale ordforrådet, og det er i utgangspunktet de vanligste ordene i skriftspråkene bokmål og nynorsk de siste 50 årene som er tatt med. Faguttrykk er bare tatt med i den grad de også brukes utenfor fagfeltet de har oppstått i.</p>
   <p>Den vanligste måten vi lager nye norske ord på, er å sette sammen gamle ord på nye måter, og det er uendelige kombinasjonsmuligheter. Derfor er det mange sammensetninger som ikke har egne artikler i <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>. Selv om du ikke finner sykkelsete som oppslagsord her, betyr det ikke at ordet ikke finnes eller ikke er tillatt. Sammensatte ord er særlig tatt med ut fra tre hensyn:</p>
@@ -70,12 +78,16 @@
   <p><em>Bokmålsordboka</em> og <em>Nynorskordboka</em> er ikke å betrakte som lister over hvilke ord som er tillatt å bruke på norsk. Det finnes mange ord, både gamle og nye, som ikke er med i ordbøkene, men som man gjerne kan bruke likevel. Det er heller ikke slik at nye ord må godkjennes før de kan tas i bruk, det er språkbrukerne som i fellesskap avgjør hvilke ord som er gangbare i norsk. Normalt kommer ikke nye ord inn i ordbøkene før de har vært i bruk en stund og er etablert i språket. Ordbokredaksjonen avgjør hvilke ord som skal være med basert på undersøkelser av store tekstsamlinger, og Språkrådet bestemmer hvordan ordene skal staves og bøyes.</p>
   <p><a aria-label="Lenke til informasjon om ordudvalget i ordbøkene" href="https://www.sprakradet.no/Vi-og-vart/Publikasjoner/Spraaknytt/spraknytt-2014/Spraknytt-12014/Ord-som-finst-og-ikkje-finst/">Her</a> kan du lese mer om ordutvalget bl.a. i <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>.</p>
   <p>Dersom du ikke finner ordet du leter etter, kan du sjekke de større og dokumenterende ordbøkene <a aria-label="Lenke til Norsk Ordbok, ordboka over det norske folkemålet og det nynorske skriftmålet" href="http://no2014.uib.no/">Norsk Ordbok</a> (for dialektord og nynorsk) og <a aria-label="Lenke til NAOB, det Norske Akademis Ordbok´på bokmål og riksmål" href="https://naob.no/">NAOB</a> (for bokmål).</p>
+  </details>
 
-  <h3>HJELP TIL SØK</h3>
-  <p>Informasjon kommer når søkefunksjonaliteten er ferdig utviklet.</p>
+  <details>
+  <summary><h3>HJELP TIL SØK</h3></summary>
 
+  <p>Informasjon kommer når søkefunksjonaliteten er ferdig utviklet.</p>
+  </details>
 
-  <h3>NYTTIGE SPRÃ…KLENKER</h3>
+  <details>
+  <summary><h3>NYTTIGE SPRÃ…KLENKER</h3></summary>
   <p>Har du spørsmål om klar, god og korrekt språkbruk, kan du ta kontakt med Språkrådets svartjeneste.</p>
   <h4>Språkressurser på nettet</h4>
   <p>Språksamlingene ved Universitetsbiblioteket i Bergen har en rekke språkressurser, blant annet:</p>
@@ -97,16 +109,37 @@
       <li><a aria-label="Lenke til ordnet.dk, nettsted med danske ordbøker og korpus" href="http://ordnet.dk/">ordnet.dk:</a> flere danske ordbøker og korpus</li>
       <li><a aria-label="Lenke til svenska.se, nettsted med svenske ordbøker" href="https://svenska.se/">svenska.se:</a> flere svenske ordbøker</li>
   </ul>
-    </div>
+</details>
+</Article>
+
+</div>
   </main>
 </template>
 
 <style scoped>
+
+main {
+  flex: 1 0 auto;
+  background-color: var(--v-tertiary-base);
+  display: flex;
+  flex-direction: column;
+}
+
+div.welcome {
+  flex-grow: 10;
+}
+
   .about {
     padding-left: calc((100vw - 1000px) / 2);
     padding-right: calc((100vw - 1000px) / 2);
   }
 
+  .info-language-selector {
+    padding-left: calc((100vw - 1000px) / 2);
+    padding-right: calc((100vw - 1000px) / 2);
+  }
+
+
   h2, h3, h4, p{
     padding: 3px;
     font-variant: normal;
@@ -117,6 +150,11 @@
     margin-left: 20px;
   }
 
+  .about summary {
+    min-width: calc((100% - 20px)) !important;
+    margin-bottom: 20px;
+  }
+
   blockquote {
     margin-left:50px;
   }
-- 
GitLab