add inline scrims (#73)

.markdownlint-cli2.jsonc

@@ -5,6 +5,9 @@
 {
   "config": {
     "default": true,
+    "no-inline-html": {
+      "allowed_elements": ["scrim-inline"]
+    },
     "ul-style": {
       "style": "dash"
     },

.prettierrc.json

@@ -1 +1,10 @@
-{}
+{
+  "overrides": [
+    {
+      "files": ["**/*.jsonc"],
+      "options": {
+        "parser": "json"
+      }
+    }
+  ]
+}

curriculum/2-getting-started/1-soft-skills.md

@@ -154,10 +154,16 @@ Recommendations:
 
 - Join an open-source project to practice the skills you learn, engage with folks in the community, and learn from observing others (see [How to Contribute to Open Source Projects – A Beginner's Guide](https://www.freecodecamp.org/news/how-to-contribute-to-open-source-projects-beginners-guide/) for useful information).
 
+Our learning partner, Scrimba, provides a strong community and collaboration experience via their Discord server, intending to help their students gain exactly these kinds of skills. Check out the following embedded content to learn more.
+
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0xyi" scrimtitle="The Scrimba Community"></scrim-inline>
+
 ## 1.5 Succeeding in job interviews
 
 Technical job interviews can be very demanding, and some have quite specific requirements.
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0156" scrimtitle="Getting Hired"></scrim-inline>
+
 Recommendations:
 
 - Learn effective strategies for job searching. For example:

curriculum/3-core/1-web-standards.md

@@ -18,6 +18,8 @@ Learning outcomes:
 
 - Clients and servers and their roles in the web.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0lr" scrimtitle="The Request-Response Cycle"></scrim-inline>
+
 - DNS and how it works at a high level.
 
 - TCP/IP and HTTP.
@@ -65,6 +67,8 @@ Learning outcomes:
 > - CSS is for styling and layout.
 > - JavaScript is for controlling dynamic behavior.
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0f" scrimtitle="Web Dev Basics"></scrim-inline>
+
 - Their place in the larger ecosystem, and the fact that they are not the only web technologies.
 
 - Why separating the layers is a good idea.

curriculum/3-core/2-semantic-html.md

@@ -18,6 +18,8 @@ General resources:
 
 - [Learn HTML](https://www.codecademy.com/learn/learn-html), Codecademy
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0xid" scrimtitle="Semantic HTML"></scrim-inline>
+
 ## 2.1 Basic HTML syntax
 
 Learning outcomes:
@@ -170,6 +172,8 @@ Resources:
 
 - [Creating hyperlinks](https://developer.mozilla.org/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0p" scrimtitle="Anchor Tags"></scrim-inline>
+
 ## 2.6 Media
 
 Learning outcomes:
@@ -224,6 +228,8 @@ Learning outcomes:
 
 - Common `<input>` types — `text`, `number`, `file`, `checkbox`, `radio`, `password`, `search`, and `submit`.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0n" scrimtitle="The <input> Tag"></scrim-inline>
+
 - Common attributes — `name` and `value`.
 
 - Client-side validation basics — `required`, `min`, `max`, `minlength`, `maxlength`, and `pattern`.

curriculum/3-core/3-css-fundamentals.md

@@ -14,6 +14,8 @@ General resources:
 
 - [Write your first lines of CSS!](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~015?via=mdn), Scrimba _Course Partner_
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~015" scrimtitle="Your first lines of CSS"></scrim-inline>
+
 ## 3.1 Basic CSS syntax
 
 Learning outcomes:
@@ -66,6 +68,8 @@ Learning outcomes:
 
   - You can have multiple classes per element, and these can be used to layer on styles as required.
 
+    <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~01d" scrimtitle="CSS Classes"></scrim-inline>
+
   - IDs and classes should be used sparingly where they make sense for selections, but you shouldn't use them for everything — keep your HTML as clean and uncluttered as possible.
 
 - Selector lists.
@@ -200,6 +204,8 @@ Learning outcomes:
 
 - `border-radius` for rounded corners.
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~01j" scrimtitle="Border and border-radius"></scrim-inline>
+
 Resources:
 
 - [Border and border-radius](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~01j?via=mdn), Scrimba _Course Partner_

curriculum/3-core/4-css-text-styling.md

@@ -36,6 +36,8 @@ Resources:
 
 - [Web-safe fonts](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~02b?via=mdn), Scrimba _Course Partner_
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~02b" scrimtitle="Font Basics"></scrim-inline>
+
 ## 4.2 Styling lists and links
 
 Learning outcomes:

curriculum/3-core/5-css-layout.md

@@ -60,6 +60,8 @@ Learning outcomes:
 
   - Setting the positioning context of a positioned element by positioning an ancestor element.
 
+    <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0d5" scrimtitle="Relative and Absolute Position"></scrim-inline>
+
 - Fixed and sticky positioning:
 
   - Understand how these differ from absolute positioning.
@@ -104,6 +106,8 @@ Learning outcomes:
 
   - Adjusting flex item ordering.
 
+    <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~039" scrimtitle="Flexbox Demonstration"></scrim-inline>
+
 - CSS Grid:
 
   - Understand the purpose of CSS Grid — flexibly lay out a set of block or inline elements in two dimensions.
@@ -155,3 +159,5 @@ Resources:
 - [Responsive design](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design)
 
 - [Beginner's guide to media queries](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Media_queries)
+
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0ij" scrimtitle="Responsive Design Intro"></scrim-inline>

curriculum/3-core/6-javascript-fundamentals.md

@@ -110,6 +110,8 @@ Learning outcomes:
 
 - Understand what an array is — a structure that holds a list of variables.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~06e" scrimtitle="Intro to Arrays"></scrim-inline>
+
 - The syntax of arrays — `[a, b, c]` and the accessor syntax, `myArray[x]`.
 
 - Modifying array values with `myArray[x] = y`.
@@ -180,6 +182,8 @@ Learning outcomes:
 
 - Understand the purpose of functions — to enable the creation of reusable blocks of code that can be called wherever needed.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~04g" scrimtitle="Using Functions"></scrim-inline>
+
 - Understand that functions are used everywhere in JavaScript and that some are built into the browser and some are user-defined.
 
 - Understand the difference between functions and methods.
@@ -364,6 +368,8 @@ Resources:
 
 - [JSON Review](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0lt?via=mdn), Scrimba _Course Partner_
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0lt" scrimtitle="JSON Review"></scrim-inline>
+
 ## 6.14 Libraries and frameworks
 
 Learning outcomes:
@@ -418,6 +424,8 @@ Resources:
 
 - [Introduction to React](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0q2?via=mdn), Scrimba _Course Partner_
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0q2" scrimtitle="Learn React Intro"></scrim-inline>
+
 ## 6.15 Debugging JavaScript
 
 Learning outcomes:

curriculum/3-core/7-accessibility.md

@@ -8,6 +8,8 @@ template: module
 
 Access to web content such as public services, education, e-commerce sites, and entertainment is a human right. No one should be excluded based on disability, race, geography, or other human characteristics. This module discusses the best practices and techniques you should learn to make your websites as accessible as possible.
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~05tk" scrimtitle="Accessible Development Intro"></scrim-inline>
+
 General resources:
 
 - [Let's learn to make the web accessible](https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~05tk?via=mdn), Scrimba _Course Partner_
@@ -188,3 +190,5 @@ Resources:
 - [WAI-ARIA basics](https://developer.mozilla.org/docs/Learn/Accessibility/WAI-ARIA_basics)
 
 - [ARIA Authoring Practices Guide (APG)](https://www.w3.org/WAI/ARIA/apg/patterns/). W3C
+
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~03ci" scrimtitle="WAI-ARIA Intro"></scrim-inline>

curriculum/3-core/8-design-for-developers.md

@@ -56,6 +56,8 @@ Resources:
 
 - [Fundamental text and font styling](https://developer.mozilla.org/docs/Learn/CSS/Styling_text/Fundamentals)
 
+<scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~0p0" scrimtitle="Learn UI Design Intro"></scrim-inline>
+
 ## 8.2 User-centered design
 
 Learning outcomes:

curriculum/3-core/9-version-control.md

@@ -19,6 +19,8 @@ Learning outcomes:
 
 - Understand the difference between Git, and websites like GitHub and GitLab.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~02g" scrimtitle="Git and GitHub"></scrim-inline>
+
 - Understand that websites such as GitHub and GitLab enable teamwork and collaboration that isn't so easy just with plain Git.
 
 - Basic setup — installing git, signing up for an account for your chosen social coding site.

curriculum/4-extensions/3-web-apis.md

@@ -120,6 +120,8 @@ Learning outcomes:
 
 - Using Web Storage for simple key-value pair storage, controlled by JavaScript.
 
+  <scrim-inline url="https://v2.scrimba.com/the-frontend-developer-career-path-c0j/~08s" scrimtitle="What is localStorage?"></scrim-inline>
+
 - Using IndexedDB:
 
   - Complete client-side transactional database system.