starters(course): demo filtering by courses

starters/course/config/_default/menus.yaml

@@ -8,16 +8,19 @@ main:
     url: '/'
     weight: 10
   - name: Courses
-    url: '/course'
     weight: 20
     identifier: courses
   - name: Data science
-    url: '/course/example/'
+    PageRef: course/data-science/_index.md
     weight: 10
     parent: courses
+  - name: Robotics
+    PageRef: course/robotics/_index.md
+    weight: 20
+    parent: courses
   - name: Blog
-    url: '/post'
+    PageRef: post/_index.md
     weight: 30
   - name: Contact
-    url: '/contact'
+    PageRef: contact/index.md
     weight: 60

starters/course/content/course/_index.md

@@ -1,10 +1,12 @@
 ---
 title: 📚 Courses
 type: page
+tags:
+  - preface
 
 view: compact
 
-header:
+banner:
   caption: ''
   image: ''
 ---

starters/course/content/course/data-science/_index.md

@@ -4,6 +4,8 @@ linkTitle: Data Science
 summary: An example of using Wowchemy's Book layout for publishing online courses.
 date: '2021-01-24'
 type: book
+tags:
+- current
 ---
 
 {{< figure src="featured.jpg" >}}

starters/course/content/course/robotics/_index.md

@@ -0,0 +1,43 @@
+---
+title: 🤖 Learn Robotics
+linkTitle: Learn Robotics
+summary: An example of using Wowchemy's Book layout for publishing online courses.
+date: '2021-01-24'
+type: book
+tags:
+- previous
+---
+
+{{< figure src="featured.jpg" >}}
+
+{{< toc hide_on="xl" >}}
+
+## What you will learn
+
+- Fundamental {{<hl>}}Python programming skills{{</hl>}}
+- {{<hl>}}Statistical concepts{{</hl>}} and how to apply them in practice
+- Gain experience with the {{<hl>}}Scikit{{</hl>}}, including data visualization with {{<hl>}}Plotly{{</hl>}} and data wrangling with {{<hl>}}Pandas{{</hl>}}
+
+## Program overview
+
+The demand for skilled data science practitioners is rapidly growing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi.
+
+## Courses in this program
+
+{{< list_children >}}
+
+## Meet your instructor
+
+{{< mention "admin" >}}
+
+## FAQs
+
+{{< spoiler text="Are there prerequisites?" >}}
+There are no prerequisites for the first course.
+{{< /spoiler >}}
+
+{{< spoiler text="How often do the courses run?" >}}
+Continuously, at your own pace.
+{{< /spoiler >}}
+
+{{< cta cta_text="Begin the course" cta_link="python" >}}

starters/course/content/course/robotics/python.md

@@ -0,0 +1,36 @@
+---
+title: Python basics
+date: '2021-01-01'
+type: book
+weight: 20
+---
+
+Build a foundation in Python.
+
+<!--more-->
+
+{{< icon name="clock" pack="fas" >}} 1-2 hours per week, for 8 weeks
+
+## Learn
+
+{{< youtube rfscVS0vtbw >}}
+
+## Quiz
+
+{{< spoiler text="What is the difference between lists and tuples?" >}}
+Lists
+
+- Lists are mutable - they can be changed
+- Slower than tuples
+- Syntax: `a_list = [1, 2.0, 'Hello world']`
+
+Tuples
+
+- Tuples are immutable - they can't be changed
+- Tuples are faster than lists
+- Syntax: `a_tuple = (1, 2.0, 'Hello world')`
+  {{< /spoiler >}}
+
+{{< spoiler text="Is Python case-sensitive?" >}}
+Yes
+{{< /spoiler >}}

starters/course/content/course/robotics/stats.md

@@ -0,0 +1,35 @@
+---
+title: Statistics
+date: '2021-01-01'
+type: book
+weight: 40
+math: true
+tags:
+  - Statistics
+---
+
+Introduction to statistics for data science.
+
+<!--more-->
+
+{{< icon name="clock" pack="fas" >}} 1-2 hours per week, for 8 weeks
+
+## Learn
+
+The general form of the **normal** probability density function is:
+
+$$
+f(x) = \frac{1}{\sigma \sqrt{2\pi} } e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}
+$$
+
+{{< callout note >}}
+The parameter $\mu$ is the mean or expectation of the distribution.
+$\sigma$ is its standard deviation.
+The variance of the distribution is $\sigma^{2}$.
+{{< /callout >}}
+
+## Quiz
+
+{{< spoiler text="What is the parameter $\mu$?" >}}
+The parameter $\mu$ is the mean or expectation of the distribution.
+{{< /spoiler >}}

starters/course/content/course/robotics/visualization.md

@@ -0,0 +1,36 @@
+---
+title: Visualization
+date: '2021-01-01'
+type: book
+weight: 30
+highlight: true
+tags:
+  - Data Visualization
+---
+
+Learn how to visualize data with Plotly.
+
+<!--more-->
+
+{{< icon name="clock" pack="fas" >}} 1-2 hours per week, for 8 weeks
+
+## Learn
+
+{{< youtube hSPmj7mK6ng >}}
+
+## Quiz
+
+{{< spoiler text="When is a heatmap useful?" >}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+{{< /spoiler >}}
+
+{{< spoiler text="Write Plotly code to render a bar chart" >}}
+
+```python
+import plotly.express as px
+data_canada = px.data.gapminder().query("country == 'Canada'")
+fig = px.bar(data_canada, x='year', y='pop')
+fig.show()
+```
+
+{{< /spoiler >}}

starters/course/content/home/courses.md

@@ -5,18 +5,25 @@ weight: 30
 title: Explore top courses
 subtitle:
 content:
-  page_type: book
+  filters:
+    folders:
+      - course
+    kinds:
+      - section
+    exclude_tags:
+      - preface
+
   filter_default: 0
 
   filter_button:
     - name: All Courses
       tag: '*'
-    - name: Data Visualization
-      tag: Data Visualization
-    - name: Statistics
-      tag: Statistics
+    - name: Previous
+      tag: previous
+    - name: Current
+      tag: current
 design:
   columns: '1'
-  view: 3
+  view: masonry
   flip_alt_rows: false
 ---

starters/course/content/home/hero.md

@@ -11,7 +11,7 @@ design:
     gradient_end: 'rgb(153,238,255)'
     text_color_light: false
 cta:
-  url: course/
+  url: '#courses'
   label: Explore our courses
   icon_pack: fas
   icon: user-graduate

starters/course/go.mod

@@ -4,6 +4,6 @@ go 1.15
 
 require (
 	github.com/wowchemy/wowchemy-hugo-modules/v5 v5.3.0
-	github.com/wowchemy/wowchemy-hugo-modules/wowchemy-cms/v5 v5.0.0-20220423180919-17d5d3f0ca43 // indirect
-	github.com/wowchemy/wowchemy-hugo-modules/wowchemy/v5 v5.0.0-20220423180919-17d5d3f0ca43 // indirect
+	github.com/wowchemy/wowchemy-hugo-modules/wowchemy-cms/v5 v5.0.0-20220511192629-f9565e3931c4 // indirect
+	github.com/wowchemy/wowchemy-hugo-modules/wowchemy/v5 v5.0.0-20220511192629-f9565e3931c4 // indirect
 )