Skip to content
Snippets Groups Projects
Commit f8c6d667 authored by Ole Voldsæter's avatar Ole Voldsæter
Browse files

re meta#192 bakgrunnsbilde, mindre luft på toppen

parent b31a06c2
No related branches found
No related tags found
No related merge requests found
<template> <template>
<main id="app"> <div id="app">
<header> <main>
<h1><a href="/">Ordbøkene</a></h1> <header>
<p class="about-link"><a href="#">OM ORDBØKENE</a></p> <h1><a href="/">Ordbøkene</a></h1>
<p class="sub-title"><a href="/">Bokmål- og Nynorskordboka</a></p> <p class="about-link"><a href="#">OM ORDBØKENE</a></p>
<p class="mission-statement"><a href="/">Skrivemåte og bøying i tråd med norsk rettskriving </a></p> <p class="sub-title"><a href="/">Bokmål- og Nynorskordboka</a></p>
</header> <p class="mission-statement"><a href="/">Skrivemåte og bøying i tråd med norsk rettskriving </a></p>
<div class="search_container"> </header>
<autocomplete :debounceTime="100" :auto-select="true" :search="search" @submit="select_result" placeholder="søk..." ref="search"> <div class="search_container">
<template #result="{result, props}"> <autocomplete :debounceTime="100" :auto-select="true" :search="search" @submit="select_result" placeholder="søk..." ref="search">
<li class="suggestion" v-bind="props">{{result.label}}</li> <template #result="{result, props}">
</template> <li class="suggestion" v-bind="props">{{result.label}}</li>
</autocomplete> </template>
<div class="lang_select_container"> </autocomplete>
<select class="lang_select" name="lang" v-model="lang"> <div class="lang_select_container">
<option value="bob,nob">Begge målformer </option> <select class="lang_select" name="lang" v-model="lang">
<option value="bob">Bokmål</option> <option value="bob,nob">Begge målformer </option>
<option value="nob">Nynorsk</option> <option value="bob">Bokmål</option>
</select> <option value="nob">Nynorsk</option>
</select>
</div>
</div> </div>
</div> <img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" />
<img id="spinner" :class="waiting ? 'show' : 'hide'" src="./assets/spinner.gif" alt="Venter på innhold" /> <SearchResults :hits="search_results" :lang="lang" @article-click="article_link_click" v-show="! waiting" />
<SearchResults :hits="search_results" :lang="lang" @article-click="article_link_click" v-show="! waiting" /> <div id="single_article_container">
<div id="single_article_container"> <Article :key="article_key" :article="article" @article-click="article_link_click" />
<Article :key="article_key" :article="article" @article-click="article_link_click" /> </div>
</div> <div class="welcome" v-show="! (article.error || article.lemmas.length || search_results.length || waiting)">
<div class="welcome" v-show="! (article.error || article.lemmas.length || search_results.length || waiting)"> </div>
<p>... </main>
</p>
</div>
<footer> <footer>
<div> <div>
<img id="uiblogo" src="./assets/uib-logo.svg" alt=""> <img id="uiblogo" src="./assets/uib-logo.svg" alt="">
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
Språkrådet forvalter rettskrivningen i nynorsk og bokmål.</p> Språkrådet forvalter rettskrivningen i nynorsk og bokmål.</p>
</div> </div>
</footer> </footer>
</main> </div>
</template> </template>
<script> <script>
...@@ -293,9 +293,10 @@ p.about-link > a{ ...@@ -293,9 +293,10 @@ p.about-link > a{
} }
main { main {
background-image: url('./assets/beta.png'); background-image: url('./assets/books.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
min-height: 600px;
} }
header, #search_results, #spinner, #single_article_container, footer, div.welcome, div.search_container { header, #search_results, #spinner, #single_article_container, footer, div.welcome, div.search_container {
...@@ -307,7 +308,7 @@ header, #search_results, #spinner, #single_article_container, footer, div.welcom ...@@ -307,7 +308,7 @@ header, #search_results, #spinner, #single_article_container, footer, div.welcom
} }
header { header {
padding-top: 60px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
background-color: #560027; background-color: #560027;
} }
......
src/assets/books.jpg

574 KiB

...@@ -61,6 +61,7 @@ article { ...@@ -61,6 +61,7 @@ article {
margin: 10px; margin: 10px;
border-radius: 10px; border-radius: 10px;
background-color: #FFFFFF; background-color: #FFFFFF;
box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.5);
} }
h3 { h3 {
......
...@@ -51,6 +51,8 @@ export default { ...@@ -51,6 +51,8 @@ export default {
<style> <style>
h2 { h2 {
color: #560027; color: #560027;
margin: 0px;
padding: 20px 0px 20px 0px;
} }
.hits { .hits {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment