403: Added 403 files for Woodburn auth

2023-03-21 16:43:35 +11:00 · 2023-03-21 16:43:35 +11:00 · ebb85ef56d
commit ebb85ef56d
parent 9e0b5385a6
2 changed files with 110 additions and 0 deletions
--- a/403.css
+++ b/403.css
@ -0,0 +1,93 @@
+html {
+  height: 100%;
+}
+
+body {
+  /* width: 100%; */
+  height: 99%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  family: "Poppins", sans-serif;
+  background-image: linear-gradient(45deg, #f6d200 25%, #181617 25%, #181617 50%, #f6d200 50%, #f6d200 75%, #181617 75%, #181617 100%);
+}
+
+h1 {
+  text-transform: uppercase;
+  background: repeating-linear-gradient(45deg, #f6d200, #f6d200 10px, #181617 10px, #181617 20px);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: move 5s ease infinite;
+  font-size: 384px;
+  margin: 0;
+  line-height: 0.7;
+  position: relative;
+
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
+}
+h1:before, h1:after {
+  content: "Caution";
+  background-color: #f6d200;
+  color: #181617;
+  border-radius: 10px;
+  font-size: 35px;
+  position: absolute;
+  padding: 31px;
+  text-transform: uppercase;
+  font-weight: bold;
+  -webkit-text-fill-color: #181617;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%) rotate(20deg);
+}
+h1:before {
+  content: "";
+  padding: 70px 130px;
+  background: repeating-linear-gradient(45deg, #f6d200, #f6d200 10px, #181617 10px, #181617 20px);
+  box-shadow: 0px 0px 10px #181617;
+}
+h1 span:before, h1 span:after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: #757575;
+  color: #757575;
+  border-radius: 50%;
+  position: absolute;
+  bottom: 0;
+  margin: auto;
+  top: 20%;
+  z-index: 3;
+  box-shadow: 0px 60px 0 0px;
+}
+h1 span:before {
+  left: 37%;
+  transform: rotate(22deg);
+  top: -44%;
+}
+h1 span:after {
+  right: 34%;
+  transform: rotate(22deg);
+  top: 3%;
+}
+input {
+  margin-top: 3em;
+  background: #f6d200;
+  color: #181617;
+  border: 0;
+  padding: 20px 40px;
+  font-size: 20px;
+  font-weight: bold;
+  text-transform: uppercase;
+  border-radius: 10px;
+  box-shadow: 0px 0px 10px #181617;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
--- a/403.html
+++ b/403.html
@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>403 | Woodburn</title>
+    <link rel="stylesheet" href="403.css">
+</head>
+<body>
+    <h1 class="text"><span>403</span></h1>
+    <br>
+    <form action="https://id.woodburn.au/logout">
+        <input type="submit" value="Logout" />
+    </form>
+</body>
+</html>