conditional homework button

Author: nachoamatt

.eleventy.js

@@ -41,6 +41,7 @@ module.exports = function (eleventyConfig) {
   })
 
   eleventyConfig.addPassthroughCopy('_src/assets')
+  // eleventyConfig.addPassthroughCopy("_src/styles")
 
   eleventyConfig.addNunjucksFilter('bootstrapNav', toBootstrapNav)
 

02-JS-I/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript I",
   "feedbackID": "02-JS-I",
   "permalink": "/JavaScript_I/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/02-JS-I/homework",
   "eleventyNavigation": {
     "key": "JS I",
     "order": 5

03-JS-II/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript II",
   "feedbackID": "03-JS-II",
   "permalink": "/JavaScript_II/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/03-JS-II/homework",
   "eleventyNavigation": {
     "key": "JS II",
     "order": 6

04-JS-III/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript III",
   "feedbackID": "04-JS-III",
   "permalink": "/JavaScript_III/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/04-JS-III/homework",
   "eleventyNavigation": {
     "key": "JS III",
     "order": 7

05-JS-IV/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript IV",
   "feedbackID": "05-JS-IV",
   "permalink": "/JavaScript_IV/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/05-JS-IV/homework",
   "eleventyNavigation": {
     "key": "JS IV",
     "order": 8

06-JS-V/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript V",
   "feedbackID": "06-JS-V",
   "permalink": "/JavaScript_V/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/06-JS-V/homework",
   "eleventyNavigation": {
     "key": "JS V",
     "order": 9

07-JS-VI/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "JavaScript VI",
   "feedbackID": "07-JS-VI",
   "permalink": "/JavaScript_VI/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/07-JS-VI/homework",
   "eleventyNavigation": {
     "key": "JS VI",
     "order": 10

09-CSS-Positioning/README.json

@@ -2,6 +2,7 @@
   "lessonTitle": "CSS",
   "feedbackID": "09-CSS-Positioning",
   "permalink": "/CSS/",
+  "homeworkLink": "https://github.com/soyHenry/Prep-Course/tree/main/09-CSS-Positioning/homework",
   "eleventyNavigation": {
     "key": "CSS",
     "order": 12

_src/layouts/lesson.njk

@@ -21,6 +21,7 @@ favicon: 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Assets/favicon
     <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/code.css' | url }}">
     <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/footer.css' | url }}">
     <link rel="stylesheet" href="{{ 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Styles/responsive.css' | url }}">
+
     <title>{{ lessonTitle }} | {{ config.repoTitle }}</title>
   </head>
 
@@ -72,7 +73,10 @@ favicon: 'https://henry-11ty-resources.s3.sa-east-1.amazonaws.com/Assets/favicon
         </div>
 
         <div class='lesson'>
-          <div style="display:flex; justify-content: right; right: 0; width: 100%;">
+          <div class='rightBox'>
+            {% if homeworkLink %}
+              <div class='homeworkBox'><a href={{homeworkLink}} target='blank'>Homework 📝</a></div>
+            {% endif %}
             <div class="readingTime">
                     Tiempo de lectura {{ content | readingTime }}
             </div>