diff options
| 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 | 512f313c2c263493d4c5c0eafb0cb66252830fdc (patch) | |
| tree | e88f84cb62f6b46b3f9e2ff3812535305e992037 /themes/hugo-coder/layouts/_default | |
| parent | 8ad20356dbdd34b746bb4e2560624ca3b8316f25 (diff) | |
more work for fireworks and new years
Diffstat (limited to 'themes/hugo-coder/layouts/_default')
| -rw-r--r-- | themes/hugo-coder/layouts/_default/baseof.html | 51 |
1 files changed, 46 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 @@ | |||
| 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> |