resources.md

layout	landing-banner
title	Resources
subtitle	Missed out on one of our workshops? Want to brush up on some new skills? Well, browse through all of our learning resources from previous events here!

Search

Tags

{% for tag in site.data.resource_tags %} {{ tag }}
{% endfor %}

{% for resource in site.data.resources %}

{{ resource.title }}

{{ resource.date }}

{{ resource.description }}

{% if resource.resources %} View Resources {% else %} No Resources {% endif %}

Tags:

{% for r in resource.tags %} {{ r }} {% endfor %}

{% endfor %}

<script> let resources = document.getElementsByClassName('search') let search_box = document.getElementById('searchBox'); search_box.setAttribute("onkeyup","filter_search()") function filter_search(word) { word = search_box.value; if (word == "") { for (let resource of resources) { resource.style.display = ""; } } else { word = word.toLowerCase(); for (let resource of resources) { let str = resource.getElementsByClassName('title')[0].innerText; str = str.toLowerCase(); let pos = str.search(word); if (pos == -1) { resource.style.display = "none"; } } } } function tags_are_checked(checkboxes, tags) { for (let checkbox of checkboxes) { if (checkbox.checked) { checkbox_text = checkbox.parentElement.innerText; checkbox_text = checkbox_text.substring(1,); if (tags.search(checkbox_text) != -1) { return true; } } } return false; } function no_boxes_checked(checkboxes) { for (let checkbox of checkboxes) { if (checkbox.checked) { return false; } } return true; } let checkboxes = document.getElementsByClassName('resource-tag'); for (let checkbox of checkboxes) { checkbox.onclick = function() { // Reset checkboxes if all unticked if (no_boxes_checked(checkboxes)) { for (let resource of resources) { resource.style.display = ""; } } else { // For each resource card check if tags belong to set of ticked checkboxes for (let resource of resources) { let tags = resource.getElementsByClassName('c-footer')[0].innerText; if (tags_are_checked(checkboxes,tags)) { resource.style.display = ""; } else { resource.style.display = "none"; } } } } } </script>