From 07473867fed82188fa24539562057ed060cc573d Mon Sep 17 00:00:00 2001
From: liu9293 <liukai9293@qq.com>
Date: Thu, 27 Apr 2023 10:26:19 +0800
Subject: [PATCH] init

---
 index.html | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 readme.md  |  5 +++
 2 files changed, 95 insertions(+)
 create mode 100644 index.html
 create mode 100644 readme.md
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..528847a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,90 @@
+
+<html>
+<head>
+<style>
+  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
+
+  * {
+      padding: 0;
+      margin: 0;
+      box-sizing: border-box;
+      font-family: 'Press Start 2P';
+      color: #FFFFFF;
+      text-align: center;
+  }
+
+  body {
+      background-color: #000000;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='58' viewBox='0 0 42 58'%3E%3Cg fill='%23dddcdd' fill-opacity='0.23'%3E%3Cpath fill-rule='evenodd' d='M12 18h12v18h6v4H18V22h-6v-4zm-6-2v-4H0V0h36v6h6v36h-6v4h6v12H6v-6H0V16h6zM34 2H2v8h24v24h8V2zM6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 50h32v-8H10V18H2v32zm28-6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/g%3E%3C/svg%3E");
+  }
+
+  section.notFound {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin: 0 5%;
+      height: 100vh;
+  }
+
+  section.notFound h1 {
+      color: red;
+      font-size: 100px;
+  }
+
+  section.notFound h2 {
+      font-size: 50px;
+  }
+
+  section.notFound h1, h2, h3 {
+      margin-bottom: 40px;
+  }
+
+  div.text {
+      height: 50vh;
+  }
+
+  div.text a {
+      text-decoration: none;
+      margin-right: 20px;
+  }
+
+  div.text a:hover {
+      color: red;
+      text-decoration: underline; 
+  }
+
+  @media only screen and (max-width: 768px) {
+      section.notFound {
+          flex-direction: column;
+          justify-content: space-around;
+      }
+      section.notFound div.img img {
+          width: 70vw;
+          height: auto;
+      }
+      section.notFound h1 {
+          font-size: 50px;
+      }
+      section.notFound h2 {
+          font-size: 25px;
+      }
+      div.text a:active {
+      color: red;
+      text-decoration: underline; 
+    }
+  }
+</style>
+</head>
+<body>
+  <section class="notFound">
+    <div class="img">
+    <img src="https://assets.codepen.io/5647096/backToTheHomepage.png" alt="Back to the Homepage"/>
+    <img src="https://assets.codepen.io/5647096/Delorean.png" alt="El Delorean, El Doc y Marti McFly"/>
+    </div>
+    <div class="text">
+    <h1>404</h1>
+    <h2>PAGE NOT FOUND</h2>
+    </div>
+  </section>
+</body>
+</html>
\ No newline at end of file
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..d620daf
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,5 @@
+## Simple Git Repository
+
+```
+git clone git@github.com:LIU9293/starter.git
+```
\ No newline at end of file
