Add proof of concept Codewars workshops

Tony has been developing these, here's a proof of concept for embedding
them into the curriculum.

Long-term we may want a custom generator that does closer integration
into the static site generator, but for now iframing things in works
fine.

If we like this, I'll set up a codewars-workshops.codeyourfuture.io or
similar.

Author: illicitonion

common-theme/assets/styles/04-components/block.scss

@@ -79,4 +79,9 @@
       color: var(--theme-color--pop);
     }
   }
+
+  &--codewars-workshop iframe {
+    width: 100%;
+    height: 90vh;
+  }
 }

common-theme/layouts/partials/block/block.html

@@ -20,6 +20,8 @@
   {{ partial "block/slide.html" . }}
 {{ else if eq $blockData.type "link" }}
   {{ partial "block/link.html" . }}
+{{ else if eq $blockData.type "codewars-workshop" }}
+  {{ partial "block/codewars-workshop.html" . }}
 {{ else }}
   {{ errorf "Unrecognized block type %s" $blockData.type }}
 {{ end }}

common-theme/layouts/partials/block/codewars-workshop.html

@@ -0,0 +1,15 @@
+{{ $blockData := .Page.Scratch.Get "blockData" }}
+
+<section
+  class="c-block c-block--{{ $blockData.type }}"
+  aria-labelledby="{{ $blockData.name | urlize }}">
+    <h2 class="c-block__title e-heading__2" id="{{ $blockData.name | urlize }}">
+      <a href="{{ $blockData.sot }}">🔗 {{ $blockData.name }}</a>
+    </h2>
+
+    <p>In groups, we will work through this Codewars problem. Split into groups, one per volunteer.</p>
+
+    <p>Remember: Our goals are to: Understand the problem and make a plan to solve it. These are more important steps than actually writing the code (though we should do that too, after we have a plan).</p>
+
+    <iframe src="{{ $blockData.sot }}"></iframe>
+</section>

common-theme/layouts/partials/block/data.html

@@ -64,6 +64,10 @@
     {{/* TODO pull time from commented out front matter in Github readmes */}}
   {{ end }}
 
+  {{ if "cyf-codewars-workshops" | in $src }}
+    {{ .Scratch.SetInMap "blockData" "type" "codewars-workshop" }}
+  {{ end }}
+
   {{/* TODO get rid of the old way of bringing in cyf pd and remove hardcoded CYF stuff here */}}
   {{ if or ("cyf-pd.netlify.app" | in $src) ("/pd/"| in $src) }}
     {{ .Scratch.SetInMap "blockData" "type" "pd" }}

org-cyf-itp/content/structuring-data/sprints/1/day-plan/index.md

@@ -12,8 +12,8 @@ time=10
 name="Energiser: Popcorn"
 src="energisers/popcorn-screen-share"
 [[blocks]]
-name="Javascript Test Your Understanding"
-src="https://github.com/CodeYourFuture/CYF-Workshops/tree/main/js1-wk1-eval"
+name="Problem Solving Workshop"
+src="https://cyf-codewars-workshops.netlify.app/problem-01/"
 time=65
 [[blocks]]
 name="Morning break"

org-cyf-itp/content/structuring-data/sprints/2/day-plan/index.md

@@ -13,8 +13,8 @@ name="Morning orientation"
 src="blocks/morning-orientation"
 time=15
 [[blocks]]
-name="Questions and Review Workshop"
-src="https://github.com/CodeYourFuture/CYF-Workshops/tree/main/questions-and-reviews"
+name="Problem Solving Workshop"
+src="https://cyf-codewars-workshops.netlify.app/problem-02/"
 time=60
 [[blocks]]
 name="Morning break"

org-cyf-itp/content/structuring-data/sprints/3/day-plan/index.md

@@ -15,7 +15,14 @@ time=20
 [[blocks]]
 name="Workshop:Playing Computer"
 src="https://github.com/CodeYourFuture/CYF-Workshops/tree/main/playing-computer"
-time=140
+time=65
+[[blocks]]
+name="Morning break"
+src="blocks/morning-break"
+[[blocks]]
+name="Problem Solving Workshop"
+src="https://cyf-codewars-workshops.netlify.app/problem-03/"
+time=60
 [[blocks]]
 name="lunch"
 src="blocks/lunch"