diff --git a/uib-errorpages/nginx/UiBerror/EW_http404.html b/uib-errorpages/nginx/UiBerror/EW_http404.html
index afa380a11b2a787ce98809e10c9261d1b4d0b2bc..3d96b68e3464bf95dff817d171a5117260a16975 100644
--- a/uib-errorpages/nginx/UiBerror/EW_http404.html
+++ b/uib-errorpages/nginx/UiBerror/EW_http404.html
@@ -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>