feat: update learn page (#839)

Author: lwasser

_data/navigation.yml

@@ -33,7 +33,7 @@ main:
         icon: "fas fa-external-link-alt"
   - title: "Learn"
     sub-nav:
-      - title: Tutorials & Resources
+      - title: For Learners
         url: "learn.html"
       - title: For Universities & Labs
         url: "/learn-universities-labs.html"

_includes/div_purple_bottom.html

@@ -1,8 +1,11 @@
-<div><?xml version="1.0" encoding="utf-8"?>
-    <svg viewBox="-0.042 0.1 180.142 24.439" xmlns="http://www.w3.org/2000/svg">
-      <g transform="matrix(1, 0, 0, 1, -18.298843383789062, -77.97396087646484)">
-        <path style="opacity: 0.9; fill: rgb(189, 182, 214);" d="M 31.874 78.826 L 191.94 77.978 L 192.165 98.254 C 192.165 98.254 160.131 84.016 132.538 85.529 C 110.196 86.754 77.759 95.255 77.759 95.255 C 77.759 95.255 55.729 98.884 43.288 93.365 C 30.846 87.847 31.874 78.826 31.874 78.826 Z"/>
-        <path style="fill: rgb(226, 223, 237);" d="M 18.128 77.905 L 198.538 77.812 L 198.581 102.395 C 198.581 102.395 155.475 74.57 125.105 82.707 C 94.736 90.844 93.457 92.674 77.476 95.264 C 59.89 98.114 35.933 103.412 24.039 94.23 C 21.427 92.213 18.428 89.779 18.362 86.673 C 18.133 75.848 18.128 77.905 18.128 77.905 Z"/>
-      </g>
-    </svg>
+{% comment %}
+  Wave divider placed *below* a purple band (purple → wave → next section).
+  Pairs with div_purple_top.html (wave above the next purple band).
+  Asset source: images/swoosh/swoosh-illustrator-bottom.svg
+{% endcomment %}
+<div class="pyos-wave pyos-wave--out-of-purple" aria-hidden="true">
+  <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 181 25" focusable="false">
+    <path d="M0,19.47V0h181v25s-37.24-12.62-64.83-11.03c-51.37,2.97-35.2,9.13-78.54,4.29" fill="#bdb6d6" isolation="isolate" opacity=".9"/>
+    <path d="M0,0h181v25s-19.06-13.67-62.29-14.66C79.54,12.5,51.71,31.57,0,21.89" fill="#e2dfed"/>
+  </svg>
 </div>

_includes/div_purple_top.html

@@ -1,3 +1,30 @@
-<div class="swoosh bottom">
-    <?xml version="1.0" encoding="utf-8"?><svg class="bottom" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 181.01 20.87"><defs><style>.cls-1{fill:#bdb6d6;isolation:isolate;opacity:.9;}.cls-1,.cls-2,.cls-3{stroke-width:0px;}.cls-2{fill:#e2dfed;}.cls-3{fill:#b4abd8;}</style></defs><path class="cls-1" d="m14.63,18.48l159.96.86,6.39-16.84s-31.78,12.81-59.35,11.29C99.31,12.54,54.84,2.56,54.84,2.56c0,0-16.37-4.36-28.81,1.22-12.43,5.58-11.41,14.7-11.41,14.7Z"/><path class="cls-2" d="m.08,20.87h180.9s.02,0,.02-.02V2.87s.01-1.01,0-1c-1.21.62-43.48,22.38-73.41,13.71C77.24,6.77,53.28.2,39.59,0,21.45-.25.06,8.49.03,11.85c-.08,8.58.02,9.02.04,9.03,0,0,0,0,.01,0Z"/><g id="flower"><path class="cls-3" d="m21.85,4.82c-.06,0-.12-.04-.14-.1-.03-.08.02-.16.09-.18s.16.02.18.09c.02.06,0,.13-.05.16l.1.31c.11-.03.22-.03.32-.01.1-.17.13-.41.05-.64-.13-.38-.81-.5-.81-.5,0,0-.47.5-.35.88.08.23.24.4.43.48.07-.08.16-.14.26-.19l-.1-.31h0Z"/><path class="cls-3" d="m21.51,5.83h-.31c-.02.06-.07.1-.14.11-.08,0-.15-.06-.15-.14,0-.08.06-.15.14-.15.06,0,.12.04.14.1h.31c0-.11.04-.22.1-.32-.13-.15-.35-.25-.59-.25-.4,0-.72.62-.72.62,0,0,.33.61.73.6.24,0,.44-.1.58-.24-.02-.04-.04-.08-.06-.13-.02-.07-.03-.13-.04-.2Z"/><path class="cls-3" d="m21.96,6.77c.05.04.07.1.05.16-.02.08-.11.12-.18.1-.08-.02-.12-.11-.1-.18.02-.06.08-.1.14-.1l.09-.28c-.11-.04-.2-.11-.28-.2-.18.08-.33.26-.4.48-.12.38.36.88.36.88,0,0,.68-.13.8-.51.07-.22.05-.44-.05-.61-.12.03-.24.03-.35,0l-.09.28Z"/><path class="cls-3" d="m22.85,6.17l.24.17s.12-.04.17,0c.07.05.08.14.03.2-.05.07-.14.08-.2.03-.05-.04-.07-.1-.05-.16l-.23-.17c-.07.09-.17.17-.28.22.03.19.14.38.33.51.33.23.95-.07.95-.07,0,0,.09-.68-.24-.92-.19-.14-.41-.18-.61-.14,0,.12-.04.23-.1.33h0Z"/><path class="cls-3" d="m22.82,4.57c-.2.14-.31.35-.32.55.1.04.19.11.27.19l.25-.19c-.02-.06,0-.13.05-.16.06-.05.16-.03.2.03.05.06.03.16-.03.2-.05.04-.12.04-.17,0l-.25.18c.04.05.07.11.09.18.02.05.03.09.03.14.19.04.42-.01.61-.15.32-.24.22-.92.22-.92,0,0-.62-.29-.95-.05h0Z"/><path class="cls-3" d="m22.09,5.38c.23-.08.48.05.55.28s-.05.48-.28.56-.48-.05-.56-.28.05-.48.28-.56m-.04-.12c-.29.1-.45.42-.35.71s.42.45.71.35.45-.42.35-.71-.42-.45-.71-.35Z"/><path class="cls-3" d="m38.14,1.73c-.06-.02-.1-.07-.1-.14,0-.08.07-.15.15-.15s.15.07.15.15c0,.07-.04.12-.1.14v.32c.11,0,.22.04.31.09.15-.13.25-.35.25-.59,0-.4-.61-.73-.61-.73,0,0-.61.33-.61.73,0,.24.1.46.25.59.09-.05.2-.09.31-.09v-.32h0Z"/><path class="cls-3" d="m37.49,2.58l-.3-.1s-.1.07-.16.05c-.08-.03-.12-.11-.09-.18.03-.08.11-.12.18-.09.06.02.1.08.1.14l.3.1c.04-.1.11-.19.19-.26-.08-.19-.25-.35-.48-.42-.38-.12-.88.35-.88.35,0,0,.12.68.51.8.22.07.45.05.62-.05,0-.05-.01-.09-.01-.14,0-.07.01-.13.03-.2Z"/><path class="cls-3" d="m37.62,3.61s.04.12,0,.17c-.05.07-.14.08-.2.03-.07-.05-.08-.14-.03-.2.04-.05.1-.07.16-.05l.17-.23c-.09-.08-.16-.17-.2-.28-.19.02-.39.14-.53.33-.24.33.06.95.06.95,0,0,.68.09.92-.23.13-.19.18-.4.15-.59-.12-.01-.24-.05-.33-.12l-.17.23Z"/><path class="cls-3" d="m38.65,3.32l.17.23c.06-.02.12,0,.16.05.05.07.03.16-.03.2-.07.05-.16.03-.2-.03-.04-.05-.04-.12,0-.17l-.17-.23c-.1.06-.21.1-.33.12-.03.19.02.41.15.59.24.33.92.23.92.23,0,0,.3-.62.06-.95-.14-.19-.33-.3-.53-.33-.04.11-.11.21-.2.28h0Z"/><path class="cls-3" d="m39.14,1.81c-.23.07-.41.24-.48.42.08.07.15.16.19.26l.3-.1c0-.06.04-.12.1-.14.08-.03.16.02.18.09.03.08-.02.16-.09.18-.06.02-.13,0-.16-.05l-.3.1c.02.06.03.13.03.2,0,.05,0,.1-.01.14.17.1.4.12.62.05.38-.12.51-.8.51-.8,0,0-.5-.48-.88-.35h0Z"/><path class="cls-3" d="m38.19,2.34c.24,0,.44.2.44.44s-.2.44-.44.44-.44-.2-.44-.44.2-.44.44-.44m0-.12c-.31,0-.56.25-.56.56s.25.56.56.56.56-.25.56-.56-.25-.56-.56-.56Z"/><path class="cls-3" d="m51.99,5.48c-.05-.03-.08-.1-.06-.16.02-.08.1-.12.18-.1s.12.1.1.18c-.02.06-.07.1-.14.11l-.09.31c.11.04.2.1.27.17.18-.08.34-.26.41-.5.11-.39-.38-.87-.38-.87,0,0-.68.14-.79.53-.07.23-.03.47.08.64.1-.02.21-.03.32,0l.09-.31h0Z"/><path class="cls-3" d="m51.13,6.11l-.26-.17s-.12.04-.17,0c-.07-.05-.08-.14-.04-.2.05-.07.14-.08.2-.04.05.04.08.1.06.16l.26.17c.07-.09.16-.15.26-.2-.02-.2-.15-.4-.35-.54-.33-.23-.95.09-.95.09,0,0-.07.69.26.91.19.13.42.17.61.13,0-.05.01-.09.03-.14.02-.07.05-.13.08-.18Z"/><path class="cls-3" d="m50.97,7.14c.02.06,0,.13-.05.16-.06.05-.16.04-.2-.03-.05-.06-.04-.16.03-.21.05-.04.12-.04.17,0l.23-.18c-.06-.1-.1-.21-.12-.33-.19-.03-.41.02-.6.17-.32.25-.2.93-.2.93,0,0,.63.28.95.03.18-.14.29-.34.31-.53-.11-.04-.21-.12-.29-.2l-.23.18Z"/><path class="cls-3" d="m52.04,7.15l.1.27c.06,0,.12.03.14.1.03.08-.01.16-.09.19-.08.03-.16-.01-.19-.09-.02-.06,0-.13.05-.16l-.1-.27c-.11.03-.23.04-.35.02-.08.17-.1.39-.02.61.14.38.82.48.82.48,0,0,.46-.51.33-.89-.08-.22-.24-.39-.42-.46-.07.09-.17.17-.27.21h0Z"/><path class="cls-3" d="m52.93,5.83c-.24,0-.46.11-.58.27.06.09.1.2.11.31h.31c.02-.07.07-.11.14-.11.08,0,.15.06.15.14,0,.08-.06.15-.14.15-.06,0-.12-.04-.14-.1h-.31c0,.07,0,.14-.03.21-.01.05-.03.09-.05.13.14.14.35.23.58.22.4-.01.71-.63.71-.63,0,0-.35-.6-.75-.58h0Z"/><path class="cls-3" d="m51.87,6.08c.23.07.37.31.3.54s-.31.37-.54.3-.37-.31-.3-.54.31-.37.54-.3m.03-.12c-.3-.09-.61.08-.69.38s.09.61.38.69.61-.08.69-.38-.08-.61-.38-.69Z"/></g></svg>
+{% comment %}
+  Wave divider placed *above* a purple band (light section → wave → purple).
+  Pairs with div_purple_bottom.html, which sits *below* a purple band.
+{% endcomment %}
+<div class="pyos-wave pyos-wave--into-purple" aria-hidden="true">
+  <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 181.01 20.87" focusable="false">
+    <path d="M14.63,19.26l166.28,1.6.1-20.87c-15.8,4.47-34.85,12.22-69.56,10.46C84.51,9.1,56,1.72,56,1.72c0,0-17.53-2.74-29.97,2.84-12.43,5.58-11.41,14.7-11.41,14.7h0Z" fill="#bdb6d6" isolation="isolate" opacity=".9"/>
+    <path d="M181.01.04c-35.01,7.3-44.47,12.92-64.78,13.27C79.45,13.95,76.55-8.95-2.41,4.75-11.28,6.29.07,20.87.09,20.88h0s180.91-.01,180.91-.01c0,0,.01-13.48,0-20.83" fill="#e2dfed"/>
+    <g id="flower" fill="#b4abd8">
+      <path d="M21.21,5.62c-.06,0-.12-.04-.14-.1-.03-.08.02-.16.09-.18s.16.02.18.09c.02.06,0,.13-.05.16l.1.31c.11-.03.22-.03.32-.01.1-.17.13-.41.05-.64-.13-.38-.81-.5-.81-.5,0,0-.47.5-.35.88.08.23.24.4.43.48.07-.08.16-.14.26-.19l-.1-.31h.02Z"/>
+      <path d="M20.87,6.63h-.31c-.02.06-.07.1-.14.11-.08,0-.15-.06-.15-.14s.06-.15.14-.15c.06,0,.12.04.14.1h.31c0-.11.04-.22.1-.32-.13-.15-.35-.25-.59-.25-.4,0-.72.62-.72.62,0,0,.33.61.73.6.24,0,.44-.1.58-.24-.02-.04-.04-.08-.06-.13-.02-.07-.03-.13-.04-.2h.01Z"/>
+      <path d="M21.32,7.57s.07.1.05.16c-.02.08-.11.12-.18.1-.08-.02-.12-.11-.1-.18.02-.06.08-.1.14-.1l.09-.28c-.11-.04-.2-.11-.28-.2-.18.08-.33.26-.4.48-.12.38.36.88.36.88,0,0,.68-.13.8-.51.07-.22.05-.44-.05-.61-.12.03-.24.03-.35,0l-.09.28v-.02Z"/>
+      <path d="M22.21,6.97l.24.17s.12-.04.17,0c.07.05.08.14.03.2-.05.07-.14.08-.2.03-.05-.04-.07-.1-.05-.16l-.23-.17c-.07.09-.17.17-.28.22.03.19.14.38.33.51.33.23.95-.07.95-.07,0,0,.09-.68-.24-.92-.19-.14-.41-.18-.61-.14,0,.12-.04.23-.1.33h-.01Z"/>
+      <path d="M22.18,5.37c-.2.14-.31.35-.32.55.1.04.19.11.27.19l.25-.19c-.02-.06,0-.13.05-.16.06-.05.16-.03.2.03.05.06.03.16-.03.2-.05.04-.12.04-.17,0l-.25.18c.04.05.07.11.09.18.02.05.03.09.03.14.19.04.42-.01.61-.15.32-.24.22-.92.22-.92,0,0-.62-.29-.95-.05h0Z"/>
+      <path d="M21.45,6.18c.23-.08.48.05.55.28s-.05.48-.28.56-.48-.05-.56-.28.05-.48.28-.56M21.4,6.06c-.29.1-.45.42-.35.71s.42.45.71.35.45-.42.35-.71-.42-.45-.71-.35Z"/>
+      <path d="M37.5,2.53c-.06-.02-.1-.07-.1-.14,0-.08.07-.15.15-.15s.15.07.15.15c0,.07-.04.12-.1.14v.32c.11,0,.22.04.31.09.15-.13.25-.35.25-.59,0-.4-.61-.73-.61-.73,0,0-.61.33-.61.73,0,.24.1.46.25.59.09-.05.2-.09.31-.09v-.32h0Z"/>
+      <path d="M36.85,3.38l-.3-.1s-.1.07-.16.05c-.08-.03-.12-.11-.09-.18.03-.08.11-.12.18-.09.06.02.1.08.1.14l.3.1c.04-.1.11-.19.19-.26-.08-.19-.25-.35-.48-.42-.38-.12-.88.35-.88.35,0,0,.12.68.51.8.22.07.45.05.62-.05,0-.05,0-.09,0-.14,0-.07,0-.13.03-.2h0Z"/>
+      <path d="M36.98,4.41s.04.12,0,.17c-.05.07-.14.08-.2.03-.07-.05-.08-.14-.03-.2.04-.05.1-.07.16-.05l.17-.23c-.09-.08-.16-.17-.2-.28-.19.02-.39.14-.53.33-.24.33.06.95.06.95,0,0,.68.09.92-.23.13-.19.18-.4.15-.59-.12,0-.24-.05-.33-.12l-.17.23h0Z"/>
+      <path d="M38.01,4.12l.17.23c.06-.02.12,0,.16.05.05.07.03.16-.03.2-.07.05-.16.03-.2-.03-.04-.05-.04-.12,0-.17l-.17-.23c-.1.06-.21.1-.33.12-.03.19.02.41.15.59.24.33.92.23.92.23,0,0,.3-.62.06-.95-.14-.19-.33-.3-.53-.33-.04.11-.11.21-.2.28h0Z"/>
+      <path d="M38.5,2.61c-.23.07-.41.24-.48.42.08.07.15.16.19.26l.3-.1c0-.06.04-.12.1-.14.08-.03.16.02.18.09.03.08-.02.16-.09.18-.06.02-.13,0-.16-.05l-.3.1c.02.06.03.13.03.2,0,.05,0,.1,0,.14.17.1.4.12.62.05.38-.12.51-.8.51-.8,0,0-.5-.48-.88-.35h0Z"/>
+      <path d="M37.55,3.14c.24,0,.44.2.44.44s-.2.44-.44.44-.44-.2-.44-.44.2-.44.44-.44M37.55,3.02c-.31,0-.56.25-.56.56s.25.56.56.56.56-.25.56-.56-.25-.56-.56-.56Z"/>
+      <path d="M51.35,6.28s-.08-.1-.06-.16c.02-.08.1-.12.18-.1s.12.1.1.18c-.02.06-.07.1-.14.11l-.09.31c.11.04.2.1.27.17.18-.08.34-.26.41-.5.11-.39-.38-.87-.38-.87,0,0-.68.14-.79.53-.07.23-.03.47.08.64.1-.02.21-.03.32,0l.09-.31h.01Z"/>
+      <path d="M50.49,6.91l-.26-.17s-.12.04-.17,0c-.07-.05-.08-.14-.04-.2.05-.07.14-.08.2-.04.05.04.08.1.06.16l.26.17c.07-.09.16-.15.26-.2-.02-.2-.15-.4-.35-.54-.33-.23-.95.09-.95.09,0,0-.07.69.26.91.19.13.42.17.61.13,0-.05,0-.09.03-.14.02-.07.05-.13.08-.18h0Z"/>
+      <path d="M50.33,7.94c.02.06,0,.13-.05.16-.06.05-.16.04-.2-.03-.05-.06-.04-.16.03-.21.05-.04.12-.04.17,0l.23-.18c-.06-.1-.1-.21-.12-.33-.19-.03-.41.02-.6.17-.32.25-.2.93-.2.93,0,0,.63.28.95.03.18-.14.29-.34.31-.53-.11-.04-.21-.12-.29-.2l-.23.18h0Z"/>
+      <path d="M51.4,7.95l.1.27c.06,0,.12.03.14.1.03.08,0,.16-.09.19s-.16-.01-.19-.09c-.02-.06,0-.13.05-.16l-.1-.27c-.11.03-.23.04-.35.02-.08.17-.1.39-.02.61.14.38.82.48.82.48,0,0,.46-.51.33-.89-.08-.22-.24-.39-.42-.46-.07.09-.17.17-.27.21h0Z"/>
+      <path d="M52.29,6.63c-.24,0-.46.11-.58.27.06.09.1.2.11.31h.31c.02-.07.07-.11.14-.11.08,0,.15.06.15.14s-.06.15-.14.15c-.06,0-.12-.04-.14-.1h-.31c0,.07,0,.14-.03.21,0,.05-.03.09-.05.13.14.14.35.23.58.22.4-.01.71-.63.71-.63,0,0-.35-.6-.75-.58h0Z"/>
+      <path d="M51.23,6.88c.23.07.37.31.3.54s-.31.37-.54.3-.37-.31-.3-.54.31-.37.54-.3M51.26,6.76c-.3-.09-.61.08-.69.38s.09.61.38.69.61-.08.69-.38-.08-.61-.38-.69Z"/>
+    </g>
+  </svg>
 </div>

_includes/pyos-flow-feature.html

@@ -0,0 +1,7 @@
+{% comment %}
+  One wrapper for a feature_row inside the flowing layout (purple band optional).
+  Usage: {% include pyos-flow-feature.html id="development" type="left" purple=true %}
+{% endcomment %}
+<div class="pyos-section{% if include.purple %} purple{% endif %}" markdown="1">
+{% include feature_row id=include.id type=include.type %}
+</div>

_layouts/posts_gallery.html

@@ -9,8 +9,7 @@
     | where_exp: "item", "item.hidden != true"
     | where_exp: "item", "item.categories contains 'blog-post'"
     | where_exp: "item", "item.type != 'event'"
-    | group_by_exp: 'post', 'post.date
-    | date: "%Y"' %}
+    | group_by_exp: "item", "item.date | date: '%Y'" %}
   {% for year in postsInYear %}
     <li>
       <a href="#{{ year.name }}">
@@ -26,11 +25,9 @@
 
 {% assign entries_layout = page.entries_layout | default: 'list' %}
 {% assign postsByYear = site.posts
-  | where_exp: "item", "item.hidden != true",
-  | where_exp: "item", "item.type != 'event'",
-  | group_by_exp: 'post', 'post.date ,
-  | date: "%Y"'
-%}
+  | where_exp: "item", "item.hidden != true"
+  | where_exp: "item", "item.type != 'event'"
+  | group_by_exp: "item", "item.date | date: '%Y'" %}
 {% for year in postsByYear %}
   <section id="{{ year.name }}" class="taxonomy__section">
     <h2 class="archive__subtitle">{{ year.name }}</h2>