Skip to content
Snippets Groups Projects
Commit 22af32f1 authored by Michael.Menk's avatar Michael.Menk
Browse files

Merge branch 'further-styling-2024-layout' into 'master' 

Add further styling of 404 - not found

See merge request !2
parents 4f483586 5f479342
No related branches found
No related tags found
1 merge request!2Add further styling of 404 - not found
Hide whitespace changes
Inline Side-by-side
uib-errorpages/nginx/UiBerror/EW_http404.html
+ 95
− 113
View file @ 22af32f1
......@@ -15,65 +15,92 @@
<link rel="stylesheet" href="https://shared.app.uib.no/css/uib/2024/uib_header_small_screen_override.css">
<link rel="stylesheet" href="https://shared.app.uib.no/css/uib/2024/uib_footer.css">
<style>
/* Show only Norwegian */
.lang_en {
display: none;
}
/* Add new palette */
.uib_palette_EW_error_page
{ /*Template: https://www.figma.com/design/aVaL0OhtXPnqU77Eq7BtzB/Error-pages?node-id=128-964 */
display: flex;
align-items: center;
flex-direction: column;
padding-top: 4rem;
padding-bottom: 8rem;
--uib-header-background-color: #fef9f1;
--uib-header-font-color: black;
--uib-header-link-color: black;
--uib-main-background-color: #fef9f1;
--uib-main-font-color: #1D0606;
--uib-main-link-color: #1D0606;
--uib-footer-background-color: #1d0606;
--uib-footer-font-color: #fef9f1;
--uib-footer-link-color: #fef9f1;
--error-link-color: #aa1317;
}
/* Change logo color */
.uib_palette_EW_error_page a img {
filter: invert(100%);
}
footer a { }
.uib_palette_EW_error_page a {
text-decoration-color: var(--error-link-color);
text-underline-offset: 5px;
}
/* EW 404 page 2024 version */
.page__wrapper {
min-height: 100vh;
width: 100%;
max-width: 55rem;
display: flex;
flex-direction: column;
}
.top-section {
margin-bottom: 3.5rem;
}
.bot-section p {
margin-bottom: 8px;
}
#to_english, #to_norwegian {
font-size: 1.25rem;
}
main {
display: flex;
width: 100%;
}
.center {
flex-grow: 1;
min-width: 0;
min-height: 0;
}
.right .decoreBox {
padding: 20px;
border: dashed 1px silver;
margin-left: 1em;
margin-top: 1em;
}
.right {
padding-right: 2em;
}
.right .decoreBox h3 {
margin-top: 0;
h2 {
font-size: 3rem;
font-style: normal;
font-weight: normal;
margin-block-end: 1rem;
}
footer {
margin-top: auto;
h3 {
font-size: 2.5rem;
font-style: normal;
margin: 0 0;
font-weight: normal;
margin-block-end: 1rem;
}
footer .footer_main {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
padding-top: 2em;
padding-bottom: 2em;
main p {
font-size: 1.25rem;
margin: 0 0rem;
line-height: 150%;
letter-spacing: 0.3px;
}
@media (max-width: 720px) {
@media (max-width: 768px) {
/* Remove menu is not space. */
nav {
display: none;
......@@ -84,12 +111,28 @@
.center {
flex-grow: 0;
}
.right .decoreBox {
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 2rem;
}
main p {
font-size: 1rem;
}
.page__wrapper {
max-width: 80%;
}
.uib_palette_EW_error_page {
padding-top: 1rem;
}
}
</style>
<script>
function showNorwegian() {
......@@ -129,103 +172,42 @@
<div class="header_foot"></div>
</header>
</div>
<nav class="lang_no">
<ul>
<li><a href="https://www.uib.no/utdanning">Utdanning</a></li>
<li><a href="https://www.uib.no/forskning">Forskning</a></li>
<li><a href="https://www.uib.no/innovasjon">Innovasjon</a></li>
<li><a href="https://www.uib.no/ub">Bibliotek</a></li>
<li><a href="https://www.uib.no/student">For studenter</a></li>
<li><a href="https://www.uib.no/foransatte">For ansatte</a></li>
<li><a href="https://www.uib.no/om">Om UiB</a></li>
</ul>
</nav>
<nav class="lang_en">
<ul>
<li><a href="https://www.uib.no/en/education">Education</a></li>
<li><a href="https://www.uib.no/en/research">Research</a></li>
<li><a href="https://www.uib.no/en/innovation">Innovation</a></li>
<li><a href="https://www.uib.no/en/ub">Library</a></li>
<li><a href="https://www.uib.no/en/student">For students</a></li>
<li><a href="https://www.uib.no/en/foremployees">For employees</a></li>
<li><a href="https://www.uib.no/en/about">About UiB</a></li>
</ul>
</nav>
<main class="body">
<div class="left">
<div class="lang_en">
<h2>404 - Page not found</h2>
<p>
The content may have been deleted, moved or you may have entered an incorrect address.
To find the information you were looking for, you can go to the
<a href="https://uib.no/en">front page</a> or try using our
<a href="https://uib.no/en/google-search">search</a>.
</p>
<p>
<a href="mailto:post@uib.no">Please let us know</a> if you have come across a link that does not exist.
</p>
<div class="top-section">
<h2>Page not found (404)</h2>
<p>
Sorry, the page was not found. The content may have been deleted or moved. You may also have entered a web address that does not exist.
</p>
</div>
<div class="bot-section">
<h3>Contact support</h3>
<p>E-mail: <a href="mailto:it@uib.no">it@uib.no</a></p>
<p>Phone: 55 58 47 00</p>
</div>
<div id="to_norwegian">
<a href="#" onmouseup="showNorwegian();">Norsk versjon</a>
</div>
</div>
<div class="lang_no">
<h2>404 - Siden ble ikke funnet</h2>
<p>
Innholdet kan ha blitt slettet, flyttet eller du kan ha skrevet inn en nettadresse som ikke finnes.
Gå til <a href="https://www.uib.no/">forsiden</a> eller <a href="https://uib.no/google-søk">prøv søket vårt</a>.
</p>
<p>
<a href="mailto:post@uib.no">Meld gjerne ifra</a> dersom du har kommet over en lenke som ikke fungerer.
</p>
<div id="to_english">
<a href="#" onmouseup="showEnglish();">English version</a>
<div class="top-section">
<h2>Siden ble ikke funnet (404)</h2>
<p>
Beklager, siden ble ikke funnet. Innholdet kan ha blitt slettet eller flyttet. Du kan også ha skrevet inn en nettadresse som ikke finnes.
</p>
</div>
</div>
</div>
<div class="center"></div>
<div class="right">
<div class="decoreBox">
<div class="lang_no">
<h3>Andre nettbaserte tjenester fra UiB:</h3>
<ul class="links">
<li><a href="https://pahoyden.no">På Høyden (Intern kanal for ansatte og studenter)</a></li>
<li><a href="https://mitt.uib.no">Mitt UiB (Læringsplattform)</a></li>
<li><a href="https://treet.uib.no/">UiBtreet (Dashbord for studenter)</a></li>
<li><a href="https://timer.uib.no">Selvbetjeningsportalen (For ansatte)</a></li>
<li><a href="https://hjelp.uib.no">UiBhjelp (Administrative tjenester for ansatte og studenter)</a></li>
</ul>
<div class="bot-section">
<h3>Kontakt brukerstøtte</h3>
<p>E-post: <a href="mailto:it@uib.no">it@uib.no</a></p>
<p>Telefonnummer: 55 58 47 00</p>
</div>
<div class="lang_en">
<h3>Other online services from UiB</h3>
<ul class="links">
<li><a href="https://pahoyden.no">På Høyden (Internal channel for employees and students)</a></li>
<li><a href="https://mitt.uib.no">Mitt UiB (Learning platform)</a></li>
<li><a href="https://treet.uib.no/">UiBtreet (Dashbord for students)</a></li>
<li><a href="https://timer.uib.no">Self-service portal (For employees)</a></li>
<li><a href="https://hjelp.uib.no">UiBhjelp (Service management portal for employees and students)</a></li>
</ul>
<div id="to_english">
<a href="#" onmouseup="showEnglish();">English version</a>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footer_main">
<div class="lang_en">
<p>
© University of Bergen<br>
Telephone: 55 58 00 00<br>
E-mail: post@uib.no</p>
</div>
<div class="lang_no">
<p><br>
© Universitetet i Bergen<br>
Telefon: 55 58 00 00 <br>
E-post: post@uib.no</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment