From 2c9eb2145fb1b279b85d04cd626c812237982009 Mon Sep 17 00:00:00 2001
From: Will Clarke <clarke19w@gmail.com>
Date: Sat, 6 Aug 2022 21:22:55 +0000
Subject: [PATCH] New site  (#142)

* rename old file (temp) & tailwind config

* pages test with directory

* revert directory addition
~ Pages doesnt allow there to be a custom directory to serve site from, only preset.

* 404 change from md

* add kofi widget

* add kofi widget

* defer kofi build + add fontawesome

* remove editor file

* 404 basic content

* 404- styling
Repsonsiveness needed

* typing animation???

* del, it didnt work

* revert

* introduction piece

* grid creation and styling

* layout

* finish header content

* add new domain

* add custom redirect links

* move new site (in dev) into dir
---
 404.html               | 31 +++++++++++++++++++++++++++
 404.md                 |  4 ----
 new-site/index.html    | 48 ++++++++++++++++++++++++++++++++++++++++++
 reserved/redirect.json | 11 ++++++++++
 tailwind.config.js     | 12 +++++++++++
 5 files changed, 102 insertions(+), 4 deletions(-)
 create mode 100644 404.html
 delete mode 100644 404.md
 create mode 100644 new-site/index.html
 create mode 100644 reserved/redirect.json
 create mode 100644 tailwind.config.js

diff --git a/404.html b/404.html
new file mode 100644
index 0000000..f94a81b
--- /dev/null
+++ b/404.html
@@ -0,0 +1,31 @@
+<!doctype html> <html lang="en">
+    <head>
+        <meta name="charset" content="utf-8">
+        <meta name="viewport" content="width=device-width,intitial-scale=1.0">
+        <script src="https://cdn.tailwindcss.com"></script>
+        <script src="tailwind.config.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+        <title>is-a-good.dev ~ Free subdomains for developers</title>
+        <meta name="title" content="is-a-good.dev ~ Free subdomains for developers">
+        <meta name="description" content="Free subdomains for developers around the globe.">
+    </head>
+    <body class="bg-bg">
+        <div class="flex flex-col text-text mx-auto bg-bg-accent w-4/12 p-4 mt-12 rounded">
+            <h1 class="font-semibold text-2xl my-2">Page Not Found</h1>
+            <span class="my-1">We couldn't find that page for you. This could mean that the page doesn't exist or has moved.</span>
+            <span class="my-1">If you think this was an error, please report it <a class="text-accent hover:underline" target="_blank" href="https://github.com/is-a-good-dev/register/issues/new?labels=Issue,Bug&title=Website+Bug+Report">here</a>.</span>
+            <a class="hover:ring hover:ring-accent cursor-pointer w-3/12 my-2 text-center p-2 mx-auto bg-bg" href="/">Return Home</a>
+        </div>
+
+        <!-- Kofi widget -->
+        <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+        <script defer>
+            kofiWidgetOverlay.draw('wclarkedev', {
+                'type': 'floating-chat',
+                'floating-chat.donateButton.text': 'Support Us',
+                'floating-chat.donateButton.background-color': '#80C1F5',
+                'floating-chat.donateButton.text-color': '#fff'
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/404.md b/404.md
deleted file mode 100644
index 9bf6ace..0000000
--- a/404.md
+++ /dev/null
@@ -1,4 +0,0 @@
-## Error 404 | Page Not Found
-The page you were looking for does not exist. You may have mistyped the URL or the page may have moved.
-
-If you think this was a mistake please create an issue [here](https://github.com/is-a-good-dev/Register/issues/new).
diff --git a/new-site/index.html b/new-site/index.html
new file mode 100644
index 0000000..3bd6b6c
--- /dev/null
+++ b/new-site/index.html
@@ -0,0 +1,48 @@
+<!doctype html> <html lang="en">
+    <head>
+        <meta name="charset" content="utf-8">
+        <meta name="viewport" content="width=device-width,intitial-scale=1.0">
+        <script src="https://cdn.tailwindcss.com"></script>
+        <script src="tailwind.config.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+        <title>is-a-good.dev ~ Free subdomains for developers</title>
+        <meta name="title" content="is-a-good.dev ~ Free subdomains for developers">
+        <meta name="description" content="Free subdomains for developers around the globe.">
+    </head>
+    <body class="bg-bg">
+        <div class="flex flex-col w-7/12 mx-auto bg-bg-accent rounded mt-12 text-text p-12">
+            <h1 class="text-4xl text-center"><a class="hover:underline underline-offset-4" href="https://redirect.is-a-good.dev/header-register">yourname</a>.is-a-good.dev</h1>
+            <span class="mt-12 w-8/12 flex place-self-center">
+                is-a-good.dev is an open source project providing free subdomains for developers around the world. Our service allows you to get your very own is-a-good.dev domain for free. To get yours follow the instructions found on our documentation.
+            </span>
+            <div class="flex flex-row place-self-center mt-6">
+                <a class="text-lg px-5 py-2 w-8/12 bg-bg mx-5 rounded hover:ring hover:ring-accent focus:ring focus:ring-accent ring ring-gray-600" href="https://redirect.is-a-good.dev/register">Register</a>
+                <a class="text-lg px-5 py-2 w-8/12 bg-bg mx-5 rounded hover:ring hover:ring-accent focus:ring focus:ring-accent ring ring-gray-600" href="https://redirect.is-a-good.dev/docs">Documentation</a>
+            </div>
+        </div>
+        <div class="w-7/12 mx-auto mt-10">
+            <div class="grid grid-cols-2 grid-rows-1 gap-x-20">
+                <div id="col-sec-1" class="bg-bg-accent col-start-auto rounded text-text">
+                    <h2 class="text-2xl my-4 text-center">Donations & Support</h2>
+                </div>
+                <div id="col-sec-2" class="bg-bg-accent col-start-auto rounded text-text">
+                    <h2 class="text-2xl my-4 text-center">Useful Links</h2>
+                    <div class="flex flex-row">
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Kofi widget -->
+        <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+        <script defer>
+            kofiWidgetOverlay.draw('wclarkedev', {
+                'type': 'floating-chat',
+                'floating-chat.donateButton.text': 'Support Us',
+                'floating-chat.donateButton.background-color': '#80C1F5',
+                'floating-chat.donateButton.text-color': '#fff'
+            });
+        </script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/reserved/redirect.json b/reserved/redirect.json
new file mode 100644
index 0000000..0ba0ff1
--- /dev/null
+++ b/reserved/redirect.json
@@ -0,0 +1,11 @@
+{
+    "repo": "~~",
+    "owner": {
+        "username": "is-a-good-dev",
+        "email": "will@is-a-good.dev"
+    },
+    "record": {
+      "A": "52.72.49.79"
+    },
+    "proxied":false
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..16bb8e0
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,12 @@
+tailwind.config = {
+    theme: {
+        extend: {
+            colors:{
+                "bg":"#181C1F",
+                "bg-accent":"#14171C",
+                "accent":"#80C1F5",
+                "text":"#FFFFFF"
+            }
+        }
+    }
+}
\ No newline at end of file