Merge branch 'main' into auto-update-yt-desc

Author: dipamsen

.github/workflows/node.js.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '20.x'
           cache: 'npm'
       - run: npm ci
       - run: npm test

.nvmrc

@@ -1 +1 @@
-18
+20

CONTRIBUTING.md

@@ -23,7 +23,7 @@ Here are the types of contributions we are looking for:
 
 1. Share your creative work inspired by a coding challenge or tutorial in the showcase!
 
-   - You can submit your showcase with the [Passenger Showcase Form](http://thecodingtrain.com/submit)
+   - You can submit your showcase with the [Passenger Showcase Form](https://thecodingtrain.com/submit)
 
 2. Add a new track to the site! (https://github.com/CodingTrain/thecodingtrain.com/issues/279)
 
@@ -49,4 +49,4 @@ To find an issue that you want to fix, scan through the list. You may find that
 
 ### Development Environment
 
-Make sure you have Node.js version `18.x` as well as npm installed. You can find how to test your changes locally [here](https://github.com/CodingTrain/thecodingtrain.com#development-info).
+Make sure you have Node.js version `20.x` as well as npm installed. You can find how to test your changes locally [here](https://github.com/CodingTrain/thecodingtrain.com#development-info).

HACKTOBERFEST.md

@@ -4,7 +4,7 @@ This Hacktoberfest, here are the ways you can contribute to The Coding Train:
 
 1. **Share your creative work on the Passenger Showcase!**
 
-   - For your submission to count towards Hacktoberfest, you must manually create a Pull Request to the website repository. You can follow along with the [Passenger Showcase Guide](http://thecodingtrain.com/guides/passenger-showcase-guide) (scroll down below the form) to create your Pull Request.
+   - For your submission to count towards Hacktoberfest, you must manually create a Pull Request to the website repository. You can follow along with the [Passenger Showcase Guide](https://thecodingtrain.com/guides/passenger-showcase-guide) (scroll down below the form) to create your Pull Request.
 
 2. **Curate content for the website**
 
@@ -21,6 +21,7 @@ This Hacktoberfest, here are the ways you can contribute to The Coding Train:
    - You can contribute to other [Coding Train repositories](https://github.com/CodingTrain/) as well. You will need to ask for the Pull Request to be accepted for Hacktoberfest to count it towards your progress.
 
 ## Guide For Newer Contributors
+
 If you are new to open source contributions, here are some useful resources that can help you get started:
 
 - [Git and GitHub for Poets](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV): A Coding Train video series for Git and GitHub beginners.

README.md

@@ -1,13 +1,15 @@
 # Coding Train Website
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-24-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 This repo holds the website for [thecodingtrain.com](https://thecodingtrain.com/). The website is built with:
 
 - [Gatsby](https://www.gatsbyjs.com/) to perform the static site rendering
-- [React](https://reactjs.org/) as the general JavaScript framework
+- [React](https://react.dev/) as the general JavaScript framework
 
 ## Table of Contents
 
@@ -17,7 +19,7 @@ This repo holds the website for [thecodingtrain.com](https://thecodingtrain.com/
 
 ## Development info
 
-When updating the website, it is helpful to run the website locally in order to quickly see the changes made. Make sure you have Node.js version `18.x` installed and then perform the following steps:
+When updating the website, it is helpful to run the website locally in order to quickly see the changes made. Make sure you have Node.js version `20.x` installed and then perform the following steps:
 
 1. Clone down the repo to your computer and `cd` into the folder
 2. Run `npm install`

content-testing/schemas.js

@@ -21,9 +21,15 @@ const baseVideosSchema = strictObject({
   title: string().required(),
   description: string().required(),
 
-  videoId: youtubeIdValidator.when(['parts'], (parts, schema) => {
+  videoId: youtubeIdValidator.when('parts', ([parts], schema) => {
     // videoId required if the `parts` array is missing or empty
-    return parts && parts.length > 0 ? schema : schema.required();
+    return parts && parts.length > 0
+      ? schema.test(
+          'videoId and parts conflict',
+          'Top-level "videoId" should not be defined if "parts" exist',
+          (value) => value === undefined
+        )
+      : schema.required();
   }),
 
   nebulaSlug: nonUrlStringValidator,
@@ -289,7 +295,7 @@ const socialGroup = strictObject({
   title: string().required(),
   links: array(
     strictObject({
-      url: string().url().required(),
+      url: urlOrRelativeLinkValidator.required(),
       site: string()
         .oneOf(['twitter', 'discord', 'instagram', 'youtube', 'github'])
         .required()

content-testing/validators.js

@@ -319,7 +319,8 @@ const relativeLinks = {
   '/guides': slugs.guides,
   '/showcase': new Set(),
   '/faq': new Set(),
-  '/about': new Set()
+  '/about': new Set(),
+  '/discord': new Set()
 };
 
 const urlOrRelativeLinkValidator = string().test(

content/pages/about/index.json

@@ -36,7 +36,7 @@
           "url": "https://www.youtube.com/c/TheCodingTrain/",
           "site": "youtube"
         },
-        { "url": "https://thecodingtrain.com/discord", "site": "discord" },
+        { "url": "/discord", "site": "discord" },
         { "url": "https://github.com/CodingTrain", "site": "github" }
       ]
     }

content/pages/challenges/index.json

@@ -2,5 +2,5 @@
   "title": "Challenges",
   "description": "Ready to apply what you’ve learned in the Tracks? Try a Challenge! These one-off project videos build off concepts introduced in Tracks and may have prerequisites (listed on the challenge page itself).",
   "featuredText": "Featured Challenge:",
-  "featuredChallenge": "183-mathematical-marbling"
+  "featuredChallenge": "185-dragon-curve"
 }

content/pages/faqs/cafe-car.json

@@ -1,6 +1,6 @@
 {
   "question": "Cafe Car",
   "answer": {
-    "text": "The Cafe Car is the place to meet and chat with the Coding Train community! Your first stop is the [Discord](https://thecodingtrain.com/discord), but we’d also love for you to say hi on [Twitter](https://twitter.com/thecodingtrain) and [Instagram](https://www.instagram.com/the.coding.train)!"
+    "text": "The Cafe Car is the place to meet and chat with the Coding Train community! Your first stop is the [Discord](/discord), but we’d also love for you to say hi on [Twitter](https://twitter.com/thecodingtrain) and [Instagram](https://www.instagram.com/the.coding.train)!"
   }
 }

content/pages/faqs/find-help.json

@@ -1,10 +1,7 @@
 {
   "question": "Where can I find help with my code?",
   "answer": {
-    "text": "We have a friendly and helpful community in the [Coding Train Discord](https://thecodingtrain.com/discord), which has a number of help channels. You can also visit [The Processing Foundation's forum](https://discourse.processing.org/), a great place to ask specific questions related to Processing and p5.js.",
-    "list": [
-      "[The Coding Train's Discord](https://thecodingtrain.com/discord)",
-      "[The Processing Foundation's Forum](https://discourse.processing.org/)"
-    ]
+    "text": "We have a friendly and helpful community in the [Coding Train Discord](/discord), which has a number of help channels. You can also visit [The Processing Foundation's forum](https://discourse.processing.org/), a great place to ask specific questions related to Processing and p5.js.",
+    "list": ["[The Coding Train's Discord](/discord)", "[The Processing Foundation's Forum](https://discourse.processing.org/)"]
   }
 }

content/pages/faqs/livestream-notification.json

@@ -1,6 +1,6 @@
 {
   "question": "Where and when do you live stream? Can I get a notification?",
   "answer": {
-    "text": "The best way to stay up to date on my schedule is to [join the Coding Train discord](https://thecodingtrain.com/discord) and subscribe to the “notifications” role.\n Live streams occur on both [Twitch](https://www.twitch.tv/codingtrainchoochoo) and [YouTube](https://www.youtube.com/c/TheCodingTrain/featured). Each platform has various options for receiving notifications. On YouTube, for example you can [subscribe to The Coding Train](https://www.youtube.com/c/TheCodingTrain) and click the bell for all notifications. For streams scheduled in advance, they’ll be listed on the [homepage of this website](/)."
+    "text": "The best way to stay up to date on my schedule is to [join the Coding Train discord](/discord) and subscribe to the “notifications” role.\n Live streams occur on both [Twitch](https://www.twitch.tv/codingtrainchoochoo) and [YouTube](https://www.youtube.com/c/TheCodingTrain/featured). Each platform has various options for receiving notifications. On YouTube, for example you can [subscribe to The Coding Train](https://www.youtube.com/c/TheCodingTrain) and click the bell for all notifications. For streams scheduled in advance, they’ll be listed on the [homepage of this website](/)."
   }
 }

content/pages/faqs/suggest-topic.json

@@ -1,6 +1,6 @@
 {
   "question": "How do I suggest a topic for a Coding Challenge or Track?",
   "answer": {
-    "text": "You can share ideas by [opening an issue in the Coding Train Suggestion Box](https://github.com/CodingTrain/Suggestion-Box) or by [joining the Coding Train discord](https://thecodingtrain.com/discord)."
+    "text": "You can share ideas by [opening an issue in the Coding Train Suggestion Box](https://github.com/CodingTrain/Suggestion-Box) or by [joining the Coding Train discord](/discord)."
   }
 }

content/pages/guides/getting-started.md

@@ -36,7 +36,7 @@ If you are interested in learning web development, p5.js is a way to get started
 
 <Video videoId="46WOuOrMwTQ" />
 
-For a beginner, I recommend the [p5.js web editor](https://editor.p5js.org/), it’s probably the most used coding environment! If you are using Processing, it comes [with its own development environment](https://processing.org/download)! You can also explore a downloadable text editor like [Visual Studio Code](https://code.visualstudio.com/) for either! I cover tools beyond p5.js and Processing in [my 2023 workflow video](/tracks/2018-workflow/workflow/2023-update). There are many text editors out there – feel free to use whichever makes your coding experience comfortable!
+For a beginner, I recommend the [p5.js web editor](https://editor.p5js.org/), it’s probably the most used coding environment! If you are using Processing, it comes [with its own development environment](https://processing.org/download)! You can also explore a downloadable text editor like [Visual Studio Code](https://code.visualstudio.com/) for either! I cover tools beyond p5.js and Processing in [my 2023 workflow video](/tracks/2018-workflow/discord/2023-workflow). There are many text editors out there – feel free to use whichever makes your coding experience comfortable!
 
 ## Version Control
 

content/pages/guides/maintain-website-guide.md

@@ -153,7 +153,7 @@ git push --set-upstream origin branch-name
 
 7. Check the links to the references and videos to make sure are not broken and add additional metadata. Add a link (s) to any archived Live Streams associated with the challenge.
 
-   - For accessibilty and for general clarity, ensure that all "description" properties in the index.json file as well as the contribution JSON files are filled in with at least 1 sentence.
+   - For accessibility and for general clarity, ensure that all "description" properties in the index.json file as well as the contribution JSON files are filled in with at least 1 sentence.
    - Update the "languages" property in the "index.json" file. In this instance, "languages" refers to the programming language(s) used in the challenge. For example: "p5.js", "JavaScript", "Processing", or "node.js".
    - Update the "topics" property in the "index.json" file. If any tags were present on the YouTube page of the challenge, those would have been brought over by the web scraper and included as "topics". The tags from YouTube are pretty generic and overall too much information. Only a handful of topics are needed, so only include topics that are relevant to this specific video. If no tags were present on the YouTube page, then this may be blank - go ahead and add a couple of topics!
    - Use the Description on the YouTube video for additional links to add as "References" or "Videos" in the "groupLinks" property in the "index.json" file. Also, add in links to Uncyclopedia about whatever concept is being discussed, or links to p5.js or Processing documentation about any special functions that are used in the video, or links to whatever other resource may help to further explain a concept.
@@ -378,7 +378,7 @@ from GitHub.
 ## Troubleshooting
 
 Sometimes, things don't work like they should. If you get stuck, don't worry!
-Feel free to ask for help at any time, file an issue or come say hello in the [Coding Train Discord](https://thecodingtrain.com/discord).
+Feel free to ask for help at any time, file an issue or come say hello in the [Coding Train Discord](/discord).
 
 ## Adding a New Event
 

content/pages/guides/passenger-showcase-guide.md

@@ -15,7 +15,7 @@ There are currently two ways to submit your work:
 
 <PassengerShowcaseForm />
 
-If you have questions or need any help, come board the [Coding Train Discord](https://thecodingtrain.com/discord) or write to [email protected]. This guide is in progress, and will be updated as the showcase submission process changes.
+If you have questions or need any help, come board the [Coding Train Discord](/discord) or write to [email protected]. This guide is in progress, and will be updated as the showcase submission process changes.
 
 ## Finding the Video on GitHub
 

content/pages/homepage/index.json

@@ -31,12 +31,12 @@
     "title": "Challenges",
     "description": "Watch Dan take on Coding Challenges in p5.js and Processing. The challenge topics include algorithmic art, machine learning, simulation, generative poetry, and more.",
     "featured": [
-      "183-mathematical-marbling",
-      "41-clappy-bird",
-      "148-gift-wrapping",
-      "58-3d-earthquake-data-visualization",
-      "101-may-the-4th-scrolling-text",
-      "c1-maurer-rose"
+      "185-dragon-curve",
+      "175-3D-cube-applesoft-basic",
+      "160-spring-forces",
+      "113-4d-hypercube-aka-tesseract",
+      "99-neural-network-color-predictor",
+      "85-the-game-of-life"
     ],
     "challengesCta": {
       "text": "ready to explore? try a challenge!",
@@ -46,16 +46,7 @@
   },
   "passengerShowcase": {
     "title": "Passenger showcase highlights",
-    "featured": [
-      "challenges/183-mathematical-marbling/showcase/contribution-1714718039.json",
-      "challenges/183-mathematical-marbling/showcase/contribution-1715194171.json",
-      "challenges/78-simple-particle-system/showcase/contribution-1714737129.json",
-      "challenges/30-phyllotaxis/showcase/contribution-1714237829.json",
-      "physics-libraries/box2d/3-coordinate-and-vectors/showcase/contribution-1714548437.json",
-      "noc/3-angles/4-polar-coordinates/showcase/contribution-1714998108.json",
-      "code/1-intro/3-shapes-drawing/showcase/contribution-1713756411.json",
-      "challenges/181-image-stippling/showcase/contribution-1714302429.json"
-    ],
+     "featured": ["challenges/184-elastic-collisions/showcase/contribution-1720963615.json", "challenges/184-elastic-collisions/showcase/contribution-1720958474.json", "noc/4-particles/4-particle-textures/showcase/contribution-1721161051.json", "physics-libraries/box2d/12-collision-events/showcase/contribution-1722000424.json", "challenges/14-fractal-trees-recursive/showcase/contribution-1723666252.json", "challenges/10-dfs-maze-generator/showcase/contribution-1720952091.json", "challenges/184-elastic-collisions/showcase/contribution-1721016798.json", "challenges/100-neuroevolution-flappy-bird/showcase/contribution-1720945862.json"],
     "showcaseCta": {
       "text": "Want to see more?",
       "buttonText": "Browse the full showcase",

content/tracks/main-tracks/ml5js-beginners-guide/index.json

@@ -6,7 +6,7 @@
   "chapters": [
     {
       "title": "Introduction",
-      "videos": ["ml5/0-introduction/1-introduction"]
+      "videos": ["ml5/0-introduction/1-introduction", "ml5/0-introduction/patt-vira"]
     },
     {
       "title": "Classification",

content/tracks/main-tracks/the-nature-of-code-2/index.json

@@ -1,5 +1,5 @@
 {
-  "title": "The Nature of Code 2",
+  "title": "The Nature of Code",
   "date": "2020-02-15",
   "playlistId": "PLRqwX-V7Uu6ZV4yEcW3uDwOgGXKUUsPOM",
   "description": "Can the unpredictable evolutionary and emergent properties of nature be captured in software? Can understanding the mathematical principles behind the physical world help to create digital worlds? This learning playlist focuses on the programming strategies and techniques behind computer simulations of natural systems. I'll explore topics ranging from basic mathematics and physics concepts to more advanced simulations of complex systems. Subjects covered include physics simulation, trigonometry, self-organization, genetic algorithms, and neural networks. This track accompanies https://natureofcode.com/",
@@ -72,6 +72,7 @@
     {
       "title": "Physics Libraries",
       "videos": [
+        "challenges/184-elastic-collisions",
         "noc/6-physics-libraries/1-matterjs-introduction",
         "noc/6-physics-libraries/2-matterjs-introduction-continued",
         "noc/6-physics-libraries/3-matterjs-deleting-bodies",
@@ -90,7 +91,8 @@
         "challenges/77-recursion",
         "challenges/14-fractal-trees-recursive",
         "challenges/15-object-oriented-fractal-trees",
-        "challenges/16-l-system-fractal-trees"
+        "challenges/16-l-system-fractal-trees",
+        "challenges/185-dragon-curve"
       ]
     },
     {

content/tracks/side-tracks/livestreams/index.json

@@ -2,6 +2,7 @@
   "title": "Coding Train Live!",
   "description": "This side track is a collection of select livestreams.",
   "videos": [
+    "livestreams/page-not-found",
     "livestreams/creative_coding_ai_agent",
     "livestreams/shiffbot",
     "livestreams/decade-of-code",

content/videos/challenges/10-dfs-maze-generator/index.json

@@ -2,7 +2,6 @@
   "title": "Maze Generator",
   "description": "Choo choo! In this multi-part coding challenge, I create a maze generator using a depth-first search algorithm with recursive backtracking. The idea is to walk through a grid of cells, removing walls as we go to build a maze.",
   "videoNumber": "10",
-  "videoId": "",
   "date": "2016-05-02",
   "languages": ["p5.js", "JavaScript"],
   "topics": ["maze", "recursion", "backtracking", "depth-first search"],

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1719932734.json

@@ -0,0 +1,9 @@
+{
+  "title": "Biforkation and depth indication",
+  "author": {
+    "name": "Tanner Roberts"
+  },
+  "url": "https://editor.p5js.org/tannerbroberts/sketches/WdyY1psa9",
+  "submittedOn": "2024-07-02T15:05:34.521Z",
+  "socialPermission": true
+}

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1719932734.png

@@ -0,0 +1,12 @@
+{
+  "title": "Amazeing",
+  "author": {
+    "name": "Ijee",
+    "url": "https://github.com/Ijee",
+    "twitter": "https://twitter.com/_Ijee",
+    "instagram": "https://www.instagram.com/ijeex"
+  },
+  "url": "https://amazeing.app",
+  "submittedOn": "2024-07-14T10:14:51.900Z",
+  "socialPermission": true
+}

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1720952091.json

@@ -0,0 +1,10 @@
+{
+  "title": "pathfinding and maze generator",
+  "author": {
+    "name": "Bart De Meyere",
+    "instagram": "https://www.instagram.com/bdm_80/"
+  },
+  "url": "https://bartdemeyere.github.io/pathfinding/",
+  "submittedOn": "2024-07-19T16:17:24.691Z",
+  "socialPermission": false
+}

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1720952091.png

@@ -2,7 +2,6 @@
   "title": "Neuroevolution Flappy Bird",
   "description": "In this challenge, I use my JavaScript neural network library and a genetic algorithm to train an agent to play Flappy Bird.",
   "videoNumber": "100",
-  "videoId": "c6y21FkaUqw",
   "date": "2018-04-16",
   "languages": ["JavaScript", "p5.js"],
   "topics": ["neural network", "reinforcement learning", "genetic algorithms", "evolution", "Flappy Bird game"],

content/videos/challenges/10-dfs-maze-generator/showcase/contribution-1721405844.jpg

@@ -0,0 +1,11 @@
+{
+  "title": "Falling Object AI",
+  "author": {
+    "name": "Harivardhan Ramagiri",
+    "url": "https://harivardhanr.github.io/falling-objects-ai/",
+    "instagram": "harivardhan09"
+  },
+  "url": "https://github.com/HarivardhanR/falling-objects-ai",
+  "submittedOn": "2024-07-14T08:31:02.498Z",
+  "socialPermission": true
+}