la til footer

src/App.vue

@@ -27,12 +27,24 @@
     <div class="welcome" v-show="! (article.lemmas.length || search_results.length)">
       <p>Bør ordet <em>crew</em> inn i dei norske standardordbøkene? Korleis definerar vi <em>c-kjendis</em>, og korleis
         bøyar vi eigentleg <em>abaya</em> på nynorsk - er det fleire <em>abayaer</em> eller <em>abayaar</em>? Blir <em>en vegetar</em>
-        framleis brukt som ein rettskrivingsvariant av <em>en vegetarianer</em> i bokmål? og bør <em>tjuesesse</em> bli eit opplsagsord i Bokmålsordboka
+        framleis brukt som ein rettskrivingsvariant av <em>en vegetarianer</em> i bokmål? Og bør <em>tjuesesse</em> bli eit opplsagsord i Bokmålsordboka
         når ein tilsvarande ordartikklel allereie finst i Nynorskordboka?
       </p>
       <p>Slike spørsmål skal ei gruppe ordbokredaktørar ved UiB arbeide med i den mest omfattande innhaldsrevisjonen av Bokmålsordboka og Nynorskordboka
       på over 30 år.</p>
     </div>
+    <footer>
+      <div>
+        <img id="uiblogo" src="./assets/uib-logo.svg" alt="">
+        <p>Ordbøkene eies av Universitetet i Bergen sammen med Språkrådet, under ledelse frå Språksamlingane</p>
+        <p><strong>REDAKTØRANSVAR: HF-FAKULTETET VED UiB</strong></p>
+      </div>
+      <div>
+        <img id="srlogo" src="./assets/Sprakradet_logo_neg.png" alt="">
+        <p> Språkrådet er statens fagorgan i språkspørsmål og følger opp den norske språkpolitikken på oppdrag fra Kulturdepartementet.
+        Språkrådet forvalter rettskrivningen i nynorsk og bokmål.</p>
+      </div>
+    </footer>
   </main>
 </template>
 
@@ -188,8 +200,8 @@ body {
 
 main {
   padding-top: 60px;
-  padding-left: 500px;
-  padding-right: 500px;
+  padding-left: calc((100vw - 1000px) / 2);
+  padding-right: calc((100vw - 1000px) / 2);
   background-color: #FDF4F5;
   background-image: url('./assets/beta.png');
   background-repeat: no-repeat;
@@ -247,4 +259,31 @@ label {
   font-size: smaller;
   font-weight: bold;
 }
+
+footer {
+  font-size: smaller;
+  display: flex;
+  flex-direction: row;
+  background-color: #570B27;
+  color: #ffffff;
+  padding-bottom: 20px;
+}
+
+footer p {
+  padding-left: 20px;
+  padding-right: 20px;
+  margin: 0px;
+}
+
+#srlogo {
+  height: 20px;
+  padding-top: 50px;
+  padding-left: 20px;
+}
+
+#uiblogo {
+  height: 60px;
+  padding: 10px;
+  padding-left: 20px;
+}
 </style>