Merge pull request #1573 from ubyssey/nocturne

Nocturne
ubyssey · Dec 2, 2024 · 9964bf8 · 9964bf8
2 parents 81bfecd + 637610d
commit 9964bf8
Show file tree

Hide file tree

Showing 10 changed files with 965 additions and 1 deletion.
diff --git a/article/models.py b/article/models.py
@@ -748,6 +748,8 @@ def get_template(self, request):
             return "article/article_page_supplement_2024_science.html"
         elif self.layout == 'femme-2024':
             return "article/supplements/article_page_supplement_2024_femme.html"
+        elif self.layout == 'nocturne-2024':
+            return "article/supplements/article_page_supplement_2024_nocturne.html"
 
         return "article/article_page.html"
 
@@ -880,6 +882,7 @@ def get_template(self, request):
                             ('guide-2024', 'Guide (2024 style)'),
                             ('science-2024', 'Science Supplement (2024)'),
                             ('femme-2024', 'Femme Culture Special Issue (2024)'),
+                            ('nocturne-2024', 'Nocturne Features Supplement (2024)'),
                         ],
                     ),
                 ),

diff --git a/article/templates/article/supplements/article_page_supplement_2024_nocturne.html b/article/templates/article/supplements/article_page_supplement_2024_nocturne.html
diff --git a/ubyssey/static_src/src/fonts/Montserrat-Italic-VariableFont_wght.ttf b/ubyssey/static_src/src/fonts/Montserrat-Italic-VariableFont_wght.ttf
diff --git a/ubyssey/static_src/src/fonts/Montserrat-VariableFont_wght.ttf b/ubyssey/static_src/src/fonts/Montserrat-VariableFont_wght.ttf
diff --git a/ubyssey/static_src/src/js/nocturne-window-watching.js b/ubyssey/static_src/src/js/nocturne-window-watching.js
@@ -0,0 +1,21 @@
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
+
+let mm = gsap.matchMedia();
+mm.add("(min-width: 1px), (min-height: 1px)", () => {
+    var windowTriggers = gsap.utils.toArray('.window-trigger');
+    windowTriggers.forEach((wt) => {
+        console.log(wt);
+        gsap.to(wt, {
+            scrollTrigger: {trigger: wt, start: "start center", end: "bottom center", scrub: true,  
+                onToggle: self => {
+                    document.getElementById("windows").children[parseInt(self.trigger.getAttribute("window"))].classList.toggle("lighted");
+                    self.trigger.classList.toggle("highlight");
+                },
+            },
+            immediateRender: false,
+        });
+    })
+});