@mdn/fred 0.0.1

package/components/curriculum/assets/curriculum-about-covered.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="20" cy="20" r="20" fill="var(--circle)" />
+      <path
+        d="M11 17H25V15H11V17ZM11 21H25V19H11V21ZM11 25H25V23H11V25ZM27 25H29V23H27V25ZM27 15V17H29V15H27ZM27 21H29V19H27V21Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 40 40 40" />
+  <use y="40" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-about-detail.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="20" cy="20" r="20" fill="var(--circle)" />
+      <path
+        d="M23.5 22L28.5 27L27 28.5L22 23.5V22.71L21.73 22.43C20.59 23.41 19.11 24 17.5 24C15.7761 24 14.1228 23.3152 12.9038 22.0962C11.6848 20.8772 11 19.2239 11 17.5C11 15.7761 11.6848 14.1228 12.9038 12.9038C14.1228 11.6848 15.7761 11 17.5 11C19.2239 11 20.8772 11.6848 22.0962 12.9038C23.3152 14.1228 24 15.7761 24 17.5C24 19.11 23.41 20.59 22.43 21.73L22.71 22H23.5ZM17.5 22C20 22 22 20 22 17.5C22 15 20 13 17.5 13C15 13 13 15 13 17.5C13 20 15 22 17.5 22ZM20 18H18V20H17V18H15V17H17V15H18V17H20V18Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 40 40 40" />
+  <use y="40" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-about-educators.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="20" cy="20" r="20" fill="var(--circle)" />
+      <path
+        d="M26.4167 24.5C26.8587 24.5 27.2826 24.3244 27.5952 24.0118C27.9077 23.6993 28.0833 23.2754 28.0833 22.8333V13.6667C28.0833 13.2246 27.9077 12.8007 27.5952 12.4882C27.2826 12.1756 26.8587 12 26.4167 12H17.6333C17.925 12.5083 18.0833 13.0833 18.0833 13.6667H26.4167V22.8333H18.9167V24.5M22.25 16.1667V17.8333H17.25V28.6667H15.5833V23.6667H13.9167V28.6667H12.25V22H11V17.8333C11 17.3913 11.1756 16.9674 11.4882 16.6548C11.8007 16.3423 12.2246 16.1667 12.6667 16.1667H22.25ZM16.4167 13.6667C16.4167 14.1087 16.2411 14.5326 15.9285 14.8452C15.616 15.1577 15.192 15.3333 14.75 15.3333C14.308 15.3333 13.884 15.1577 13.5715 14.8452C13.2589 14.5326 13.0833 14.1087 13.0833 13.6667C13.0833 13.2246 13.2589 12.8007 13.5715 12.4882C13.884 12.1756 14.308 12 14.75 12C15.192 12 15.616 12.1756 15.9285 12.4882C16.2411 12.8007 16.4167 13.2246 16.4167 13.6667Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 40 40 40" />
+  <use y="40" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-about-not.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="20" cy="20" r="20" fill="var(--circle)" />
+      <path
+        d="M22 18H11V20H22V18ZM22 14H11V16H22V14ZM11 24H18V22H11V24ZM22.4 30L25 27.4L27.6 30L29 28.6L26.4 26L29 23.4L27.6 22L25 24.6L22.4 22L21 23.4L23.6 26L21 28.6L22.4 30Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 40 40 40" />
+  <use y="40" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-about-students.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="20" cy="20" r="20" fill="var(--circle)" />
+      <path
+        d="M26 18.5V14L23.89 15.06C23.96 15.36 24 15.67 24 16C24 18.21 22.21 20 20 20C17.79 20 16 18.21 16 16C16 15.67 16.04 15.36 16.11 15.06L13 13.5L20 10L27 13.5V18.5H26ZM20 17L18 16C18 17.1 18.9 18 20 18C21.1 18 22 17.1 22 16L20 17ZM22.75 13.42L20.16 12.1L17.47 13.47L20.07 14.79L22.75 13.42ZM20 21C22.67 21 28 22.33 28 25V28H12V25C12 22.33 17.33 21 20 21ZM20 22.9C17 22.9 13.9 24.36 13.9 25V26.1H26.1V25C26.1 24.36 22.97 22.9 20 22.9Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 40 40 40" />
+  <use y="40" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-bullet.svg

@@ -0,0 +1,27 @@
+<svg width="24" height="16" viewBox="0 4 36 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <path class="bullet-bg" fill-rule="evenodd" clip-rule="evenodd"
+        d="M20.4776 4.47938C25.8619 5.75782 31.513 9.136 33.287 13.2096C34.9495 17.0271 30.5595 19.562 28.3555 22.5694C26.8426 24.6339 25.6776 26.9656 22.6485 27.7264C19.7025 28.4665 16.2495 27.3389 12.8944 26.4531C8.90552 25.3999 3.82926 25.0976 1.74183 22.2066C-0.345027 19.3165 2.96751 16.8657 4.0283 14.174C5.03153 11.6284 5.02385 8.69765 7.68342 7.13019C11.1569 5.08303 15.532 3.30508 20.4776 4.47938Z"
+        fill="var(--circle)" />
+      <path class="bullet-m"
+        d="M12.9163 12.1741L6 16.5384L11.9282 20.1093M19.3385 9L14.3983 23.2833M20.8205 12.1741L26.7488 16.5384L20.8205 20.1093"
+        stroke="var(--icon)" stroke-linecap="round" stroke-linejoin="round" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 28 36 24" />
+  <use y="24" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-ext-resource.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_2765_6390)">
+    <path
+      d="M15.8768 14.1375L9.73934 15L9.49289 13.2465L15.6303 12.3839L15.8768 14.1375ZM18.0142 10.2607L9.24645 11.4929L9 9.73937L17.7678 8.50714L18.0142 10.2607ZM17.5213 6.75359L8.75355 7.98582L8.50711 6.23226L17.2749 5.00003L17.5213 6.75359ZM3.24645 6.9716L5.21801 21L19.2464 19.0285L19.4929 20.782L5.46446 22.7536C4.99939 22.8189 4.5274 22.6969 4.15233 22.4142C3.77725 22.1316 3.52982 21.7115 3.46446 21.2465L1.49289 7.21805L3.24645 6.9716ZM18.5355 1.24648C19.0006 1.18112 19.4726 1.30318 19.8477 1.58582C20.2227 1.86846 20.4702 2.28851 20.5355 2.75359L22.2607 15.0285C22.3974 16.0017 21.7268 16.8917 20.7536 17.0285L8.47868 18.7536C8.0136 18.8189 7.54162 18.6969 7.16654 18.4142C6.79147 18.1316 6.54404 17.7115 6.47868 17.2465L4.75355 4.9716C4.61678 3.99838 5.28744 3.10838 6.26066 2.9716L18.5355 1.24648ZM6.50711 4.72515L8.23223 17L20.5071 15.2749L18.782 3.00003L6.50711 4.72515Z"
+      fill="#E3642A" />
+  </g>
+  <defs>
+    <clipPath id="clip0_2765_6390">
+      <rect width="21.2494" height="21.2494" fill="white" transform="translate(0 2.96094) rotate(-8)" />
+    </clipPath>
+  </defs>
+</svg>

package/components/curriculum/assets/curriculum-landing-about-beginner.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="30" cy="30" r="30" fill="var(--circle)" />
+      <path
+        d="M37.5 28.125V22.5L34.8625 23.825C34.95 24.2 35 24.5875 35 25C35 27.7625 32.7625 30 30 30C27.2375 30 25 27.7625 25 25C25 24.5875 25.05 24.2 25.1375 23.825L21.25 21.875L30 17.5L38.75 21.875V28.125H37.5ZM30 26.25L27.5 25C27.5 26.375 28.625 27.5 30 27.5C31.375 27.5 32.5 26.375 32.5 25L30 26.25ZM33.4375 21.775L30.2 20.125L26.8375 21.8375L30.0875 23.4875L33.4375 21.775ZM30 31.25C33.3375 31.25 40 32.9125 40 36.25V40H20V36.25C20 32.9125 26.6625 31.25 30 31.25ZM30 33.625C26.25 33.625 22.375 35.45 22.375 36.25V37.625H37.625V36.25C37.625 35.45 33.7125 33.625 30 33.625Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 60 60 60" />
+  <use y="60" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-about-bullet.svg

@@ -0,0 +1,27 @@
+<svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: white;
+      --arrow: black;
+    }
+
+    .dark {
+      --circle: black;
+      --arrow: #B25C35;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <path id="circle" fill-rule="evenodd" clip-rule="evenodd"
+        d="M47.2774 28.0916C51.3094 32.4591 54.048 38.2806 53.743 43.8451C53.4314 49.5294 50.3039 54.4509 45.697 56.9234C41.4765 59.1885 36.1698 57.2694 31.1273 55.9825C26.1936 54.7235 20.8369 53.9358 17.3995 49.7021C13.8063 45.2765 13.0584 39.452 13.3883 34.1342C13.7262 28.6859 14.8739 22.8179 19.222 20.3201C23.3879 17.927 28.8494 20.9517 33.9003 22.3509C38.6632 23.6702 43.7054 24.2222 47.2774 28.0916Z"
+        fill="var(--circle)" />
+      <path id="arrow"
+        d="M17.762 31.7244C17.762 31.7244 19.1409 25.0959 22.4524 23.9633C25.7134 22.848 28.3711 24.538 30.6009 27.1475C34.1326 31.2807 30.8011 37.9485 29.0772 39.5322C27.3533 41.116 22.4661 43.721 21.792 38.3784C21.1179 33.0359 29.0575 25.868 36.6346 21.6044C43.5724 17.7006 56.47 17.5042 56.47 17.5042M56.47 17.5042C56.47 17.5042 52.4743 16.547 50.0475 15.5588C47.9916 14.7216 44.9662 13.0088 44.9662 13.0088M56.47 17.5042C56.47 17.5042 52.1294 19.6312 49.8609 21.6937C47.9479 23.4332 45.6472 26.8193 45.6472 26.8193"
+        stroke="var(--arrow)" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 72 72 72" />
+  <use y="72" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-about-free.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="30" cy="30" r="30" fill="var(--circle)" />
+      <path
+        d="M18.75 20.3375L20.35 18.75L41.25 39.65L39.6625 41.25L35.075 36.6625C34.3 37.5 33.175 38.1875 31.875 38.525V41.25H28.125V38.525C25.5875 37.8875 23.75 35.9875 23.75 33.75H26.25C26.25 35.1 27.9625 36.25 30 36.25C31.4125 36.25 32.675 35.7 33.3125 34.9L29.6 31.1875C26.975 30.525 23.75 29.6875 23.75 26.25C23.75 25.9625 23.75 25.6875 23.8375 25.425L18.75 20.3375ZM28.125 21.475V18.75H31.875V21.475C34.4125 22.1125 36.25 24.0125 36.25 26.25H33.75C33.75 24.9 32.0375 23.75 30 23.75C29.5375 23.75 29.1 23.8125 28.6875 23.9125L26.75 21.975L28.125 21.475Z"
+        fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 60 60 60" />
+  <use y="60" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-about-pace.svg

@@ -0,0 +1,25 @@
+<svg viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --icon: #E3642A;
+    }
+
+    .dark {
+      --circle: #321d13;
+      --icon: #E3642A;
+    }
+  </style>
+  <defs>
+    <g id="i">
+  <circle cx="30" cy="30" r="30" fill="var(--circle)" />
+  <path
+    d="M30 40C27.6794 40 25.4538 39.0781 23.8128 37.4372C22.1719 35.7962 21.25 33.5706 21.25 31.25C21.25 29.65 21.6875 28.125 22.4375 26.875L34.375 38.8C33.125 39.5625 31.6 40 30 40ZM18.75 20L17.1875 21.5875L20.625 25.0375C19.4375 26.8125 18.75 28.95 18.75 31.25C18.75 34.2337 19.9353 37.0952 22.045 39.205C24.1548 41.3147 27.0163 42.5 30 42.5C32.3 42.5 34.4375 41.8125 36.25 40.625L39.375 43.75L40.9375 42.1625L31.3 32.5L18.75 20ZM28.75 26.8L31.25 29.3V25H28.75M33.75 16.25H26.25V18.75H33.75M38.8 20.6875L37.025 22.4625C35.0875 20.925 32.65 20 30 20C27.7125 20 25.5875 20.6875 23.8125 21.875L25.625 23.675C26.9125 22.9375 28.4125 22.5 30 22.5C32.3206 22.5 34.5462 23.4219 36.1872 25.0628C37.8281 26.7038 38.75 28.9294 38.75 31.25C38.75 32.8375 38.3125 34.3375 37.575 35.625L39.375 37.425C40.5625 35.6625 41.25 33.5375 41.25 31.25C41.25 28.6 40.325 26.1625 38.7875 24.2375L40.5625 22.4625L38.8 20.6875Z"
+    fill="var(--icon)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 60 60 60" />
+  <use y="60" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-arrow.svg

@@ -0,0 +1,26 @@
+<svg viewBox="0 0 94 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <title>Curly arrow pointing to the left.</title>
+  <style>
+    .light {
+      --bg: #fff;
+    }
+
+    .dark {
+      --bg: #000;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <path
+        d="M5.57191 26.5569C5.57191 26.5569 3.95815 38.5445 7.59724 44.3728C19.0161 62.6608 34.6297 55.1038 34.6297 55.1038"
+        stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6 6" />
+      <path
+        d="M39.2316 51.7305C39.2316 51.7305 44.7062 44.0498 51.7901 44.358C55.002 44.4978 58.3698 46.7923 60.4296 49.4025C63.6921 53.5368 60.611 60.2035 59.0172 61.7867C57.4235 63.3699 52.906 65.9735 52.2848 60.6307C51.6636 55.2879 59.0036 48.1225 66.0077 43.8613C72.4208 39.9597 84.3406 39.7672 84.3406 39.7672M84.3406 39.7672C84.3406 39.7672 80.6482 38.8088 78.4057 37.8198C76.5059 36.982 73.7105 35.2683 73.7105 35.2683M84.3406 39.7672C84.3406 39.7672 80.3283 41.8929 78.2312 43.9547C76.4626 45.6936 74.3352 49.079 74.3352 49.079"
+        stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 91 94 91" />
+  <use y="91" href="#i" class="dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-stairway-1.svg

@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 600 367">
+  <ellipse cx="212.5" cy="333.5" fill="var(--curriculum-bg-color-landing-stairway-floor)" rx="212.5" ry="11.5" />
+  <path fill="#F4D4B8"
+    d="M87.786 315.778c1.482-2.222.988-2.778.988-2.778h8.398s-.317 3.08 0 5c.302 1.822 1.24 2.611 1.483 4.444.17 1.288.683 2.283 0 3.334-.614.943-2.47 1.111-2.47 1.111H78.892v-5.556s7.41-3.333 8.893-5.555M74.446 328v-5s-1.634.417-2.47 1.111c-1.118.93-1.976 3.333-1.976 3.333zm60.054-10c1.5-2 .5-5 .5-5h9s.678 1.772 1 3.5c.305 1.64 0 3.5 3.5 6 .953.681 1.192 3.055.5 4-.621.849-2.5 1-2.5 1l-19.5.5v-5.5s6-2.5 7.5-4.5m-10 10.5V324s-1.654.375-2.5 1c-1.132.837-2 3-2 3zM111 135v-2.5l6.5-1.5.5 4h4.5s-4.657 7.172-7 6-5.157-4.828-7.5-6z" />
+  <path
+    d="M106.34 134.994c-2.157.019-6.81.17-9.528 1.088-4.468 1.508-6.763 2.64-10.798 5.39-6.697 4.565-11.93 16.938-11.93 16.938l-2.691 8.934L69 180.694s.53 1.542 2.393 2.726c1.87 1.189 14.62 7.08 14.62 7.08h5.633l-.304 9.334c17.239 5.962 46.202 2.63 46.703-2.824l.312-9.727-2.726-21.75c.609 4.426 3.534 21.56 12.369 21.75 7.476.16 15-11.902 15-11.902l8-20.881-11-11.5-8 15.41-5-8.91s-4.007-5.463-7.5-8.5c-2.807-2.441-9.5-4.5-9.5-4.5l-7-1.502s-1.5 2-4.5 4c-1.835 1.223-3 1-3 1-1.5-1-3.785-2.603-3.785-2.603l-4.215-2.399s-.441-.008-1.16-.002m-12.461 25.512v15.074L87.5 174.5s.217-2.227.727-4.443c.207-.903.464-1.804.773-2.551 1.273-3.08 4.879-7 4.879-7"
+    style="fill:#f9cfa6" />
+  <path stroke="#000" stroke-linecap="round" stroke-width=".5" d="m152 158.5 8-15.5 11 12" />
+  <path stroke="#000" stroke-linecap="round"
+    d="m110.001 178.5-.056 10s12.055 4 13.556 3.5.499-.5.499-.5m3.5-10s1.502.5-.499 1-9 .5-9 .5M129 185s1.001.5-.499 1-10-.5-10-.5m8.5 2.5s1.001 1-1 1-8-1.5-8-1.5m-2.001-8s1.971-1.039 3-2c.914-.853 2-2.5 2-2.5" />
+  <path fill="#F4D4B8"
+    d="M110.001 178.499s12.308-6.862 10.5-3c-.39.834-1.17 1.595-2 2.225-1.426 1.082-3 1.775-3 1.775l11.5 1.5s2.001 1 0 1.5-9 .5-9 .5l10.5 1.5s1.5 1 0 1.5-10-.5-10-.5l8 1.5s1.501 2-.5 2-8-1.5-8-1.5l6 3s1.001 1-.5 1.5-13.556-3.5-13.556-3.5z" />
+  <path stroke="#000" stroke-linecap="round"
+    d="m161.025 143.251 7.477 8.749s11.828-6.866 12.777-8.339.098-.743.098-.743m-3.541-10.139s1.601-.715.228 1.122-7.316 6.936-7.316 6.936m10.641-6.495s1.176-.35.228 1.123-8.816 6.905-8.816 6.905m8.844-4.295s1.501.03-.197 1.488c-1.699 1.457-7.77 4.689-7.77 4.689" />
+  <path fill="#F4D4B8"
+    d="M162.118 143.6s-5.011-10.514-1.118-8.593c1 .493 5.5 4.06 5.5 4.06l10-6.567s2.986-.795 1.724 1.068-6.871 7.099-6.871 7.099l9.438-6.76s1.885-.391 1.024 1.097-8.355 7.116-8.355 7.116l7.435-4.889s2.567.339.964 1.836-7.435 4.889-7.435 4.889l6.856-2.296s1.484-.018.623 1.47c-.862 1.489-13.402 8.359-13.402 8.359z" />
+  <path stroke="#000" stroke-linecap="round" stroke-width=".5"
+    d="M168.971 145.526s.054-2.064-.31-3.424c-.323-1.208-2.118-2.938-2.118-2.938M94 160.5v15" />
+  <path fill="#94B1EB"
+    d="M76.086 262.22c1.118-24.967 15.414-63.693 15.414-63.693s-1.43 4.472 21.043 4.473c22.474.001 24.971-5 24.971-5s-1.489 29.793 0 48.787C139.571 273.018 150 313 150 313h-30.964l-11.487-74.178-7.491 23.398 9.988 50.78H81.579s-6.386-30.854-5.493-50.78" />
+  <path stroke="#000" stroke-linecap="round" stroke-width=".5"
+    d="M91.868 199.965S91.33 202.999 113.5 203s24.184-5 24.184-5-1.469 29.41 0 48.16C139.712 272.054 150 311.522 150 311.522m-67 1.475s8.404.007 13.794 0c5.583-.007 13.302 0 13.302 0L105.5 287l-5-25 7.625-23.703M109.5 178.5 87 175" />
+  <path stroke="#000" stroke-linecap="round" stroke-width=".5" d="m92 191-.5 8.5s1 3.5 23 3.5 23.5-5.5 23.5-5.5" />
+  <path fill="#F4D4B8"
+    d="M123.717 119.888c-3.144 9.028-3.194 10.114-11.196 13.124-7.143-2.463-10.287-3.282-11.144-13.679 2.286-10.394 8.633-14.958 15.103-14.958 4.001 1.915 9.895 5.721 7.237 15.513" />
+  <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"
+    d="M109.547 124.211c2.6 1.916 4.159 2.476 7.228 1.95m-3.338-3.056h3.336l-.278-6.408c.434-.435.734-.946 1.112-1.393.47-.557.625-.595 1.112-.836 1.168-.577 3.336 0 3.336 0l.556 1.393m-15.569-.278s1.287-.859 2.224-1.115c1.257-.343 2.118-.463 3.337 0 .873.333 1.946 1.393 1.946 1.393m-11.61 10.387s3.125 5.772 9.107 6.33c1.209.112 3.059-.558 3.059-.558" />
+  <ellipse cx="119.555" cy="117.797" fill="#0F0F0F" rx=".834" ry=".836" />
+  <ellipse cx="111.586" cy="117.18" fill="#0F0F0F" rx=".834" ry=".836" />
+  <path fill="#000" fill-rule="evenodd"
+    d="M110.702 96.884c-1.374-2.107-4.44-3-7.41-1.995-3.413 1.154-5.408 4.375-4.455 7.195.325.961.951 1.752 1.77 2.331-1.141 2.172-1.793 4.628-1.793 7.115 0 1.271.023 2.909.568 3.12 1.001 0 1.644-.214 2.197-.589l.07.015s.821 5.905-.567 9.644q-.119.321-.225.624c-.316.893-.596 1.682-1.193 2.496-1.167 1.591-4.539 3.688-4.539 3.688s2.925-.187 3.971-.567c2.067-.751 2.844-2.225 3.688-4.255.309-.745.567-1.986.567-1.986v-5.957c0-.893 1.135-1.985 1.135-1.985l1.111-5.279q.323-.228.668-.467l8.182-4.522c.922-.316 1.78-.503 2.521-.504 1.132 0 1.879 1.154 2.574 2.228.369.571.724 1.119 1.114 1.459.857.748 1.586 1.55 2.2 2.27q.335.394.626.747h.001l.348.419c.161.672.217 1.707-.009 3.302-.614 4.33-.568 5.956-.568 5.956s.805-1.342 1.372-2.193c.481-.722.384-4.765.343-5.975.488.191.698-.514.697-2.82 0-1.821-.353-3.558-.995-5.146 1.674-.478 3.012-1.595 3.545-3.169.953-2.82-1.042-6.041-4.455-7.195-3.184-1.076-6.478.026-7.68 2.468a13.3 13.3 0 0 0-3.876-.573q-.762 0-1.503.1"
+    clip-rule="evenodd" />
+  <path fill="#83BB9E" d="M74.61 322.5s1.176-.709 2-1c.938-.331 2.5-.5 2.5-.5v7.5h-4.5z" />
+  <path fill="#83BB9E"
+    d="m70.61 326-.5 1 30.5-.5s.5 1.195.5 2-.5 2-.5 2h-31s-.385-.579-.5-1c-.154-.565-.139-.931 0-1.5.23-.949 1.5-2 1.5-2" />
+  <path stroke="#000" stroke-width=".5" d="M100.609 326.5h-21.5v-5" />
+  <path fill="#83BB9E"
+    d="M124.61 323.5s-1.823.791-1 .5c.39-.138.924-1.515 2-2 1.513-.682 3.108-1 3.108-1l.002 8h-4.5z" />
+  <path fill="#83BB9E"
+    d="m121.109 326.5-.5 1 29.61-.5s.5 1.195.5 2-.5 2-.5 2h-31s-.385-.579-.5-1c-.154-.565-.138-.931 0-1.5.231-.949 2.39-2 2.39-2" />
+  <path stroke="#000" stroke-width=".5" d="M150.219 327h-21.5v-5" />
+</svg>

package/components/curriculum/assets/curriculum-landing-stairway-2-small.svg

@@ -0,0 +1,56 @@
+<svg viewBox="0 0 346 460" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <path fill="var(--text-secondary)" d="M72.627 394.5c-6.589 4-41.455 3.5-41.455 3.5v-3.5z" />
+  <path stroke="var(--text-secondary)"
+    d="M72.627 394.5c-6.589 4-41.455 3.5-41.455 3.5v-3.5zm0 0c6.589-4 1.53-66.777 5.173-70.516 3.644-3.738 30.616-4.264 32.437-9.5 1.822-5.235 1.726-62.513 3.548-73 1.822-10.486 48.656-8.5 48.656-8.5 0-33.331 4.055-52 6.589-62.466s11.007-13.627 20.78-16.049c9.215-2.284 138.282 4.495 141.406 0" />
+  <path stroke="var(--text-primary)" stroke-width=".851"
+    d="M30.664 297.99s38.012-10.004 56.765-35.004c13.228-17.635 33.441-84.5 0-88.998-13.137-1.767-20.39 12.492-15.713 25.001 7.886 21.091 46.953 5.955 59.301-10.505 9.374-12.495 20.272-41.498 20.272-41.498m0 0-6.08 1.498m6.08-1.498 3.043 4.998" />
+  <path fill="url(#smallm)"
+    d="M127.142 50.53c-8.362 15.957 12.26 20.065 3.898 36.021l205.822-44.627s-6.223-18.062-12.88-24.957c-12.772-13.23-26.142 13.422-40.277 4.558-7.163-4.492-16.059-9.16-23.088-14.175-17.206-12.278-21.821 2.704-40.577 1.678-13.647-.747-30.704-13.265-41.538 0-7.534 9.225-9.59 17.643-17.254 26.586-8.448 9.857-25.744-1.04-34.106 14.917" />
+  <path stroke="#000" stroke-width=".32" d="m171.693 117.058-2.572-3.206m.876 5.993-9.382-1.197" />
+  <path stroke="#000" stroke-width=".641" d="m234.224 153.998.001-119.702" />
+  <path fill="#E3642A"
+    d="M259.486 39.148c-12.201-22.28-25.582 3.921-25.582 3.921V94s13.769-20.017 23.899-19.589c7.815.331 11.121 10.789 18.85 13.06 15.54 4.566 23.339-20.073 39.045-18.936 7.191.52 18.177 5.876 18.177 5.876l-13.464-24.159 10.771-16.324s-9.387-3.661-15.484-3.918c-15.78-.663-44.768 30.036-56.212 9.138" />
+  <path fill="#3B5AFF" fill-opacity=".8" d="m251.315 73.87-.19 3.305-2.051-1.63z" />
+  <path fill="#0931FF" fill-opacity=".8" d="m181.043 63.033 1.318 4.694-2.415.092z" />
+  <path fill="#FF0909" fill-opacity=".8" d="m170.021 50.986 1.798-.31-1.352 2.554zm30 3.623-2.568-1.784 3.631-1.69z" />
+  <path fill="#3B5AFF" d="m210.97 94.221-2.51 1.913.705-4.848z" />
+  <path fill="#FF0909" fill-opacity=".8" d="m228.872 79.89-2.568-1.784 3.632-1.69z" />
+  <path stroke="#C7B700" stroke-width=".641"
+    d="m185.173 51.79-1.624-2.071m17.865 17.403-.325 2.9m-33.132-5.386-2.273 2.9m76.007 19.476v3.314m0-20.303-3.248 2.9m-30.208 2.072 1.624 3.73" />
+  <path fill="#F0BE91"
+    d="M238.5 81.088c-5.506 3.548-10.388-1.257-16.84 0-1.663.324-3.158 1.558-3.158 1.558l-3.157-1.558s-3.31.288-5.263 1.038c-4.2 1.614-4.033 8.81-8.42 7.788-4.309-1.003-4.21-10.383-4.21-10.383l-7.368 3.634s1.684 15.872 8.946 16.094c5.682.174 11.052-9.345 11.052-9.345l-1.052 15.056 18.419 1.557-1.579-16.613s11.558.546 17.367-3.115c4.171-2.63 8.42-9.345 8.42-9.345l-6.841-4.673s-2.874 6.09-6.316 8.307" />
+  <path fill="#F4D4B8"
+    d="m191.137 70.698-1.053 6.23v2.077l1.579 3.634 4.21-2.077v-.52l1.579-2.594-1.053-1.558h-2.105l1.579-4.672s-1.053-2.596-1.579-.52-2.105 5.191-2.105 5.191.526-3.635.526-5.191-1.578 0-1.578 0m55.784.519-.527 2.596 4.21 3.116s1.334-2.447 2.106-3.116c1.464-1.27 2.337-.167 3.683-1.558 1.987-2.053.77-4.215-.526-6.75-.593-1.158-2.946-1.193-4.21-1.556-1.248-.358-3.997.508-4.736 1.563-.702 1-.27 4.518 0 5.705" />
+  <path fill="#FFF8F8" stroke="#7C6063" stroke-width="1.038"
+    d="m177.451 116.422 4.211 3.634s-2.924 8.159-4.211 5.711c-.662-1.26 0-3.634 0-3.634s-2.765 3.876-5.262 3.634c-1.372-.133-3.158-1.558-3.158-1.558z" />
+  <path stroke="#7C6063" stroke-width="1.038" d="m178.499 117.977-7.894 7.268" />
+  <path fill="#FFF8F8" stroke="#7C6063" stroke-width="1.038"
+    d="m232.876 154.046-2.36-5.004s6.019-6.295 6.192-3.543c.089 1.417-1.49 3.324-1.49 3.324s4.119-2.441 6.303-1.223c1.2.669 2.249 2.684 2.249 2.684z" />
+  <path stroke="#7C6063" stroke-width="1.038" d="m232.55 152.209 10.2-3.497" />
+  <path fill="#94B1EB"
+    d="m202.716 120.025 6.315-15.056 17.893 1.557 8.947 20.767 3.157 16.614-9.473 5.711-5.789-20.248-7.367-10.903-12.631 12.98-26.313-3.115 5.789-9.865z" />
+  <path fill="#F4D4B8" d="m216.4 81.6.527-2.077h3.684l.24 2.077-2.346 2.077z" />
+  <path fill="#F4D4B8"
+    d="M224.126 73.584c-.748 3.888-.685 4.325-4.193 6.26-3.545-.325-5.084-.363-6.32-4.429.237-4.353 2.844-6.755 5.876-7.35 2.029.397 5.096 1.372 4.637 5.52" />
+  <path fill="#000" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".519"
+    d="M218.131 77.164c1.066 1.13 2.513.32 3.442-.393z" />
+  <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".519"
+    d="m219.565 75.803 1.564-.306-.689-1.671m.868-1.02c-.041-.201.178-.457.403-.66.307-.278.631-.542 1.002-.356.297.148.393.745.393.745m-6.583 1.21s.043-.485.462-.673c.561-.253.694-.328 1.302-.256.436.053.78.51.78.51m-4.168 4.694s1.928 2.014 4.775 1.686c.576-.066 1.389-.503 1.389-.503" />
+  <path fill="#000" fill-rule="evenodd"
+    d="M223.398 67.643c.426.573.73 1.232.876 1.956.185.916.144 1.218-.098 1.189.117.481.486 2.079.319 2.41-.198.392-.467 1-.467 1s-.152-.643-.212-2.426c-.022-.651-.13-1.058-.258-1.312l-.202-.137q-.165-.115-.353-.24a10 10 0 0 0-1.213-.703c-.211-.1-.421-.286-.64-.48-.412-.364-.854-.755-1.385-.651-.322.063-.68.2-1.055.389l-3.679 2.706-.147.133-.098 2.227s-.444.54-.372.896l.478 2.374s-.021.519-.106.844c-.233.887-.478 1.546-1.386 2.035-.46.247-1.816.59-1.816.59s1.412-1.145 1.831-1.886c.214-.38.282-.72.359-1.105l.055-.27c.35-1.617-.509-3.896-.509-3.896l-.058.002c-.225.192-.507.33-.963.42-.272-.034-.415-.685-.517-1.191-.199-.988-.092-2.023.266-2.99-.428-.156-.783-.413-1.012-.765-.673-1.037.003-2.504 1.51-3.277 1.306-.67 2.806-.6 3.622.105a6 6 0 0 1 .706-.18 7.4 7.4 0 0 1 1.864-.128c.37-1.082 1.823-1.821 3.399-1.685 1.692.146 2.885 1.247 2.665 2.458-.123.676-.66 1.244-1.404 1.588"
+    clip-rule="evenodd" />
+  <path stroke="#000" stroke-width=".519"
+    d="M215.347 81.099s-.526-.52-5.262 1.038c-4.737 1.558-2.632 5.194-6.316 7.269-3.683 2.074-5.789-4.675-5.789-4.675" />
+  <path fill="#000"
+    d="M192.98 70.204a.26.26 0 0 0-.517-.048zm-.785 5.687-.258-.024.502.114zm3.684-4.672.246.083.025-.073-.019-.074zM194.3 75.89l-.246-.083-.158.47.476-.138zm2.105 0 .128-.226zm-.526 4.153-.207-.156-.052.07v.087zm-3.416-9.888-.526 5.711.517.048.526-5.711zm-.268 5.735.244.09v-.001l.001-.003.005-.012.018-.048.067-.182.245-.653c.206-.543.485-1.271.78-2.016s.606-1.504.876-2.107c.134-.302.257-.562.361-.761.111-.211.184-.32.217-.352l-.364-.37c-.1.098-.207.28-.312.48-.112.213-.24.485-.377.791-.273.613-.587 1.38-.884 2.127a149 149 0 0 0-1.114 2.91l-.005.013-.001.003v.001zm2.814-6.045c.024-.024.016-.005-.015-.009-.017-.002-.005-.007.037.034.085.084.184.255.281.478.094.215.173.448.229.63.028.09.049.167.064.22l.017.063.004.016.001.003.001.001.251-.063.252-.064-.001-.002-.001-.005-.005-.019-.018-.068a7 7 0 0 0-.318-.919c-.1-.23-.231-.481-.393-.64a.6.6 0 0 0-.343-.18.5.5 0 0 0-.407.154zm.624 1.29-1.579 4.672.492.166 1.579-4.672zM194.3 75.89l.072.25h.001l.002-.001.01-.003.042-.011a5 5 0 0 1 .688-.128c.433-.05.884-.038 1.163.12l.255-.453c-.435-.245-1.036-.234-1.477-.183a6 6 0 0 0-.76.141l-.049.013-.013.004-.004.001h-.002zm1.978.226c.283.16.516.39.678.637.163.25.242.5.242.695h.52c0-.323-.126-.67-.328-.98a2.5 2.5 0 0 0-.857-.804zm.92 1.332v.003l-.001.01-.008.034q-.012.046-.039.115a3 3 0 0 1-.166.336 12 12 0 0 1-.531.848 26 26 0 0 1-.714 1.004l-.049.066-.013.017-.004.004v.001h-.001l.207.157.207.157.001-.001.004-.005.013-.018.051-.068a27 27 0 0 0 .729-1.023c.199-.295.401-.61.554-.888a4 4 0 0 0 .193-.392 1 1 0 0 0 .087-.357zm-1.578 2.596v.519h.519v-.52z" />
+  <path stroke="#000" stroke-width=".519"
+    d="m209.035 105.5-6.315 14.537-19.472-1.558m68.42-41.01s-4.329 7.422-8.947 9.864c-2.291 1.212-6.315 2.077-6.315 2.077m14.726-25.45c.527 2.078-3.685 2.078-2.105 3.116s2.105 2.596 2.105 2.596" />
+  <defs>
+    <linearGradient id="smallm" x1="223.161" x2="224.806" y1="3.935" y2="84.43" gradientUnits="userSpaceOnUse">
+      <stop stop-color="var(--curriculum-bg-color)" />
+      <stop offset=".2" stop-color="var(--curriculum-bg-color)" stop-opacity=".567" />
+      <stop offset=".4" stop-color="var(--curriculum-bg-color)" stop-opacity=".289" />
+      <stop offset=".6" stop-color="var(--curriculum-bg-color)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+</svg>

package/components/curriculum/assets/curriculum-landing-stairway-2.svg

@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="450 0 816 367">
+  <path fill="#CDCDCD"
+    d="M450 332.479s28.891 1.166 56.023 1.597l46.477-1.597c-2.19 1.8-23.714 1.957-46.477 1.597L450 336z" />
+  <path stroke="#CDCDCD"
+    d="M552.5 332.479c-4.8 3.945-102.5 0-102.5 0V336zm0 0c4.8-3.945-6.72-47.508 0-49.479s115.64-2.239 119-5-3.36-36.705 0-42.234 75.5 0 75.5 0v-42.765c0-8.682 22.976-7.672 41-8.949 16.995-1.204 286.24 2.37 292 0" />
+  <path fill="#F0BE91"
+    d="M879 110.328c-5.232 3.417-9.87-1.211-16 0-1.58.312-3 1.5-3 1.5l-3-1.5s-3.145.277-5 1c-3.99 1.555-3.832 8.484-8 7.5-4.094-.966-4-10-4-10l-7 3.5s1.6 15.287 8.5 15.5c5.398.167 10.5-9 10.5-9l-1 14.5 17.5 1.5-1.5-16s10.981.526 16.5-3c3.963-2.532 8-9 8-9l-6.5-4.5s-2.73 5.865-6 8" />
+  <path fill="#F4D4B8"
+    d="m834 100.328-1 6v2.001l1.5 3.499 4-2v-.5l1.5-2.499-1-1.5-2-.001 1.5-4.499s-1-2.5-1.5-.501-2 5-2 5 .5-3.5.5-5-1.5 0-1.5 0m53 .5-.5 2.5 4 3.002s1.267-2.357 2-3.001c1.392-1.223 2.221-.161 3.5-1.501 1.888-1.977.731-4.06-.5-6.5-.563-1.116-2.799-1.15-4-1.499-1.186-.345-3.797.49-4.5 1.505-.667.963-.256 4.351 0 5.494" />
+  <path fill="#FFF8F8" stroke="#7C6063"
+    d="m821 144.328 4 3.5s-2.777 7.858-4 5.5c-.629-1.213 0-3.5 0-3.5s-2.628 3.733-5 3.5c-1.304-.128-3-1.5-3-1.5z" />
+  <path stroke="#7C6063" d="m822 145.828-7.5 7" />
+  <path fill="#FFF8F8" stroke="#7C6063"
+    d="m873.659 180.576-2.243-4.819s5.719-6.062 5.884-3.412c.084 1.365-1.416 3.201-1.416 3.201s3.913-2.35 5.988-1.178c1.14.645 2.137 2.586 2.137 2.586z" />
+  <path stroke="#7C6063" d="m873.35 178.802 9.691-3.368" />
+  <path fill="#94B1EB" d="m845 147.828 6-14.5 17 1.5 8.5 20 3 16-9 5.5-5.5-19.5-7-10.5-12 12.5-25-3 5.5-9.5z" />
+  <path fill="#F4D4B8" d="m858 110.828.5-2h3.5l.229 2-2.229 2z" />
+  <path fill="#F4D4B8"
+    d="M865.344 103.112c-.711 3.743-.651 4.165-3.983 6.028-3.369-.313-4.83-.35-6.005-4.265.225-4.192 2.702-6.506 5.583-7.078 1.927.38 4.842 1.32 4.405 5.315" />
+  <path fill="#000" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"
+    d="M859.648 106.57c1.013 1.089 2.388.309 3.271-.379z" />
+  <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"
+    d="m861.012 105.253 1.486-.295-.654-1.61m.824-.981c-.038-.195.169-.441.383-.637.292-.267.6-.521.952-.342.282.142.374.717.374.717m-6.255 1.165s.041-.467.438-.648c.534-.243.66-.316 1.238-.246.414.051.741.492.741.492m-3.96 4.52s1.831 1.939 4.537 1.624c.547-.064 1.319-.484 1.319-.484" />
+  <path fill="#000" fill-rule="evenodd"
+    d="M857.794 95.43c-.773-.688-2.206-.76-3.452-.111-1.431.745-2.074 2.158-1.434 3.156.218.34.557.589.967.739-.343.934-.445 1.934-.256 2.889.097.488.232 1.114.491 1.147.444-.088.713-.226.93-.417l.036-.001s.816 2.194.483 3.752l-.053.26c-.072.37-.137.698-.34 1.063-.399.714-1.74 1.817-1.74 1.817s1.288-.33 1.725-.569c.863-.471 1.096-1.105 1.317-1.959.081-.313.101-.813.101-.813l-.454-2.286c-.068-.343.354-.863.354-.863l.092-2.127.244-.223 3.327-2.481c.382-.2.746-.346 1.072-.41.504-.1.924.276 1.316.627.208.186.407.365.607.462.439.21.824.454 1.153.676q.179.122.335.231l.185.129c.124.243.228.636.249 1.271.057 1.717.202 2.337.202 2.337s.256-.587.443-.964c.16-.32-.193-1.866-.303-2.325.233.031.273-.257.097-1.144a4.75 4.75 0 0 0-.832-1.883c.706-.331 1.216-.878 1.332-1.528.21-1.167-.924-2.227-2.532-2.368-1.497-.131-2.876.58-3.229 1.62a7 7 0 0 0-1.771.124 6 6 0 0 0-.662.171"
+    clip-rule="evenodd" />
+  <path stroke="#000" stroke-width=".5" d="M857 110.33s-.5-.5-5 1-2.5 5.002-6 7-5.5-4.502-5.5-4.502" />
+  <path fill="#000"
+    d="M835.749 99.853a.25.25 0 0 0-.498-.046zM835 105.33l-.249-.023.484.108zm3.5-4.5.237.079.023-.069-.017-.071zm-1.5 4.5-.237-.079-.151.453.458-.134zm2 0 .124-.217zm-.5 4-.2-.15-.05.067v.083zm-3.249-9.523-.5 5.5.498.045.5-5.5zM835 105.33l.235.085v-.001l.001-.003.005-.011.016-.046.065-.175a138 138 0 0 1 .973-2.571 57 57 0 0 1 .832-2.03c.128-.291.245-.541.344-.732.105-.204.175-.309.205-.34l-.352-.353c-.095.094-.197.27-.297.463-.106.205-.228.466-.357.761-.26.591-.559 1.329-.84 2.049a138 138 0 0 0-.978 2.58l-.064.176-.017.046-.004.012-.002.003v.001zm2.676-5.823c.024-.023.015-.004-.018-.007-.018-.002-.007-.01.032.03.081.082.175.246.268.461a6 6 0 0 1 .278.82l.016.06.004.015.001.004v.001l.243-.061.243-.061h-.001v-.002l-.001-.005-.005-.018-.017-.065-.066-.226a7 7 0 0 0-.236-.659c-.095-.222-.22-.463-.373-.617a.56.56 0 0 0-.329-.174.47.47 0 0 0-.391.15zm.587 1.244-1.5 4.5.474.158 1.5-4.5zM837 105.33l.07.24h.001l.002-.001.009-.003.04-.01.15-.037c.129-.029.306-.063.503-.086.411-.048.838-.036 1.101.114l.248-.434c-.415-.237-.988-.226-1.407-.177a6 6 0 0 0-.555.095l-.167.041-.047.013-.013.003-.004.001-.001.001zm1.876.217a1.9 1.9 0 0 1 .643.612c.155.241.231.482.231.671h.5c0-.31-.119-.644-.311-.942a2.4 2.4 0 0 0-.815-.775zm.874 1.283v.003l-.001.01-.008.034a1 1 0 0 1-.038.11q-.054.137-.157.324c-.135.248-.318.538-.504.817a24 24 0 0 1-.679.967l-.047.063-.012.017-.003.004-.001.001.2.15.2.15v-.001l.001-.001.004-.004.012-.018.049-.065a30 30 0 0 0 .692-.986 12 12 0 0 0 .527-.855c.073-.133.137-.262.183-.377a1 1 0 0 0 .082-.343zm-1.5 2.5v.5h.5v-.5z" />
+  <path stroke="#000" stroke-width=".5"
+    d="m851 133.828-6 14-18.5-1.5m65-39.5s-4.113 7.148-8.5 9.5c-2.177 1.167-6 2-6 2m13.999-24.5c.501 2-3.501 2-2 3s2 2.5 2 2.5" />
+  <path fill="url(#a)"
+    d="M783.175 60.978c-12.872 19.253 18.872 24.21 6 43.464L1106 50.592s-9.58-21.795-19.83-30.115c-19.66-15.965-40.24 16.196-62 5.5-11.02-5.42-24.715-11.052-35.535-17.105-26.485-14.815-33.589 3.264-62.46 2.025-21.007-.901-47.263-16.005-63.94 0-11.597 11.132-14.762 21.29-26.56 32.08-13.005 11.895-39.628-1.253-52.5 18" />
+  <path stroke="#000" stroke-width=".5" d="m810 151-5.5-2.5m4.639 6.362L795 157.555" />
+  <path stroke="#000" d="m920.5 180.996.993-141" />
+  <path fill="#E3642A"
+    d="M959.872 39.005C941.809 17.073 922 42.865 922 42.865V93s20.384-19.705 35.38-19.283c11.57.326 16.465 10.62 27.906 12.856 23.004 4.494 34.554-19.759 57.804-18.64 10.65.512 26.91 5.784 26.91 5.784l-19.93-23.781 15.94-16.07s-13.89-3.603-22.92-3.856c-23.36-.653-66.275 29.567-83.218 8.995" />
+  <path fill="#3B5AFF" fill-opacity=".8" d="m974.317 89.135-.293 3.987-3.157-1.966z" />
+  <path fill="#0931FF" fill-opacity=".8" d="m866.146 76.06 2.03 5.665-3.718.111z" />
+  <path fill="#FF0909" fill-opacity=".8"
+    d="m849.18 61.525 2.768-.374-2.081 3.082zm46.179 4.372-3.953-2.153 5.589-2.04z" />
+  <path fill="#3B5AFF" d="m912.213 113.698-3.864 2.309 1.086-5.85z" />
+  <path fill="#FF0909" fill-opacity=".8" d="m939.771 96.405-3.953-2.153 5.59-2.04z" />
+  <path stroke="#C7B700"
+    d="M872.5 62.5 870 60m27.5 21-.5 3.5M846 78l-3.5 3.5m117 23.5v4m0-24.5-5 3.5M908 90.5l2.5 4.5" />
+  <path stroke="var(--text-primary)"
+    d="M574.545 230.101s66.001 9.5 91.066-10.503c20.503-16.362 34.934-76.503 0-80.853-15.581-1.94-30.066 7.732-30.065 23.354 0 29.995 40.587 21.18 60.999 7.999 15.495-10.006 28.479-49.493 28.479-49.493m0 0-13.393 4.089m13.393-4.089 4.582 15.005" />
+  <defs>
+    <linearGradient id="a" x1="930.979" x2="932.535" y1="4.753" y2="101.898" gradientUnits="userSpaceOnUse">
+      <stop stop-color="var(--curriculum-bg-color)" />
+      <stop offset=".2" stop-color="var(--curriculum-bg-color)" stop-opacity=".567" />
+      <stop offset=".4" stop-color="var(--curriculum-bg-color)" stop-opacity=".289" />
+      <stop offset=".6" stop-color="var(--curriculum-bg-color)" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+</svg>

package/components/curriculum/assets/curriculum-landing-started-advanced.svg

@@ -0,0 +1,37 @@
+<svg viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --path: #E3642A;
+    }
+
+    .small.light {
+      --circle: #FFF;
+    }
+
+    .dark {
+      --circle: #B25C354D;
+      --path: #E3642A;
+    }
+
+    .small.dark {
+      --circle: #000;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="57" cy="25.4453" r="25" fill="var(--circle)" />
+      <path
+        d="M47.834 44.8646V38.0312L41.0007 41.4479L34.1673 38.0312V44.8646L27.334 48.2812L34.1673 51.6979V58.5312L41.0007 55.1146L47.834 58.5312V51.6979L54.6673 48.2812M47.834 7.28125H23.9173C22.105 7.28125 20.3669 8.00119 19.0854 9.28269C17.8039 10.5642 17.084 12.3023 17.084 14.1146V61.9479C17.084 63.7602 17.8039 65.4983 19.0854 66.7798C20.3669 68.0613 22.105 68.7812 23.9173 68.7812H27.334V61.9479H23.9173V14.1146H44.4173V27.7812H58.084V61.9479H54.6673V68.7812H58.084C59.8963 68.7812 61.6344 68.0613 62.9159 66.7798C64.1974 65.4983 64.9173 63.7602 64.9173 61.9479V24.3646M47.834 44.8646V38.0312L41.0007 41.4479L34.1673 38.0312V44.8646L27.334 48.2812L34.1673 51.6979V58.5312L41.0007 55.1146L47.834 58.5312V51.6979L54.6673 48.2812M34.1673 79.0312L41.0007 75.6146L47.834 79.0312V61.9479H34.1673M47.834 44.8646V38.0312L41.0007 41.4479L34.1673 38.0312V44.8646L27.334 48.2812L34.1673 51.6979V58.5312L41.0007 55.1146L47.834 58.5312V51.6979L54.6673 48.2812L47.834 44.8646Z"
+        fill="var(--path)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 82 82 82" />
+  <use y="82" href="#i" class="dark" />
+  <view id="small-light" viewBox="0 164 82 82" />
+  <use y="164" href="#i" class="small light" />
+  <view id="small-dark" viewBox="0 246 82 82" />
+  <use y="246" href="#i" class="small dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-started-beginner.svg

@@ -0,0 +1,37 @@
+<svg viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --path: #E3642A;
+    }
+
+    .small.light {
+      --circle: #FFF;
+    }
+
+    .dark {
+      --circle: #B25C354D;
+      --path: #E3642A;
+    }
+
+    .small.dark {
+      --circle: #000;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="57" cy="25.4453" r="25" fill="var(--circle)" />
+      <path
+        d="M61.4994 36.3229V20.9479L54.2902 24.5696C54.5294 25.5946 54.666 26.6537 54.666 27.7812C54.666 35.3321 48.5502 41.4479 40.9993 41.4479C33.4485 41.4479 27.3327 35.3321 27.3327 27.7812C27.3327 26.6537 27.4693 25.5946 27.7085 24.5696L17.0827 19.2396L40.9993 7.28125L64.916 19.2396V36.3229H61.4994ZM40.9993 31.1979L34.166 27.7812C34.166 31.5396 37.241 34.6146 40.9993 34.6146C44.7577 34.6146 47.8327 31.5396 47.8327 27.7812L40.9993 31.1979ZM50.3952 18.9663L41.546 14.4562L32.3552 19.1371L41.2385 23.6471L50.3952 18.9663ZM40.9993 44.8646C50.1218 44.8646 68.3327 49.4088 68.3327 58.5312V68.7812H13.666V58.5312C13.666 49.4088 31.8768 44.8646 40.9993 44.8646ZM40.9993 51.3563C30.7493 51.3563 20.1577 56.3446 20.1577 58.5312V62.2896H61.841V58.5312C61.841 56.3446 51.1469 51.3563 40.9993 51.3563Z"
+        fill="var(--path)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 82 82 82" />
+  <use y="82" href="#i" class="dark" />
+  <view id="small-light" viewBox="0 164 82 82" />
+  <use y="164" href="#i" class="small light" />
+  <view id="small-dark" viewBox="0 246 82 82" />
+  <use y="246" href="#i" class="small dark" />
+</svg>

package/components/curriculum/assets/curriculum-landing-started-educator.svg

@@ -0,0 +1,37 @@
+<svg viewBox="0 0 82 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .light {
+      --circle: #FCEFE2;
+      --path: #E3642A;
+    }
+
+    .small.light {
+      --circle: #FFF;
+    }
+
+    .dark {
+      --circle: #B25C354D;
+      --path: #E3642A;
+    }
+
+    .small.dark {
+      --circle: #000;
+    }
+  </style>
+  <defs>
+    <g id="i">
+      <circle cx="57" cy="25.4453" r="25" fill="var(--circle)" />
+      <path
+        d="M68.3333 58.5312C70.1456 58.5312 71.8837 57.8113 73.1652 56.5298C74.4467 55.2483 75.1667 53.5102 75.1667 51.6979V14.1146C75.1667 12.3023 74.4467 10.5642 73.1652 9.28269C71.8837 8.00119 70.1456 7.28125 68.3333 7.28125H32.3217C33.5175 9.36542 34.1667 11.7229 34.1667 14.1146H68.3333V51.6979H37.5833V58.5312M51.25 24.3646V31.1979H30.75V75.6146H23.9167V55.1146H17.0833V75.6146H10.25V48.2812H5.125V31.1979C5.125 29.3856 5.84494 27.6475 7.12644 26.366C8.40794 25.0845 10.146 24.3646 11.9583 24.3646H51.25ZM27.3333 14.1146C27.3333 15.9269 26.6134 17.665 25.3319 18.9465C24.0504 20.228 22.3123 20.9479 20.5 20.9479C18.6877 20.9479 16.9496 20.228 15.6681 18.9465C14.3866 17.665 13.6667 15.9269 13.6667 14.1146C13.6667 12.3023 14.3866 10.5642 15.6681 9.28269C16.9496 8.00119 18.6877 7.28125 20.5 7.28125C22.3123 7.28125 24.0504 8.00119 25.3319 9.28269C26.6134 10.5642 27.3333 12.3023 27.3333 14.1146Z"
+        fill="var(--path)" />
+    </g>
+  </defs>
+  <view id="light" />
+  <use href="#i" class="light" />
+  <view id="dark" viewBox="0 82 82 82" />
+  <use y="82" href="#i" class="dark" />
+  <view id="small-light" viewBox="0 164 82 82" />
+  <use y="164" href="#i" class="small light" />
+  <view id="small-dark" viewBox="0 246 82 82" />
+  <use y="246" href="#i" class="small dark" />
+</svg>