Skip to content

Commit

Permalink
Merge pull request #116 from Ahasasjain/404-party-template
Browse files Browse the repository at this point in the history
added new 404 template with party theme
  • Loading branch information
matteobruni authored Oct 13, 2023
2 parents 67695f0 + 81aa5d5 commit 036b427
Show file tree
Hide file tree
Showing 9 changed files with 495 additions and 0 deletions.
Binary file added __screenshots/party.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions data/pages.json
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,11 @@
"imageUrl": "https://raw.githubusercontent.com/tsparticles/404-templates/main/__screenshots/pole.png?raw=true",
"url": "pole/404.html"
},
{
"description": "Party 404",
"imageUrl": "https://github.com/Ahasasjain/404-templates/blob/404-party-template/__screenshots/party.png",
"url": "party/404.html"
},
{
"description": "Fireworks 404",
"imageUrl": "https://raw.githubusercontent.com/tsparticles/404-templates/main/__screenshots/fireworks.png?raw=true",
Expand Down
49 changes: 49 additions & 0 deletions party/404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!doctype html>
<html lang="en">
<head>
<title>Party | tsParticles 404</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Varela"
/>
<link rel="icon" type="image/x-icon" href="../images/tsParticles-64.png" />
</head>
<body>
<div id="tsparticles"></div>

<h1 id="heading">404</h1>
<br />
<br />
<h1 id="subheading">OOPS! Wrong Door</h1>
<h1 id="subheading1">
You can either Join Them or
<button
class="button-88"
onclick='location.href="https://tsparticles.github.io/404-templates/"'
>
Go Home
</button>
</h1>

<img src="images/Dance-1.gif" alt="Dancing Person -1" class="img1" />
<img src="images/Dance-2.gif" alt="Dancing Person -2" class="img2" />
<img src="images/Dance-3.gif" alt="Dancing Person -3" class="img3" />
<img src="images/Dance-4.gif" alt="Dancing Person -4" class="img4" />

<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-confetti@2/tsparticles.preset.confetti.bundle.min.js"></script>
<script src="script.js"></script>
<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>
</body>
</html>
Binary file added party/images/Dance-1.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added party/images/Dance-2.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added party/images/Dance-3.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added party/images/Dance-4.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
335 changes: 335 additions & 0 deletions party/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,335 @@
tsParticles.load("tsparticles", {
emitters: [
{
life: {
duration: 500,
count: 10,
},
position: {
x: 0,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 10,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 20,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 30,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 40,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 50,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 60,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 70,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 80,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 90,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 100,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 0,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 10,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 20,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 30,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 40,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 50,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 60,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 70,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 80,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 90,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
{
life: {
duration: 500,
count: 10,
},
position: {
x: 100,
y: 0,
},
particles: {
move: {
direction: "bottom",
},
},
},
],
preset: "confetti",
});
Loading

0 comments on commit 036b427

Please sign in to comment.