Wheel dragging

.jsdoc.conf.json

@@ -2,6 +2,7 @@
   "plugins": [],
   "recurseDepth": 10,
   "opts": {
+    "private": true,
     "recurse": true
   },
   "source": {

README.md

@@ -3,6 +3,7 @@
 Improving the student experience by alleviating decision-making anxiety. Brought to you by [20/20 Visionaries](./admin/team.md) (CSE 110 SP23 Team 20).
 
 [![Try it out button](./docs/images/try-button.svg)](https://cse110-sp23-group20.github.io/fortune-teller/source/home-page/)
+[![Documentation button](./docs/images/docs-button.svg)](https://cse110-sp23-group20.github.io/fortune-teller/JSDOCs/)
 [![Team page button](./docs/images/team-page-button.svg)](./admin/team.md)
 
 ## Development

__tests__/zodiacUnit.test.js

@@ -6,6 +6,7 @@ import {
   determineDateRangeRight,
   determinePairing,
   textGenerator,
+  angleDiff,
 } from "../source/Zodiac_compatibility/zodiac-angles.js";
 
 describe("roundAngle Tests", () => {
@@ -201,3 +202,76 @@ describe("textGenerator Tests", () => {
     expect(textGenerator("unknown", "unknown")).toBe("An error has occurred");
   });
 });
+
+// Generated by ChatGPT, except some of its expectations were wrong.
+describe("angleDiff", () => {
+  test("returns the correct difference when angle > base", () => {
+    const angle = 120;
+    const base = 30;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(90);
+  });
+
+  test("returns the correct difference when angle < base", () => {
+    const angle = 30;
+    const base = 120;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(-90);
+  });
+
+  test("returns 0 when angle and base are equal", () => {
+    const angle = 90;
+    const base = 90;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(0);
+  });
+
+  test("returns the correct difference when angle and base are opposite", () => {
+    const angle = -170;
+    const base = 170;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(20);
+  });
+
+  test("returns the correct difference when angle and base are negative", () => {
+    const angle = -30;
+    const base = -60;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(30);
+  });
+
+  test("returns the correct difference when angle and base are positive", () => {
+    const angle = 200;
+    const base = 100;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(100);
+  });
+
+  test("returns the correct difference when angle is near 180° and base is negative", () => {
+    const angle = 179;
+    const base = -179;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(-2);
+  });
+
+  test("returns the correct difference when angle is near -180° and base is positive", () => {
+    const angle = -179;
+    const base = 179;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(2);
+  });
+
+  test("returns the correct difference when angle is near 180° and base is positive", () => {
+    const angle = 179;
+    const base = 1;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(178);
+  });
+
+  test("returns the correct difference when angle is near -180° and base is negative", () => {
+    const angle = -179;
+    const base = -1;
+    const result = angleDiff(angle, base);
+    expect(result).toBe(-178);
+  });
+});

source/FortuneCookie/fortuneCookie.js

@@ -51,6 +51,10 @@ function reset(state) {
 }
 
 resetButton.addEventListener("click", () => {
+  if (prefersReducedMotion()) {
+    reset("cookie");
+    return;
+  }
   resetButton.disabled = true;
   cookieButton.classList.remove("hide-cookie");
   cancelButton.parentElement.classList.add("animating");
@@ -164,6 +168,14 @@ function fallNewCookie() {
   cookieFalling = true;
 }
 
+/**
+ * Determines whether the user has `prefers-reduced-motion` enabled.
+ * @returns {boolean} Whether to reduce motion.
+ */
+function prefersReducedMotion() {
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+
 /**
  * When the user clicks the button, disables it so they cannot click the button
  * in quick succession and cause audio issues
@@ -173,6 +185,10 @@ document.body.addEventListener("click", async function (event) {
     if (fortuneButton.disabled) {
       return;
     }
+    if (prefersReducedMotion()) {
+      reset("fortune");
+      return;
+    }
     document.body.classList.add("dramatic-mode");
     cancelButton.parentElement.classList.add("animating");
     cancelButton.parentElement.classList.remove("animating-new-cookie");

source/FortuneCookie/style.css

@@ -236,6 +236,11 @@ li.audio-dropdown {
   background-clip: text;
   animation: reveal-text 1s forwards;
 }
+@media (prefers-reduced-motion) {
+  .reveal p {
+    background-position: right;
+  }
+}
 
 @keyframes reveal-text {
   from {

source/PalmReading/script.js

@@ -1,6 +1,3 @@
-const fortune = document.getElementById("fortune-paragraph");
-// etc
-
 const heads = [
   "Long and straight head line: You possess a logical and analytical mind. You excel in problem-solving and have a practical approach to life.",
   "Short head line: You tend to be impulsive and prefer to make decisions based on intuition rather than careful analysis. You may have a quick wit and enjoy spontaneous experiences.",

source/PalmReading/style.css

@@ -293,6 +293,11 @@ body {
   stroke-width: 1;
   transition: opacity 0.5s;
 }
+@media (prefers-reduced-motion) {
+  .ecg {
+    display: none;
+  }
+}
 .ecg-active {
   opacity: 1;
   transition-delay: 3.5s;