Merge branch 'main' into amazon-links

Author: shiffman

HACKTOBERFEST.md

@@ -2,27 +2,18 @@
 
 This Hacktoberfest, here are the ways you can contribute to The Coding Train:
 
-1. **Share your creative work on the Passenger Showcase!**
+## 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](https://thecodingtrain.com/guides/passenger-showcase-guide) (scroll down below the form) to create your Pull Request.
+This is a great option if you are new to open source contributions. 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 "Finding the Video on Github") to create your Pull Request. Here are some additional resources that can help you get started:
 
-2. **Curate content for the website**
-
-   - Add a new side track to the site! Side Tracks are collections of related videos but don’t necessarily need to be watched in order. Is there a collection of videos that go together? You are welcome to propose and curate tracks for the website!
-   - Fix typos and errors in existing metadata for videos. (`topics`, `languages`, `timestamps`)
-   - For more information on the content structure for tracks and videos, check out the [Content Structure Guide](https://github.com/CodingTrain/thecodingtrain.com/blob/main/CODE_OF_CONDUCT.md).
-
-3. **Remix the Coding Train Logo!**
+- [Git and GitHub for Poets](https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZF9C0YMKuns9sLDzK6zoiV): A Coding Train video series for Git and GitHub beginners.
+- [Collaborating With Pull Requests](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests): A GitHub guide on pull requests.
 
-   - Check out https://github.com/CodingTrain/Coding-Train-Logo.
+## Experienced Contributors - Curate content for the website
 
-4. More!
+If you are an experienced contributor, consider adding a new side track to the site! Side Tracks are collections of related videos but don’t necessarily need to be watched in order. Please read through the existing issues to see which tracks have been requested. If you are interested in adding a track, please leave a comment in the issue before you start.
 
-   - 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.
+ For more information on the content structure for tracks and videos, check out the [Content Structure Guide](https://github.com/CodingTrain/thecodingtrain.com/blob/main/CODE_OF_CONDUCT.md).
 
-## 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.
-- [Collaborating With Pull Requests](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests): A GitHub guide on pull requests.

content/pages/homepage/index.json

@@ -20,7 +20,7 @@
   "tracks": {
     "title": "Tracks",
     "description": "Streamline your learning experience and take a ride along a Track on The Coding Train. Tracks are collections of video tutorials that follow a sequenced curriculum.",
-    "featured": ["learning-processing", "code-programming-with-p5-js"],
+    "featured": ["ml5js-beginners-guide", "code-programming-with-p5-js"],
     "tracksCta": {
       "text": "Ready to learn? Hop on a track for beginners and more!",
       "buttonText": "browse tracks",
@@ -32,11 +32,11 @@
     "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": [
       "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"
+      "152-rdp-algorithm",
+      "158-shape-classifier",
+      "174-graphics-applesoft-basic",
+      "27-fireworks",
+      "19-superellipse"
     ],
     "challengesCta": {
       "text": "ready to explore? try a challenge!",
@@ -47,14 +47,14 @@
   "passengerShowcase": {
     "title": "Passenger showcase highlights",
     "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"
+      "challenges/24-perlin-noise-flow-field/showcase/contribution-1727893468.json",
+      "noc/3-angles/4-polar-coordinates/showcase/contribution-1727766867.json",
+      "code/7-arrays/8-objects-images/showcase/contribution-1726937451.json",
+      "challenges/14-fractal-trees-recursive/showcase/contribution-1726000914.json",
+      "challenges/85-the-game-of-life/showcase/contribution-1727724456.json",
+      "transformations/translate-rotate-push-pop/showcase/contribution-1727809803.json",
+      "challenges/163-bezier-curves/showcase/contribution2.json",
+      "challenges/124-flocking-simulation/showcase/contribution26.json"
     ],
     "showcaseCta": {
       "text": "Want to see more?",

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

@@ -12,6 +12,7 @@
     "mastodon/replying-to-a-mention",
     "mastodon/what-is-node-js",
     "mastodon/what-is-npm",
-    "workflow/5-node"
+    "workflow/5-node",
+    "challenges/118-mastodon-fractal-tree-bot"
   ]
 }

content/videos/challenges/118-mastodon-fractal-tree-bot/index.jpg

@@ -0,0 +1,115 @@
+{
+  "title": "Mastodon Fractal Tree Bot",
+  "description": "In part 1 of this coding challenge, I create a node.js Mastodon bot that posts images (fractal trees) generated with Processing code. In part 2, I revise the node.js Mastodon bot to post images (fractal trees) in response to user mentions.",
+  "videoNumber": "118",
+  "date": "2018-10-16",
+  "languages": ["Processing", "JavaScript", "Java", "Node.js", "command-line interface (CLI)"],
+  "topics": ["Mastodon", "bots", "fractals"],
+  "canContribute": true,
+  "relatedChallenges": [
+    "174-graphics-applesoft-basic",
+    "14-fractal-trees-recursive",
+    "15-object-oriented-fractal-trees",
+    "18-3d-fractal-trees"
+  ],
+  "timestamps": [],
+  "parts": [
+    {
+      "title": "Part 1 - Creating fractal tree images and posting them with a Mastodon bot",
+      "videoId": "luxczHFn1rU",
+      "timestamps": [
+        { "time": "0:00", "title": "Introduction" },
+        { "time": "0:52", "title": "Inspiration for the challenge" },
+        { "time": "1:06", "title": "Generate a random fractal tree image with Processing" },
+        { "time": "2:48", "title": "How can Node.js and Processing communicate?" },
+        { "time": "3:50", "title": "Calling a Processing sketch from the command line" },
+        { "time": "6:10", "title": "Using Node.js to execute the sketch" },
+        { "time": "9:00", "title": "Async with promises" },
+        { "time": "11:57", "title": "Reading stdout value" },
+        { "time": "13:50", "title": "Use `mastodon-api` to POST the image" },
+        { "time": "21:40", "title": "Refactor promises chain to async/await" },
+        { "time": "25:20", "title": "Reference the image in a new status" },
+        { "time": "30:07", "title": "Extract the angle value from stdout" },
+        { "time": "33:00", "title": "Make the bot post at a predetermined interval" },
+        { "time": "36:30", "title": "Hosting and Part 2 tutorial teaser" }
+      ]
+    },
+    {
+      "title": "Part 2 - Revising the bot to reply to user mentions",
+      "videoId": "PUPWPjjkNqQ",
+      "timestamps": [
+        { "time": "0:00", "title": "Introduction" },
+        { "time": "0:30", "title": "Change the code" },
+        { "time": "1:00", "title": "Why Mastodon" },
+        { "time": "1:40", "title": "Streaming API" },
+        { "time": "2:50", "title": "Looking up previous code" },
+        { "time": "4:00", "title": "Adding new code" },
+        { "time": "6:00", "title": "Regular expressions" },
+        { "time": "10:00", "title": "Testing" },
+        { "time": "11:00", "title": "Adding an angle" },
+        { "time": "13:00", "title": "Adding arguments" }
+      ]
+    }
+  ],
+  "codeExamples": [
+    {
+      "title": "Source code",
+      "description": "Mastodon bot and fractal tree generator source code",
+      "urls": {
+        "node": "https://github.com/CodingTrain/Mastodon-Bot"
+      }
+    }
+  ],
+  "groupLinks": [
+    {
+      "title": "References",
+      "links": [
+        {
+          "icon": "🔗",
+          "title": "Lowpoly Bot",
+          "url": "https://twitter.com/lowpolybot",
+          "description": "A Twitter bot by @Quasimondo that creates random low-polygon versions of pictures it receives."
+        },
+        {
+          "icon": "🔗",
+          "title": "Node.js",
+          "url": "https://nodejs.org/en",
+          "description": "Documentation about Node.js, a open-source JavaScript runtime environment."
+        },
+        {
+          "icon": "🔗",
+          "title": "Mastodon",
+          "url": "https://mastodon.social/about",
+          "description": "A decentralized social media powered by Mastodon"
+        },
+        {
+          "icon": "🔗",
+          "title": "Mastodon API on npm",
+          "url": "https://www.npmjs.com/package/mastodon-api",
+          "description": "A Mastodon API Client for node"
+        },
+        {
+          "icon": "🔗",
+          "title": "The 'procesing-java' command",
+          "url": "https://github.com/processing/processing/wiki/Command-Line",
+          "description": "Running Processing sketches from the command line"
+        }
+      ]
+    },
+    {
+      "title": "Videos",
+      "links": [
+        {
+          "icon": "🎥",
+          "title": "What is Mastodon?",
+          "url": "/tracks/mastodon/mastodon/what-is-mastodon",
+          "description": "My track on the social media API Mastodon."
+        }
+      ]
+    }
+  ],
+  "credits": [
+    { "title": "Editing", "name": "Mathieu Blanchette" },
+    { "title": "Animations", "name": "Jason Heglund" }
+  ]
+}

content/videos/challenges/118-mastodon-fractal-tree-bot/index.json

@@ -0,0 +1,9 @@
+{
+  "title": "Polite circles-maker bot",
+  "url": "https://github.com/raynauds/mastodon-bot",
+  "author": {
+    "name": "Sébastien Raynaud",
+    "url": "https://twitter.com/Chopokopx"
+  },
+  "submittedOn": "2018-11-12"
+}

content/videos/challenges/118-mastodon-fractal-tree-bot/showcase/contribution1.json

@@ -0,0 +1,10 @@
+{
+  "title": "squarefractal2",
+  "author": {
+    "name": "Bart De Meyere",
+    "instagram": "https://www.instagram.com/bdm_80/"
+  },
+  "url": "https://bartdemeyere.github.io/squarefractal2/",
+  "submittedOn": "2024-09-10T20:41:54.323Z",
+  "socialPermission": true
+}