more work for fireworks and new years

author: Ryan Schanzenbacher <ryan@rschanz.org> 2021-12-26 01:55:27 -0500
committer: Ryan Schanzenbacher <ryan@rschanz.org> 2021-12-26 01:55:27 -0500
commit: a889f4bd9903938382dbf2ebc336d800efd72c83 (patch)
tree: 792ef84a43cff428d23e938028909e8b812fd1f4
parent: 5f4907f6dfb23592659fe1aa81f5655282eab310 (diff)
2 files changed, 47 insertions, 5 deletions
diff --git a/themes/hugo-coder/layouts/_default/baseof.html b/themes/hugo-coder/layouts/_default/baseof.html
index 89635ee..dfca9c7 100644
--- a/themes/hugo-coder/layouts/_default/baseof.html
+++ b/themes/hugo-coder/layouts/_default/baseof.html
@@ -103,15 +103,12 @@
  <body class="preload-transitions {{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
        onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
  >
-  <script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>
+  <div id=fireworksContainer style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;"></div>
-  <script>snowStorm.followMouse = false;</script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>
-  <script>snowStorm.followMouse = false;</script>
    {{ partial "float" . }}
    <main class="wrapper">
      {{ partial "header.html" . }}
-      <div class="content">
+      <div class="content" style="z-index: 3;">
        {{ block "content" . }}{{ end }}
      </div>
@@ -155,6 +152,50 @@
    {{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}
      {{- partial "analytics/googletagmanager" . -}}
    {{ end }}
+  {{ if eq .URL "/" }}
+  <script src="https://cdn.jsdelivr.net/npm/fireworks-js@latest/dist/fireworks.js"></script>
+  <script>
+    const c = document.querySelector("#fireworksContainer")
+    const f = new Fireworks(c, {
+        "hue": {
+            "min": 0,
+            "max": 345
+        },
+        "delay": {
+            "min": 15,
+            "max": 20
+        },
+        "rocketsPoint": 27,
+        "opacity": 0.5,
+        "speed": 15,
+        "acceleration": 1.1,
+        "friction": 0.97,
+        "gravity": 1.5,
+        "particles": 150,
+        "trace": 6,
+        "explosion": 7,
+        "autoresize": true,
+        "brightness": {
+            "min": 50,
+            "max": 80,
+            "decay": {
+                "min": 0.015,
+                "max": 0.03
+            }
+        },
+        "boundaries": {
+        "x": 50,
+        "y": 50,
+        "width": 1920,
+        "height": 928,
+        "visible": false
+        },
+    })
+    f._randomRocketsPoint = true
+    f.start()
+  </script>
+  {{ end }}
  </body>
 </html>
diff --git a/themes/hugo-coder/layouts/partials/home.html b/themes/hugo-coder/layouts/partials/home.html
index ff640dd..fb7a80e 100644
--- a/themes/hugo-coder/layouts/partials/home.html
+++ b/themes/hugo-coder/layouts/partials/home.html
@@ -14,6 +14,7 @@
    {{ else }}
    <h2>{{ .Site.Params.info }}</h2>
    {{ end }}
+    <h2>Happy New Year!</h2>
    {{ with .Site.Params.social }}
    <ul>
      {{ range sort . "weight" }}
author	Ryan Schanzenbacher <ryan@rschanz.org>	2021-12-26 01:55:27 -0500
committer	Ryan Schanzenbacher <ryan@rschanz.org>	2021-12-26 01:55:27 -0500
commit	a889f4bd9903938382dbf2ebc336d800efd72c83 (patch)
tree	792ef84a43cff428d23e938028909e8b812fd1f4
parent	5f4907f6dfb23592659fe1aa81f5655282eab310 (diff)

diff --git a/themes/hugo-coder/layouts/_default/baseof.html b/themes/hugo-coder/layouts/_default/baseof.html index 89635ee..dfca9c7 100644 --- a/themes/hugo-coder/layouts/_default/baseof.html +++ b/themes/hugo-coder/layouts/_default/baseof.html
@@ -103,15 +103,12 @@
103	<body class="preload-transitions {{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"	103	<body class="preload-transitions {{ $csClass }}{{ if .Site.Params.rtl }} rtl{{ end }}"
104	onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"	104	onload="{{ if .Site.Params.enableTwemoji }} twemoji.parse(document.body); {{ end }}"
105	>	105	>
106	<script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>	106	<div id=fireworksContainer style="position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none;"></div>
107	<script>snowStorm.followMouse = false;</script>
108	<script src="//cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js"></script>
109	<script>snowStorm.followMouse = false;</script>
110	{{ partial "float" . }}	107	{{ partial "float" . }}
111	<main class="wrapper">	108	<main class="wrapper">
112	{{ partial "header.html" . }}	109	{{ partial "header.html" . }}
113		110
114	<div class="content">	111	<div class="content" style="z-index: 3;">
115	{{ block "content" . }}{{ end }}	112	{{ block "content" . }}{{ end }}
116	</div>	113	</div>
117		114
@@ -155,6 +152,50 @@
155	{{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}	152	{{ if and .Site.Params.googleTagManager .Site.Params.googleTagManager.id }}
156	{{- partial "analytics/googletagmanager" . -}}	153	{{- partial "analytics/googletagmanager" . -}}
157	{{ end }}	154	{{ end }}
		155
		156	{{ if eq .URL "/" }}
		157	<script src="https://cdn.jsdelivr.net/npm/fireworks-js@latest/dist/fireworks.js"></script>
		158	<script>
		159	const c = document.querySelector("#fireworksContainer")
		160	const f = new Fireworks(c, {
		161	"hue": {
		162	"min": 0,
		163	"max": 345
		164	},
		165	"delay": {
		166	"min": 15,
		167	"max": 20
		168	},
		169	"rocketsPoint": 27,
		170	"opacity": 0.5,
		171	"speed": 15,
		172	"acceleration": 1.1,
		173	"friction": 0.97,
		174	"gravity": 1.5,
		175	"particles": 150,
		176	"trace": 6,
		177	"explosion": 7,
		178	"autoresize": true,
		179	"brightness": {
		180	"min": 50,
		181	"max": 80,
		182	"decay": {
		183	"min": 0.015,
		184	"max": 0.03
		185	}
		186	},
		187	"boundaries": {
		188	"x": 50,
		189	"y": 50,
		190	"width": 1920,
		191	"height": 928,
		192	"visible": false
		193	},
		194	})
		195	f._randomRocketsPoint = true
		196	f.start()
		197	</script>
		198	{{ end }}
158	</body>	199	</body>
159		200
160	</html>	201	</html>


diff --git a/themes/hugo-coder/layouts/partials/home.html b/themes/hugo-coder/layouts/partials/home.html index ff640dd..fb7a80e 100644 --- a/themes/hugo-coder/layouts/partials/home.html +++ b/themes/hugo-coder/layouts/partials/home.html
@@ -14,6 +14,7 @@
14	{{ else }}	14	{{ else }}
15	<h2>{{ .Site.Params.info }}</h2>	15	<h2>{{ .Site.Params.info }}</h2>
16	{{ end }}	16	{{ end }}
		17	<h2>Happy New Year!</h2>
17	{{ with .Site.Params.social }}	18	{{ with .Site.Params.social }}
18	<ul>	19	<ul>
19	{{ range sort . "weight" }}	20	{{ range sort . "weight" }}