Fix error stylesheet not being named correctly.

This commit is contained in:
Sophie Marie 2023-07-31 15:51:31 -05:00
parent 9c62543d5b
commit 26d9ef0815
Signed by: IDeletedSystem64
GPG Key ID: F5D997A1BEF778ED
8 changed files with 56 additions and 7 deletions

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

View File

@ -2,7 +2,7 @@
<html>
<head>
<title>System64.dev - Error</title>
<link rel="stylesheet" type="text/css" href="/styles/err_styles.css">
<link rel="stylesheet" type="text/css" href="/styles/err_style.css">
<link rel="stylesheet" type="text/css" href="/styles/button_style.css"> <!-- Button styling now comes from the button stylesheet for regular pages. -->
<link rel="icon" type="image/x-icon" href="/err/img/favicon.png">
<meta content="system64.dev - Error" property="og:title" />

49
styles/err_style.css Normal file
View File

@ -0,0 +1,49 @@
/* CSS for System64.dev v2 Error Pages, Under MIT License. (6.6.23) */
/* decoration */
body {
background-image: url("/img/bg.jpg");
background-repeat: no-repeat;
}
/* positioning and sizing */
.container { /* not docker or kubernetes, sadly. */
display: flex;
flex-direction: column;
}
div {
margin: auto;
align-items: center;
}
img {
width: 20%;
height: auto;
}
/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap'); /* Bitter */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); /* Share Tech Mono */
h1 {
font-family: 'Bitter', serif;
color: white;
font-size: 50px;
text-align: center;
}
p {
font-family: 'Bitter', serif;
color: white;
text-align: center;
}
p.tiny {
font-size: 12px;
margin-top: -5px;
}
a {
color: white;
font-family: 'Bitter', serif;
}