From e86f538eb705459cb735ca8a457e5f9612888a2c Mon Sep 17 00:00:00 2001 From: dvdherron Date: Wed, 30 Apr 2025 11:08:48 +0200 Subject: [PATCH 1/3] wip learn index page --- content/learn/index.njk | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 content/learn/index.njk diff --git a/content/learn/index.njk b/content/learn/index.njk new file mode 100644 index 000000000..70ae9af88 --- /dev/null +++ b/content/learn/index.njk @@ -0,0 +1,19 @@ +--- +title: Learn +banner: Learn Design & Development +learn: + - /learn/video/ + - /learn/workshops/ + - /learn/email/ + - /learn/talks/ +summary: | + _Workshops, courses, and talks for web developers_ + + We provide award-winning workshops, courses, + and talks for individuals, companies, and + conferences, to help developers create + resilient web applications and design + systems – improving team process, + communication, site performance, + and accessibility. +--- From 955ebed4ab5afdfad7c23db971315ad29351eb3d Mon Sep 17 00:00:00 2001 From: dvdherron Date: Fri, 2 May 2025 14:09:15 +0200 Subject: [PATCH 2/3] wip add content to courses page --- content/_data/site.yaml | 1 + content/learn/email.md | 42 +++++++++++++++++++++++++++++++++++++++++ content/learn/index.njk | 2 ++ 3 files changed, 45 insertions(+) create mode 100644 content/learn/email.md diff --git a/content/_data/site.yaml b/content/_data/site.yaml index 118100c15..efad8b70a 100644 --- a/content/_data/site.yaml +++ b/content/_data/site.yaml @@ -23,6 +23,7 @@ nav: - url: /tools/ - url: /talks/ title: Talks + - url: /learn/ - url: /blog/ - url: /about/ - url: /contact/ diff --git a/content/learn/email.md b/content/learn/email.md new file mode 100644 index 000000000..4fe1487d0 --- /dev/null +++ b/content/learn/email.md @@ -0,0 +1,42 @@ +--- +title: Courses +sub: Frontend web development course for curious developers +index: Courses +action: + text: Add call to action » + url: /# +summary: | + Video and email courses for + frontend web developers on + modern CSS including anchor + positioning, grid & subgrid, + container queries and more! +--- + +{% import 'quotes.macros.njk' as quotes %} +{% import 'layout.macros.njk' as layout %} +{% import 'post.macros.njk' as post %} + +{{ quotes.find( + collections.all, + slugs=['spot-on', 'popular-tutorial'] +) }} + +{{ layout.title('All Courses') }} +{% call layout.grid('training') %} + {% for item in collections.courses | getPublic | eventSort(true) | reverse %} +
+ {{ post.hero(item.data.image, 'post') }} +
+ {{ post.banner(item) }} + {{ post.subtitle(item.data.sub) }} + {{ post.byline(item, collections) }} +
+ {% if item.data.events %} +
+ {{ talks.list(item | pageEvents, compact=true) }} +
+ {% endif %} +
+ {% endfor %} +{% endcall %} diff --git a/content/learn/index.njk b/content/learn/index.njk index 70ae9af88..6f4a650c6 100644 --- a/content/learn/index.njk +++ b/content/learn/index.njk @@ -17,3 +17,5 @@ summary: | communication, site performance, and accessibility. --- +{% import 'post.macros.njk' as post %} +{% import 'embed.macros.njk' as embed %} From d1371cf1f1eb2038d0e33d18f4da7da1a04e42a8 Mon Sep 17 00:00:00 2001 From: dvdherron Date: Fri, 2 May 2025 16:52:19 +0200 Subject: [PATCH 3/3] wip add courses page --- content/learn/courses.md | 25 ++++++++++++++++++++++++ content/learn/email.md | 42 ---------------------------------------- content/learn/index.njk | 5 +---- 3 files changed, 26 insertions(+), 46 deletions(-) create mode 100644 content/learn/courses.md delete mode 100644 content/learn/email.md diff --git a/content/learn/courses.md b/content/learn/courses.md new file mode 100644 index 000000000..23df06fe2 --- /dev/null +++ b/content/learn/courses.md @@ -0,0 +1,25 @@ +--- +title: Courses +sub: Frontend web development courses for curious developers +index: Courses +action: + text: Add call to action » + url: /# +summary: | + Video and email courses for + frontend web developers on + modern CSS including anchor + positioning, grid & subgrid, + container queries and more! +--- + +{% import 'quotes.macros.njk' as quotes %} +{% import 'layout.macros.njk' as layout %} +{% import 'post.macros.njk' as post %} + +{{ quotes.find( + collections.all, + slugs=['spot-on', 'popular-tutorial'] +) }} + +{{ layout.title('All Courses') }} diff --git a/content/learn/email.md b/content/learn/email.md deleted file mode 100644 index 4fe1487d0..000000000 --- a/content/learn/email.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: Courses -sub: Frontend web development course for curious developers -index: Courses -action: - text: Add call to action » - url: /# -summary: | - Video and email courses for - frontend web developers on - modern CSS including anchor - positioning, grid & subgrid, - container queries and more! ---- - -{% import 'quotes.macros.njk' as quotes %} -{% import 'layout.macros.njk' as layout %} -{% import 'post.macros.njk' as post %} - -{{ quotes.find( - collections.all, - slugs=['spot-on', 'popular-tutorial'] -) }} - -{{ layout.title('All Courses') }} -{% call layout.grid('training') %} - {% for item in collections.courses | getPublic | eventSort(true) | reverse %} -
- {{ post.hero(item.data.image, 'post') }} -
- {{ post.banner(item) }} - {{ post.subtitle(item.data.sub) }} - {{ post.byline(item, collections) }} -
- {% if item.data.events %} -
- {{ talks.list(item | pageEvents, compact=true) }} -
- {% endif %} -
- {% endfor %} -{% endcall %} diff --git a/content/learn/index.njk b/content/learn/index.njk index 6f4a650c6..d0e7f5696 100644 --- a/content/learn/index.njk +++ b/content/learn/index.njk @@ -2,10 +2,7 @@ title: Learn banner: Learn Design & Development learn: - - /learn/video/ - - /learn/workshops/ - - /learn/email/ - - /learn/talks/ + - /learn/courses/ summary: | _Workshops, courses, and talks for web developers_