Link groups front-end refactor

content-testing/content-structure.js

@@ -243,6 +243,13 @@ const contentStructure = {
  isFileSensitive: false,
  isFolderSensitive: true,
  isRequired: true
+ },
+ templates: {
+ folders: {},
+ files: {},
+ isFileSensitive: false,
+ isFolderSensitive: false,
+ isRequired: false
  }
  // talks: {
  // folders: {},

content-testing/file-formats.js

@@ -57,7 +57,8 @@ const video = {
  properties: {
  title: { isRequired: true, type: 'string' },
  url: { isRequired: true, type: 'string' },
- author: { type: 'string' }
+ icon: { type: 'string' },
+ description: { type: 'string' }
  }
  }
  }

content/guides/content-structure-guide.md

@@ -109,12 +109,12 @@ Each video's metadata file (`video-slug/index.json`) is a JSON file. Each file h
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }
@@ -167,7 +167,11 @@ Group links are a more general abstraction for specifying related groups of link
 In the case of "Videos discussed" or whatever content that lives in the Coding Train site,
 instead of specifying the whole url to the resource, the URL can contain the sub-path in the site for that resource that starts with `/`.
 
-The `"author"` property is optional, but `"title"` and `"url"` are required.
+The `"description"` and `"icon"` properties are optional, but `"title"` and `"url"` are required.
+
+For now, `"icon"` expects a short emoji string that relates to the link. In the future this may also support adding coding train characters.
+
+`"description"` on the other hand can be a longish string that describes the link or something about it. It may also contain some HTML that will be parsed, so it may also contain anchor links related to the link. For example: `"By <a href='https://shiffman.net/' target='_blank' rel='noreferrer'> Dan Shiffman</a> and <a href='https://designsystems.international/' target='_blank' rel='noreferrer'> DSI</a>!"`.
 
 If `"groupLinks"` isn't set, it will default to an empty array.
 

content/videos/tracks/index.json → content/templates/videos/index.json

@@ -39,12 +39,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/journeys/163-bezier-curves/index.json

@@ -103,12 +103,12 @@
  "links": [
  {
  "title": "Self Avoiding Walk - Coding Challenge 162",
- "author": "The Coding Train",
+ "description": "by The Coding Train",
  "url": "/journeys/162-self-avoiding-walk"
  },
  {
  "title": "Time Table Cardioid - Coding Challenge 133",
- "author": "The Coding Train",
+ "description": "by The Coding Train",
  "url": "/journeys/133-times-tables-cardioid"
  }
  ]

content/videos/journeys/165-slide-puzzle/index.json

@@ -44,10 +44,9 @@
  "description": "The Fisher-Yates shuffle is an algorithm for generating a random permutation of a finite sequence"
  },
  {
- "icon": "✏️",
  "title": "copy()",
  "url": "https://p5js.org/reference/#/p5/copy",
- "description:": "The full details about copy() are on the p5.js reference."
+ "description": "The full details about copy() are on the p5.js reference."
  }
  ]
  },
@@ -57,7 +56,6 @@
  {
  "icon": "🎥",
  "title": "Bending Time Slitscan (Challenge 164)",
- "author": "The Coding Train",
  "description": "This video demonstrates how to use copy() for slitscan and time displacement.",
  "url": "/challenges/164-slitscan"
  }

content/videos/journeys/77-recursion/index.json

@@ -23,7 +23,7 @@
  "links": [
  {
  "title": "The Fractal Geometry of Nature",
- "author": "Benoit Mandlebrot",
+ "description": "by Benoit Mandlebrot",
  "url": "http://amzn.to/2xiVwht"
  },
 

content/videos/tracks/main-tracks/code/intro/arrays-and-loops-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/arrays-of-objects-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/boolean-variables-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/classes-in-javascript-with-es6-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/code-comments-p5-js-tutorial/index.json

@@ -19,12 +19,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/color-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/constructor-arguments-with-classes-in-javascript-with-es6-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/else-and-else-if-and-and-or-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/errors-and-console-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/function-basics-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/function-parameters-and-arguments-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/functions-and-return-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/incrementation-operators-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/introduction-to-conditional-statements-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/introduction-to-object-oriented-programming-with-es6-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/mouse-interaction-with-objects-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/nested-loops-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/object-communication-part-1-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }

content/videos/tracks/main-tracks/code/intro/object-communication-part-2-p5-js-tutorial/index.json

@@ -29,12 +29,12 @@
  {
  "title": "Link 1 title",
  "url": "link 1 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  },
  {
  "title": "Link 2 title",
  "url": "link 2 url",
- "author": "author of content linked"
+ "description": "description of content linked"
  }
  ]
  }