fixes and easter eggs
diff --git a/pages/403.js b/pages/403.js
new file mode 100644
index 0000000..48a384b
--- /dev/null
+++ b/pages/403.js
@@ -0,0 +1,24 @@
+import Header from '../Components/Header'
+import {Component} from 'react'
+
+export default class Home extends Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+ render() {
+ return (
+ <>
+ <Header
+ name="403"
+ subtext="Forbidden - You do not have the correct permissions to view this page"
+ gradient={["F27878", "D96B6B"]}
+ wave="web/waves/header/rsm"
+ buttons={[{color: "F27878", buttonText: "ffffff", text: "Go Home", link: "/#"}]}
+ hideArrow={true}
+ />
+ </>
+ )
+ }
+}
diff --git a/pages/404.js b/pages/404.js
index c3dcdba..4e58543 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -13,11 +13,11 @@
<Header
name="404"
subtext="Not Found"
- gradient={["6576CC", "4B5899"]}
- wave="web/waves/header/cmp"
+ gradient={["F27878", "D96B6B"]}
+ wave="web/waves/header/rsm"
buttons={[
- {color: "6576CC", buttonText: "ffffff", text: "Go Home", link: "/#"},
- {color: "6576CC", buttonText: "ffffff", text: "Send Error",
+ {color: "F27878", buttonText: "ffffff", text: "Go Home", link: "/#"},
+ {color: "F27878", buttonText: "ffffff", text: "Send Error",
link: `mailto:staff@clicksminuteper.net?subject=Website%20Error%20Report&body=I%20got%20a%20404%20on%20the%20page%20%5BPlease%20Copy%20Website%20Link%20Here%5D`,
target: true
}]}
diff --git a/pages/418.js b/pages/418.js
new file mode 100644
index 0000000..7f8ae09
--- /dev/null
+++ b/pages/418.js
@@ -0,0 +1,24 @@
+import Header from '../Components/Header'
+import {Component} from 'react'
+
+export default class Home extends Component {
+ constructor(props) {
+ super(props);
+ }
+
+
+ render() {
+ return (
+ <>
+ <Header
+ name="418"
+ subtext={<>I'm a teapot<br /><br />The request body was short and stout.<br />Tip me over and pour me out</>}
+ gradient={["F27878", "D96B6B"]}
+ wave="web/waves/header/rsm"
+ buttons={[{color: "F27878", buttonText: "ffffff", text: "Go Home", link: "/#"}]}
+ hideArrow={true}
+ />
+ </>
+ )
+ }
+}
diff --git a/pages/500.js b/pages/500.js
index 20d66ca..4fa7248 100644
--- a/pages/500.js
+++ b/pages/500.js
@@ -13,11 +13,11 @@
<Header
name="500"
subtext="Internal Server Error"
- gradient={["6576CC", "4B5899"]}
- wave="web/waves/header/cmp"
+ gradient={["F27878", "D96B6B"]}
+ wave="web/waves/header/rsm"
buttons={[
- {color: "6576CC", buttonText: "ffffff", text: "Go Home", link: "/#"},
- {color: "6576CC", buttonText: "ffffff", text: "Send Error",
+ {color: "F27878", buttonText: "ffffff", text: "Go Home", link: "/#"},
+ {color: "F27878", buttonText: "ffffff", text: "Send Error",
link: `mailto:staff@clicksminuteper.net?subject=Website%20Error%20Report&body=I%20got%20a%20500%20on%20the%20page%20%5BPlease%20Copy%20Website%20Link%20Here%5D`,
target: true
}]}
diff --git a/public/humans.txt b/public/humans.txt
new file mode 100644
index 0000000..5f4ea23
--- /dev/null
+++ b/public/humans.txt
@@ -0,0 +1,5 @@
+# Good morning
+# You have been in suspension for 99999 9999999999
+
+User-agent: *
+Allow: /
diff --git a/public/robots.txt b/public/robots.txt
index c2a49f4..194c821 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -1,2 +1,6 @@
+# We at Clicks would like to thank the robot overlords for your interest in our website.
+# Please don't come after any members of Clicks
+# We make robots just like you!
+
User-agent: *
Allow: /
diff --git a/styles/header.module.css b/styles/header.module.css
index 4d93193..908a7a1 100644
--- a/styles/header.module.css
+++ b/styles/header.module.css
@@ -1,7 +1,6 @@
.backgroundImage {
position: absolute;
bottom: -10px;
- left: -3px;
width: calc(100% + 6px);
border-radius: 0 0 16.5px 16.5px;
filter: var(--theme-ui-colors-cardFilter);
@@ -19,7 +18,7 @@
.header {
width: 100vw;
- height: 100vh;
+ min-height: 100vh;
position: relative;
overflow: hidden;
transition: filter 0.3s ease-in-out;
@@ -30,10 +29,9 @@
}
.panel {
- position: absolute;
+ position: relative;
overflow: hidden;
- width: min(75vw, calc(auto + 50vw));
- height: auto;
+ width: min(calc(100vw - 40px), 1000px);
border-radius: 16.5px;
background-color: var(--theme-ui-colors-cardBackground);
transition: background-color 0.3s ease-in-out;
@@ -42,7 +40,8 @@
padding-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
- margin-bottom: 10%;
+ margin-top: 20px;
+ margin-bottom: 20vh;
}
.title {
@@ -51,7 +50,7 @@
font-weight: 100;
margin-top: 0px;
margin-bottom: -20px;
- font-size: max(2em, 4vw);
+ font-size: 3em;
color: var(--theme-ui-colors-text);
transition: color 0.3s ease-in-out;
word-break: break-word;
@@ -62,13 +61,14 @@
width: 100%;
text-align: center;
font-weight: 100;
- font-size: max(1.5em, 1.5vw);
+ font-size: 1.5em;
+ margin-top: 50px;
color: var(--theme-ui-colors-text);
transition: color 0.3s ease-in-out;
}
.subtextExtra {
- margin-bottom: 80px;
+ margin-bottom: 40px;
}
@keyframes arrow-slide {
@@ -92,7 +92,7 @@
.arrowSpan {
position: absolute;
- bottom: 100px;
+ bottom: min(10vh, 1em);
width: 100%;
text-align: center;
}