Merge pull request #113 from buneeIsSlo/bunee-jitter-404

Add Jitter template
tsparticles · Oct 13, 2023 · 48d1aba · 48d1aba
2 parents f55fd6d + 5ba2439
commit 48d1aba
Show file tree

Hide file tree

Showing 5 changed files with 502 additions and 0 deletions.
diff --git a/__screenshots/jitter.png b/__screenshots/jitter.png
diff --git a/data/pages.json b/data/pages.json
@@ -133,5 +133,10 @@
     "description": "Spooky 404",
     "imageUrl": "https://raw.githubusercontent.com/tsparticles/404-templates/main/__screenshots/spooky.png?raw=true",
     "url": "spooky/404.html"
+  },
+  {
+    "description": "Jitter 404",
+    "imageUrl": "https://raw.githubusercontent.com/tsparticles/404-templates/main/__screenshots/jitter.png?raw=true",
+    "url": "jitter/404.html"
   }
 ]
diff --git a/jitter/404.html b/jitter/404.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Google tag (gtag.js) -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-1752YPLP7H"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-1752YPLP7H");
+    </script>
+
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Mono&display=swap"
+      rel="stylesheet"
+    />
+    <title>404-Jitter</title>
+    <link rel="stylesheet" href="./styles.css" />
+  </head>
+
+  <body>
+    <main>
+      <div id="tsparticles" aria-hidden="true"></div>
+      <section>
+        <div class="text">
+          <h1 data-value="404">404</h1>
+          <a href="#" id="back" data-value="Go back">Go back</a>
+        </div>
+      </section>
+    </main>
+    <script
+      type="text/javascript"
+      src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"
+    ></script>
+    <script src="tsparticles.engine.min.js"></script>
+    <script src="./app.js"></script>
+  </body>
+</html>