markdownFormat baebee

chrisburnell · chrisburnell · commit bc19f6770774 · 2020-10-09T11:47:26.000+01:00
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,4 +1,9 @@
 const { DateTime } = require("luxon");
+const markdownIt = require('markdown-it')({
+    html: true,
+    breaks: true,
+    linkify: true
+});
 
 module.exports = function(config) {
     const now = new Date();
@@ -17,13 +22,18 @@ module.exports = function(config) {
     config.addFilter("dateFormat", (value, format = "dd LLLL yyyy") => {
         return DateTime.fromJSDate(new Date(value)).toFormat(format);
     });
+
     config.addFilter("w3DateFormat", (value, showTimezone = true) => {
         if (showTimezone) {
             return DateTime.fromJSDate(new Date(value)).toFormat("yyyy-MM-dd'T'HH:mm:ssZZZ");
         }
         return DateTime.fromJSDate(new Date(value)).toFormat("yyyy-MM-dd'T'HH:mm:ss");
     });
 
+    config.addFilter("markdownFormat", (value) => {
+        return markdownIt.render(value);
+    });
+
     return {
         dataTemplateEngine: "njk",
         htmlTemplateEngine: "njk",
diff --git a/challenges/1.html b/challenges/1.html
@@ -1,6 +1,6 @@
 ---
 title: JavaScript Drum Kit
-lede: I really enjoyed starting this challenge; it was actually a great first challenge for me because I&rsquo;ve had a lot of fun tinkering with interactions triggering audio events and the Web Audio API. Shout out to <a href="https://rusingh.com/articles/2020/10/07/javascript30-02-wes-bos-course-grouping-operator-hoc/">Ru Singh</a> for putting this on my radar and giving me the push to make it a daily challenge for me!
+lede: I really enjoyed starting this challenge; it was actually a great first challenge for me because I&rsquo;ve had a lot of fun tinkering with interactions triggering audio events and the Web Audio API. Shout out to [Ru Singh](https://rusingh.com/articles/2020/10/07/javascript30-02-wes-bos-course-grouping-operator-hoc/) for putting this on my radar and giving me the push to make it a daily challenge for me!
 date: 2020-10-07T12:00:00+0000
 ---
 <!DOCTYPE html>
diff --git a/challenges/2.html b/challenges/2.html
@@ -1,6 +1,6 @@
 ---
 title: CSS + JS Clock
-lede: Not quite as challenging as as <a href="/1/">the first</a>, but nice to refresh myself with the Date object.
+lede: Not quite as challenging as as [the first](/1/), but nice to refresh myself with the Date object.
 date: 2020-10-08T12:00:00+0000
 ---
 <!DOCTYPE html>
diff --git a/index.njk b/index.njk
@@ -53,7 +53,7 @@ color: "#5f8aa6"
                         <article class="[ h-entry ]">
                             <h3><a class="p-name" href="{{ item.url }}"><small>{{ loop.length - loop.index0 }}.</small> {{ item.data.title }}</a></h3>
                             {% if item.data.lede %}
-                                <p class="p-summary">{{ item.data.lede | safe }}</p>
+                                <p class="p-summary">{{ item.data.lede | markdownFormat | safe }}</p>
                             {% endif %}
                             <div class="[ deck__meta ]">
                                 <small>published</small>

-Original file line number
+Diff line change
@@ @@ -1,6 +1,6 @@ @@
 ---
 title: JavaScript Drum Kit
 -lede: I really enjoyed starting this challenge; it was actually a great first challenge for me because I’ve had a lot of fun tinkering with interactions triggering audio events and the Web Audio API. Shout out to <a href="https://rusingh.com/articles/2020/10/07/javascript30-02-wes-bos-course-grouping-operator-hoc/">Ru Singh</a> for putting this on my radar and giving me the push to make it a daily challenge for me!
 +lede: I really enjoyed starting this challenge; it was actually a great first challenge for me because I’ve had a lot of fun tinkering with interactions triggering audio events and the Web Audio API. Shout out to [Ru Singh](https://rusingh.com/articles/2020/10/07/javascript30-02-wes-bos-course-grouping-operator-hoc/) for putting this on my radar and giving me the push to make it a daily challenge for me!
 date: 2020-10-07T12:00:00+0000
 ---
 <!DOCTYPE html>