1
0
Fork 0
mirror of https://git.gay/Juli/error-codes.git synced 2025-04-15 01:48:39 +00:00
error-codes/401.html
2024-10-09 22:00:06 +03:00

109 lines
No EOL
2.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>401 - Unauthorized</title>
<meta charset="utf-8"/>
<meta content="401 - Unauthorized" property="og:title" />
<meta content="#001B29" data-react-helmet="true" name="theme-color"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="twitter:title" content="401 - Unauthorized" />
<style>
@import url("https://api.fonts.coollabs.io/css2?family=Atkinson+Hyperlegible&display=swap");
@import url('https://api.fonts.coollabs.io/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
html, body{
padding: 0;
margin: 0;
height: 100%;
font-size: 1.1em;
background-color: #1e1e2e;
align-content: center;
text-align: center;
}
body * {
color: #cdd6f4;
font-family: 'Atkinson Hyperlegible', 'Roboto Mono', Arial, sans-serif;
}
a {
color: #f5c2e7;
}
a:hover {
color: #f38ba8;
}
.page {
display: flex;
width: 65%;
margin: 0 auto;
align-items: start;
padding-top: 3em;
}
.page .content{
flex-grow: 7;
padding: 0.25em;
width: 100%;
}
.page .sidebar {
flex-grow: 3;
min-width: 27%; /* this is highly cursed */
max-width: 40%;
}
.container {
border-color: #f5c2e7;
border-width: 2px;
border-style: solid;
margin: 1em;
background-color: #1e1e2e;
padding: 0.6em;
}
/* time to fix these cursed media queries */
@media only screen and (min-width: 0px) and (max-width: 600px){
.page {
width: 100%;
margin-top: 0;
flex-direction: column-reverse;
}
.container {
margin: 0.5em;
}
.sidebar {
min-width: 95% !important;
/*max-width: 100% !important;*/
width: 100% !important;
}
.content {
min-width: 95% !important;
width: 100% !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 1000px){
.page {
margin-top: 0;
width: 85%;
}
}
#foxo {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<div class="page">
<div class="content container">
<h1>401 - Unauthorized!</h1>
<p>You do not have permission to access this.</p>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/401">401 Unauthorized - MDN</a>
<br>
</div>
</div>
</div>
</body>
</html>
<!-- trans rights :3 -->