ACDH Templates

Common web templates for the Austrian Centre for Digital Humanities such as Imprint and HTTP error pages.

404 Error Template

This template allows you to implement the 404 – Not Found error template for ACDH web sites and applications.

In your web project please create or edit the relevant 404 template – depending on your framework the location and the name of this file may vary –  and add the following HTML content to display the 404 page.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/apple-touch-icon.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-32x32.png"/>
  <link rel="icon" type="image/png" sizes="16x16" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-16x16.png"/>
  <link rel="manifest" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/manifest.json"/>
  <link rel="mask-icon" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/safari-pinned-tab.svg" color="#00aba9"/>
  <meta name="theme-color" content="#ffffff"/>
  <title>404 Not Found - Austrian Centre for Digital Humanities</title>
  <link rel="stylesheet" href="https://fundament.acdh.oeaw.ac.at/common-assets/css/404.css" type="text/css">
</head>
<body>
  <script type="text/javascript" src="https://fundament.acdh.oeaw.ac.at/common-assets/js/404.js"></script>
  <noscript class="page-container">
    <!-- If JavaScript is disabled -->
    <div class="error-image"></div>
    <h1 class="error-title">Sorry, there’s nothing in here!</h1>
    <p class="error-description">Even though we do our best to keep our namespace tidy and persistent, there might still be a broken link here and there. <br><br>We apologize for the inconvenience.</p>
    <a class="acdh-logo" href="https://www.oeaw.ac.at/acdh/"></a>
    <a class="button" href="https://www.oeaw.ac.at/acdh/">Visit ACDH Website</a>
    <a class="button" href="mailto:acdh@oeaw.ac.at">Contact Us</a>
  </noscript>
</body>
</html>

Note that the HTML content is appended dynamically by the 404.js, which allows us to change the content of this template in the future for hundreds of the different sites at once and the good thing is you don’t have to worry about updating this file once implemented.

501 Error Template

This template implements the 501 – Not Implemented error template for ACDH web sites and applications.

Since this error is trapped on the proxy server, you don’t have to take any steps to implement it. If your service generates this error, the following page will be displayed by the ACDH servers.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/apple-touch-icon.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-32x32.png"/>
  <link rel="icon" type="image/png" sizes="16x16" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-16x16.png"/>
  <link rel="manifest" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/manifest.json"/>
  <link rel="mask-icon" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/safari-pinned-tab.svg" color="#00aba9"/>
  <meta name="theme-color" content="#ffffff"/>
  <title>501 Not Implemented - Austrian Centre for Digital Humanities</title>
  <link rel="stylesheet" href="https://fundament.acdh.oeaw.ac.at/common-assets/css/501.css" type="text/css">
</head>
<body>
  <script type="text/javascript" src="https://fundament.acdh.oeaw.ac.at/common-assets/js/501.js"></script>
  <noscript class="page-container">
    <!-- If JavaScript is disabled -->
    <div class="error-image"></div>
    <h1 class="error-title">Sorry, this request is not implemented!</h1>
    <p class="error-description">The server either does not recognize the request method, or it lacks the ability to fulfil the request. <br><br>We apologize for the inconvenience.</p>
    <a class="acdh-logo" href="https://www.oeaw.ac.at/acdh/"></a>
    <a class="button" href="https://www.oeaw.ac.at/acdh/">Visit ACDH Website</a>
    <a class="button" href="mailto:acdh@oeaw.ac.at">Contact Us</a>
  </noscript>
</body>
</html>

502 Error Template

This template implements the 502 – Bad Gateway error template for ACDH web sites and applications.

Since this error is trapped on the proxy server, you don’t have to take any steps to implement it. If your service generates this error, the following page will be displayed by the ACDH servers.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/apple-touch-icon.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-32x32.png"/>
  <link rel="icon" type="image/png" sizes="16x16" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-16x16.png"/>
  <link rel="manifest" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/manifest.json"/>
  <link rel="mask-icon" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/safari-pinned-tab.svg" color="#00aba9"/>
  <meta name="theme-color" content="#ffffff"/>
  <title>502 Bad Gateway - Austrian Centre for Digital Humanities</title>
  <link rel="stylesheet" href="https://fundament.acdh.oeaw.ac.at/common-assets/css/502.css" type="text/css">
</head>
<body>
  <script type="text/javascript" src="https://fundament.acdh.oeaw.ac.at/common-assets/js/502.js"></script>
  <noscript class="page-container">
    <!-- If JavaScript is disabled -->
    <div class="error-image"></div>
    <h1 class="error-title">Sorry, it's a bad gateway!</h1>
    <p class="error-description">The server was acting as a gateway or proxy and received an invalid response from the upstream server. <br><br>We apologize for the inconvenience.</p>
    <a class="acdh-logo" href="https://www.oeaw.ac.at/acdh/"></a>
    <a class="button" href="https://www.oeaw.ac.at/acdh/">Visit ACDH Website</a>
    <a class="button" href="mailto:acdh@oeaw.ac.at">Contact Us</a>
  </noscript>
</body>
</html>

503 Error Template

This template implements the 503 – Service Unavailable error template for ACDH web sites and applications.

Since this error is trapped on the proxy server, you don’t have to take any steps to implement it. If your service generates this error, the following page will be displayed by the ACDH servers.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/apple-touch-icon.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-32x32.png"/>
  <link rel="icon" type="image/png" sizes="16x16" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-16x16.png"/>
  <link rel="manifest" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/manifest.json"/>
  <link rel="mask-icon" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/safari-pinned-tab.svg" color="#00aba9"/>
  <meta name="theme-color" content="#ffffff"/>
  <title>503 Service Unavailable - Austrian Centre for Digital Humanities</title>
  <link rel="stylesheet" href="https://fundament.acdh.oeaw.ac.at/common-assets/css/503.css" type="text/css">
</head>
<body>
  <script type="text/javascript" src="https://fundament.acdh.oeaw.ac.at/common-assets/js/503.js"></script>
  <noscript class="page-container">
    <!-- If JavaScript is disabled -->
    <div class="error-image"></div>
    <h1 class="error-title">Sorry, the service is not available!</h1>
    <p class="error-description">The server is currently unavailable, because it is overloaded or down for maintenance. Generally, this is a temporary state. <br><br>We apologize for the inconvenience.</p>
    <a class="acdh-logo" href="https://www.oeaw.ac.at/acdh/"></a>
    <a class="button" href="https://www.oeaw.ac.at/acdh/">Visit ACDH Website</a>
    <a class="button" href="mailto:acdh@oeaw.ac.at">Contact Us</a>
  </noscript>
</body>
</html>

504 Error Template

This template implements the 504 – Gateway Timeout error template for ACDH web sites and applications.

Since this error is trapped on the proxy server, you don’t have to take any steps to implement it. If your service generates this error, the following page will be displayed by the ACDH servers.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="apple-touch-icon" sizes="180x180" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/apple-touch-icon.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-32x32.png"/>
  <link rel="icon" type="image/png" sizes="16x16" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/favicon-16x16.png"/>
  <link rel="manifest" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/manifest.json"/>
  <link rel="mask-icon" href="https://fundament.acdh.oeaw.ac.at/common-assets/favicon/safari-pinned-tab.svg" color="#00aba9"/>
  <meta name="theme-color" content="#ffffff"/>
  <title>504 Gateway Timeout - Austrian Centre for Digital Humanities</title>
  <link rel="stylesheet" href="https://fundament.acdh.oeaw.ac.at/common-assets/css/504.css" type="text/css">
</head>
<body>
  <script type="text/javascript" src="https://fundament.acdh.oeaw.ac.at/common-assets/js/504.js"></script>
  <noscript class="page-container">
    <!-- If JavaScript is disabled -->
    <div class="error-image"></div>
    <h1 class="error-title">Sorry, the server is not responding!</h1>
    <p class="error-description">The server was acting as a gateway or proxy and did not receive a timely response from the upstream server. <br><br>We apologize for the inconvenience.</p>
    <a class="acdh-logo" href="https://www.oeaw.ac.at/acdh/"></a>
    <a class="button" href="https://www.oeaw.ac.at/acdh/">Visit ACDH Website</a>
    <a class="button" href="mailto:acdh@oeaw.ac.at">Contact Us</a>
  </noscript>
</body>
</html>