Add redirect html

1 year ago · 794b0b1024
parent 77871d4098
commit 794b0b1024
3 changed files with 41 additions and 13 deletions
--- a/index.html
+++ b/index.html
@ -1,22 +1,11 @@
 <html>
 <head>
-  <style>
-    body {
-      font-family: Noto Sans, sans serif;
-    }
-    .banner {
-      margin: 10%;
-      font-size: 2em;
-    }
-    .content {
-      margin: 0 10%;
-    }
-  </style>
+  <link rel="stylesheet" href="style.css"></link>
 </head>
 <body>
  <center class="banner">
    <h1>No Chromium</h1>
-    <h2>This website does not accept chromium based browsers</h2>
+    <h2>Do not use Chromium</h2>
    <h3>Use a different web browser</h3>
  </center>
  <section class="content">
--- a/redirect.html
+++ b/redirect.html
@ -0,0 +1,17 @@
+<html>
+<head>
+  <link rel="stylesheet" href="style.css"></link>
+</head>
+<body>
+  <div class="container">
+    <div class="banner centered">
+      <center>
+        <h1>No Chromium</h1>
+        <h2>This website does not accept chromium based browsers</h2>
+        <h3>Use a different web browser</h3>
+        <h4><a href="index.html">Why?</a></h4>
+      </center>
+    </div>
+  </div>
+</body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,22 @@
+body {
+  font-family: Noto Sans, sans serif;
+  min-height: 1vh;
+}
+.banner {
+  margin: 10%;
+  font-size: 2em;
+}
+.content {
+  margin: 0 10%;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.centered {
+  margin: auto;
+}