From c1f329d9ad6a6b0e2f1e779f73771e4b2da9beaa Mon Sep 17 00:00:00 2001
From: Bendik <bendik.andersen@uib.no>
Date: Mon, 16 Dec 2024 15:21:15 +0100
Subject: [PATCH 1/4] Add further styling of 404 - not found
---
uib-errorpages/nginx/UiBerror/EW_http404.html | 206 ++++++++----------
1 file changed, 89 insertions(+), 117 deletions(-)
diff --git a/uib-errorpages/nginx/UiBerror/EW_http404.html b/uib-errorpages/nginx/UiBerror/EW_http404.html
index afa380a..80fc1ad 100644
--- a/uib-errorpages/nginx/UiBerror/EW_http404.html
+++ b/uib-errorpages/nginx/UiBerror/EW_http404.html
@@ -8,72 +8,95 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>404 Not Found</title>
- <meta name="description" content="">
+ <meta name="description" content="UiB Errorpage">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.uib.no/UiBerror/css/normalize.css">
<link rel="stylesheet" href="https://shared.app.uib.no/css/uib/2024/uib_header.css">
<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;
}
+
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 +107,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 +168,36 @@
<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 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>
- </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="top-section">
+ <h2>Page not found (404)</h2>
+ <p>
+ Sorry, this service is down, or the content may have been deleted or moved. You may also have entered a web address that does not exist.
+ </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 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>
- </div>
- </main>
- <footer>
- <div class="footer">
- <div class="footer_main">
- <div class="lang_en">
+ <div class="lang_no">
+ <div class="top-section">
+ <h2>Siden ble ikke funnet (404)</h2>
<p>
- © University of Bergen<br>
- Telephone: 55 58 00 00<br>
- E-mail: post@uib.no</p>
+ Beklager, denne tjenesten er nede, eller innholdet kan ha blitt slettet eller flyttet. Du kan også ha skrevet inn en nettadresse som ikke finnes.
+ </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 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>
</div>
- </footer>
+ </main>
</div>
</body>
</html>
--
GitLab
From 8087af48fa98858d4e32bb1f22e8f8ca475ca220 Mon Sep 17 00:00:00 2001
From: Bendik <bendik.andersen@uib.no>
Date: Mon, 16 Dec 2024 15:24:50 +0100
Subject: [PATCH 2/4] remove meta description
---
uib-errorpages/nginx/UiBerror/EW_http404.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/uib-errorpages/nginx/UiBerror/EW_http404.html b/uib-errorpages/nginx/UiBerror/EW_http404.html
index 80fc1ad..35f6211 100644
--- a/uib-errorpages/nginx/UiBerror/EW_http404.html
+++ b/uib-errorpages/nginx/UiBerror/EW_http404.html
@@ -8,7 +8,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>404 Not Found</title>
- <meta name="description" content="UiB Errorpage">
+ <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.uib.no/UiBerror/css/normalize.css">
<link rel="stylesheet" href="https://shared.app.uib.no/css/uib/2024/uib_header.css">
--
GitLab
From 4b47db091c111e2cc4fe1e60c4473cb1e4f06a30 Mon Sep 17 00:00:00 2001
From: Bendik <bendik.andersen@uib.no>
Date: Mon, 17 Feb 2025 09:42:45 +0100
Subject: [PATCH 3/4] Update message and re-add switch language link
---
uib-errorpages/nginx/UiBerror/EW_http404.html | 11 +++++++++--
1 file changed, 9 insertions(+), 2 deletions(-)
diff --git a/uib-errorpages/nginx/UiBerror/EW_http404.html b/uib-errorpages/nginx/UiBerror/EW_http404.html
index 35f6211..fad8ee3 100644
--- a/uib-errorpages/nginx/UiBerror/EW_http404.html
+++ b/uib-errorpages/nginx/UiBerror/EW_http404.html
@@ -64,6 +64,10 @@
margin-bottom: 8px;
}
+ #to_english {
+ font-size: 1.25rem;
+ }
+
main {
width: 100%;
}
@@ -174,7 +178,7 @@
<div class="top-section">
<h2>Page not found (404)</h2>
<p>
- Sorry, this service is down, or the content may have been deleted or moved. You may also have entered a web address that does not exist.
+ 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">
@@ -187,7 +191,7 @@
<div class="top-section">
<h2>Siden ble ikke funnet (404)</h2>
<p>
- Beklager, denne tjenesten er nede, eller innholdet kan ha blitt slettet eller flyttet. Du kan også ha skrevet inn en nettadresse som ikke finnes.
+ 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 class="bot-section">
@@ -195,6 +199,9 @@
<p>E-post: <a href="mailto:it@uib.no">it@uib.no</a></p>
<p>Telefonnummer: 55 58 47 00</p>
</div>
+ <div id="to_english">
+ <a href="#" onmouseup="showEnglish();">English version</a>
+ </div>
</div>
</div>
</main>
--
GitLab
From 5f4793428f5c7baa06e41a7f09f765d7d8cf9457 Mon Sep 17 00:00:00 2001
From: Bendik <bendik.andersen@uib.no>
Date: Mon, 17 Feb 2025 09:46:32 +0100
Subject: [PATCH 4/4] fix norwegian language switch
---
uib-errorpages/nginx/UiBerror/EW_http404.html | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/uib-errorpages/nginx/UiBerror/EW_http404.html b/uib-errorpages/nginx/UiBerror/EW_http404.html
index fad8ee3..3d96b68 100644
--- a/uib-errorpages/nginx/UiBerror/EW_http404.html
+++ b/uib-errorpages/nginx/UiBerror/EW_http404.html
@@ -64,7 +64,7 @@
margin-bottom: 8px;
}
- #to_english {
+ #to_english, #to_norwegian {
font-size: 1.25rem;
}
@@ -186,6 +186,9 @@
<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">
<div class="top-section">
--
GitLab