@powerhousedao/academy 0.1.0-dev.0

package/src/css/custom.css

@@ -0,0 +1,450 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: #1A1A1B;
+  --ifm-color-primary-dark: #1A1A1B;
+  --ifm-color-primary-darker: #1A1A1B;
+  --ifm-color-primary-darkest: #1A1A1B;
+  --ifm-color-primary-light: #1A1A1B;
+  --ifm-color-primary-lighter: #1A1A1B;
+  --ifm-color-primary-lightest: #1A1A1B;
+  --ifm-code-font-size: 95%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+  --ifm-color-primary: #ffffff;
+  --ifm-color-primary-dark: #ffffff;
+  --ifm-color-primary-darker: #ffffff;
+  --ifm-color-primary-darkest: #ffffff;
+  --ifm-color-primary-light: #ffffff;
+  --ifm-color-primary-lighter: #ffffff;
+  --ifm-color-primary-lightest: #ffffff;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+}
+
+@font-face {
+  font-family: 'Franie';
+  src: url('/fonts/FranieRegular.otf') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Franie';
+  src: url('/fonts/FranieBold.otf') format('woff2');
+  font-weight: bold;
+  font-style: normal;
+}
+
+.hero__title {
+  font-family: 'Franie', sans-serif;
+  font-weight: bold;
+  font-size: 39.75px;
+  margin-bottom: 0.1rem; /* Reduce bottom margin */
+}
+
+.hero__subtitle {
+  font-family: 'Inter', sans-serif;
+  font-weight: normal;
+  margin-top: 0.1rem; /* Reduce top margin */
+}
+
+/* Ensure white text in both light and dark modes */
+.hero__title,
+.hero__subtitle {
+  color: #ffffff;
+}
+
+/* If you need different colors for light mode, use this */
+html[data-theme='light'] .hero__title,
+html[data-theme='light'] .hero__subtitle {
+  color: #ffffff; /* or any other color for light mode */
+}
+
+/* Explicitly set white color for dark mode */
+html[data-theme='dark'] .hero__title,
+html[data-theme='dark'] .hero__subtitle {
+  color: #ffffff;
+}
+
+/* Dark mode styles */
+html[data-theme='dark'] {
+  --ifm-background-color: #1A1A1B;
+  --ifm-background-surface-color: #1A1A1B;
+}
+
+/* If you want to affect specific elements, you can add more specific rules */
+html[data-theme='dark'] .main-wrapper {
+  background-color: #1A1A1B;
+}
+
+html[data-theme='dark'] .navbar {
+  background-color: #1A1A1B;
+}
+
+html[data-theme='dark'] .footer {
+  background-color: #1A1A1B;
+}
+
+html[data-theme='light'] .footer {
+  background-color: #f5f5f5;
+}
+
+/* Light theme styles for footer */
+html[data-theme='light'] .footer {
+  --ifm-footer-color: #000000;
+  --ifm-footer-link-color: #000000;
+  --ifm-footer-title-color: #000000;
+}
+
+/* If you need more specific control: */
+html[data-theme='light'] .footer .footer__link-item,
+html[data-theme='light'] .footer .footer__title,
+html[data-theme='light'] .footer .footer__copyright {
+  color: #000000;
+}
+
+/* Change link color */
+a {
+  font-weight: 400; /* Slightly more bold */
+}
+
+/* Special styling for documentation links */
+.docs-doc-page a {
+  text-decoration: underline;
+  color: #0066cc; /* bright blue */
+  font-weight: 500;
+  transition: color 0.2s ease;
+}
+
+.docs-doc-page a:hover {
+  color: #003d7a; /* darker blue on hover */
+}
+
+/* Keep navbar and sidebar links with their original styling */
+.navbar a,
+.theme-doc-sidebar-container a {
+  text-decoration: none;
+  color: var(--ifm-menu-color);
+}
+
+/* Keep footer links with their original styling */
+.footer a {
+  text-decoration: none;
+  color: var(--ifm-footer-link-color);
+}
+
+/* Target links only in the main markdown content of doc pages */
+.docs-doc-page .theme-doc-markdown a {
+  text-decoration: underline;
+  color: #0066cc; /* bright blue */
+  font-weight: 500;
+  transition: color 0.2s ease;
+}
+
+.docs-doc-page .theme-doc-markdown a:hover {
+  color: #003d7a; /* darker blue on hover */
+}
+
+/* Reset styling for navigation elements, category pages, and utility links */
+.breadcrumbs a,
+.table-of-contents a,
+.pagination-nav a,
+.navbar a,
+.theme-doc-sidebar-container a,
+.footer a,
+.card a,
+article > a,
+.markdown > a,
+.hash-link,
+.theme-edit-this-page {
+  text-decoration: none !important;
+  color: var(--ifm-link-color) !important;
+}
+
+/* Keep the pencil icon black too */
+.theme-edit-this-page svg {
+  color: var(--ifm-link-color) !important;
+}
+
+/* Track styles */
+.tracks-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 32px;
+  margin-top: 2rem;
+}
+
+.tracks-row {
+  display: flex;
+  justify-content: center;
+  gap: 32px;
+}
+
+.track-link {
+  text-decoration: none;
+}
+
+.track-link.full-width {
+  width: 512px; /* 240px * 2 + 32px gap */
+}
+
+.track-card {
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 24px;
+  width: 240px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background-color: white;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+  height: 100%; /* This ensures equal height */
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.track-card.full-width {
+  width: 100%;
+}
+
+.track-card:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+}
+
+.track-title {
+  margin: 0 0 12px 0;
+  color: #333;
+}
+
+.track-description {
+  margin: 0;
+  color: #666;
+}
+
+/* Learning path styles */
+.learning-path {
+  max-width: 800px;
+  margin: 2rem auto;
+  padding: 0 1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+}
+
+.path-row {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  margin: 0;
+}
+
+.path-row.split {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  max-width: 732px;
+}
+
+.path-button {
+  background-color: #f5f5f5;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 1rem 2rem;
+  text-decoration: none !important;
+  color: inherit !important;
+  font-weight: 500;
+  text-align: center;
+  min-width: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1.2;
+  min-height: 1.2rem;
+  transition: all 0.2s ease;
+}
+
+.path-button:hover {
+  text-decoration: none !important;
+  color: inherit !important;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+}
+
+/* Dark mode adjustments */
+[data-theme='dark'] .path-button {
+  background-color: #1f1f20;
+  border: none; /* Remove default border */
+  position: relative; /* For pseudo-element positioning */
+  isolation: isolate; /* Ensures proper layering */
+}
+
+/* Gradient border effect - dark mode only */
+[data-theme='dark'] .path-button::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 8px;
+  padding: 1px; /* Border width */
+  background: linear-gradient(90deg, #4633eb, #7a5cff);
+  -webkit-mask: 
+    linear-gradient(#fff 0 0) content-box, 
+    linear-gradient(#fff 0 0);
+  mask: 
+    linear-gradient(#fff 0 0) content-box, 
+    linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+
+/* Hover effects - dark mode */
+[data-theme='dark'] .path-button:hover {
+  transform: translateY(-2px);
+}
+
+[data-theme='dark'] .path-button:hover::before {
+  box-shadow: 0 0 15px rgba(74, 51, 235, 0.3); /* Subtle blue glow */
+}
+
+.path-card {
+  background-color: white;
+  border: 1px solid #e0e0e0;
+  border-radius: 8px;
+  padding: 1rem;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.path-card.full-width {
+  width: 1000px;
+}
+
+.path-card.equal-width {
+  width: 480px;
+}
+
+.card-title {
+  margin: 0 0 1.5rem 0;
+  text-align: center;
+  color: var(--ifm-color-primary);
+}
+
+.card-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+/* Dark mode adjustments */
+[data-theme='dark'] .path-card {
+  background-color: #2a2a2b;
+  border-color: #3a3a3b;
+}
+
+[data-theme='dark'] .card-title {
+  color: white;
+}
+
+/* Algolia DocSearch Dark Mode Styles */
+html[data-theme='dark'] .DocSearch-Hits {
+  background-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit {
+  background-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-source {
+  background-color: #1A1A1B !important;
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-content-wrapper {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-title {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-path {
+  color: #a0a0a0 !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-icon {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit-action {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit[aria-selected='true'] {
+  background-color: #2a2a2b !important;
+}
+
+html[data-theme='dark'] .DocSearch-Modal {
+  background-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-SearchBar {
+  background-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-Form {
+  background-color: #2a2a2b !important;
+}
+
+html[data-theme='dark'] .DocSearch-Input {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Reset {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Cancel {
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit:first-child {
+  background-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hit--empty,
+html[data-theme='dark'] .DocSearch-Hit[aria-label="No results"],
+html[data-theme='dark'] .DocSearch-Hit-content-wrapper:empty,
+html[data-theme='dark'] .DocSearch-Hit[style*="background-color: white"],
+html[data-theme='dark'] .DocSearch-Hit {
+  background-color: #1A1A1B !important;
+  color: #ffffff !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hits > * {
+  background-color: #1A1A1B !important;
+  color: #ffffff !important;
+  border-color: #1A1A1B !important;
+}
+
+html[data-theme='dark'] .DocSearch-Hits > *:empty {
+  background-color: #1A1A1B !important;
+  color: #ffffff !important;
+  min-height: 48px; /* or whatever height matches the box */
+  border-radius: 8px;
+  border: none;
+}

package/src/pages/index.module.css

@@ -0,0 +1,37 @@
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+.heroBanner {
+  padding: 3rem 0 2rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+}
+
+@media screen and (max-width: 996px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.iconContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 2rem;
+}
+
+.icon {
+  width: 40px;
+  height: 40px;
+  margin: 0 0.5rem;
+  object-fit: contain; /* This ensures the image is scaled properly */
+}

package/src/pages/index.tsx

@@ -0,0 +1,42 @@
+import clsx from 'clsx';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import useBaseUrl from '@docusaurus/useBaseUrl';
+import Layout from '@theme/Layout';
+import HomepageFeatures from '@site/src/components/HomepageFeatures';
+import Heading from '@theme/Heading';
+import styles from './index.module.css';
+
+function HomepageHeader() {
+  const {siteConfig} = useDocusaurusContext();
+  return (
+    <header 
+      className={clsx('hero hero--primary', styles.heroBanner)}
+      style={{
+        backgroundImage: `url('/img/empty-background.png')`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+      }}
+    >
+      <div className="container">
+        <Heading as="h1" className="hero__title">
+          {siteConfig.title}
+        </Heading>
+        <p className="hero__subtitle">{siteConfig.tagline}</p>
+      </div>
+    </header>
+  );
+}
+
+export default function Home(): JSX.Element {
+  const {siteConfig} = useDocusaurusContext();
+  return (
+    <Layout
+      title={`${siteConfig.title}`}
+      description="Get started with the Powerhouse applications <head />">
+      <HomepageHeader />
+      <main>
+        <HomepageFeatures />
+      </main>
+    </Layout>
+  );
+}

package/src/pages/markdown-page.md

@@ -0,0 +1,7 @@
+---
+title: Markdown page example
+---
+
+# Markdown page example
+
+You don't need React to write simple standalone pages.

package/static/img/Powerhouse-main-light.svg

@@ -0,0 +1,13 @@
+<svg width="850" height="114" viewBox="0 0 983 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.2919 0L24.3415 38.8772C17.4548 44.5798 16.9539 54.9659 23.26 61.3047L39.5028 77.6318C44.2684 82.4221 45.2996 89.7834 42.0335 95.6988L31.929 114H15.2C6.80527 114 0 107.195 0 98.8V15.2C0 6.80527 6.80527 0 15.2 0H71.2919ZM80.111 0L71.3412 15.9758C68.1078 21.866 69.1255 29.1804 73.8441 33.9641L91.0751 51.4331C97.3674 57.8124 96.8044 68.2227 89.8607 73.8861L40.6782 114H98.8C107.195 114 114 107.195 114 98.8V15.2C114 6.80527 107.195 0 98.8 0H80.111Z" fill="#F7F7F7"/>
+<path d="M144 97.8759H163.889V71.5109H181.229C198.058 71.5109 209.787 59.6569 209.787 42.6934C209.787 27.0584 198.058 16.1241 181.229 16.1241H144V97.8759ZM163.889 53.6277V34.0073H180.107C185.92 34.0073 189.898 37.9927 189.898 43.8175C189.898 49.6423 185.92 53.6277 180.107 53.6277H163.889Z" fill="#F7F7F7"/>
+<path d="M258.349 99C283.339 99 300.78 81.8321 300.78 56.8978C300.78 32.0657 283.339 15 258.349 15C233.36 15 215.919 32.0657 215.919 56.8978C215.919 81.8321 233.36 99 258.349 99ZM236.318 56.8978C236.318 43.2044 245.294 33.8029 258.349 33.8029C271.405 33.8029 280.483 43.2044 280.483 56.8978C280.483 70.7956 271.405 80.1971 258.349 80.1971C245.294 80.1971 236.318 70.7956 236.318 56.8978Z" fill="#F7F7F7"/>
+<path d="M326.44 97.8759H347.145L365.096 45.146L382.946 97.8759H403.651L426.6 16.1241H406.303L391.921 68.9562L375.908 16.1241H354.387L338.271 68.9562L323.992 16.1241H303.695L326.44 97.8759Z" fill="#F7F7F7"/>
+<path d="M435.545 97.8759H496.029V80.4015H455.434V64.6642H489.909V47.1898H455.434V33.4964H496.029V16.1241H435.545V97.8759Z" fill="#F7F7F7"/>
+<path d="M510.847 97.8759H530.736V68.3431H539.202L557.969 97.8759H580.408L559.907 66.4015C570.005 62.7226 576.634 53.4234 576.634 41.9781C576.634 26.7518 565.721 16.1241 550.115 16.1241H510.847V97.8759ZM530.736 50.4599V34.0073H548.891C553.583 34.0073 556.745 37.3796 556.745 42.2847C556.745 47.0876 553.583 50.4599 548.891 50.4599H530.736Z" fill="#F7F7F7"/>
+<path d="M590.033 97.8759H609.923V65.2774H640.011V97.8759H659.799V16.1241H640.011V47.3942H609.923V16.1241H590.033V97.8759Z" fill="#F7F7F7"/>
+<path d="M714.443 99C739.432 99 756.873 81.8321 756.873 56.8978C756.873 32.0657 739.432 15 714.443 15C689.454 15 672.013 32.0657 672.013 56.8978C672.013 81.8321 689.454 99 714.443 99ZM692.412 56.8978C692.412 43.2044 701.387 33.8029 714.443 33.8029C727.498 33.8029 736.576 43.2044 736.576 56.8978C736.576 70.7956 727.498 80.1971 714.443 80.1971C701.387 80.1971 692.412 70.7956 692.412 56.8978Z" fill="#F7F7F7"/>
+<path d="M802.987 99C823.488 99 837.869 84.5912 837.869 63.9489V16.1241H818.082V65.5839C818.082 74.4745 811.86 80.6058 802.987 80.6058C794.113 80.6058 787.993 74.4745 787.993 65.5839V16.1241L768.104 28.1241V63.9489C768.104 84.5912 782.485 99 802.987 99Z" fill="#F7F7F7"/>
+<path d="M881.036 99C898.069 99 910.309 89.8029 910.309 74.1679C910.309 59.9635 899.803 54.2409 887.768 49.5401C876.446 45.0438 871.244 43.6131 871.244 39.1168C871.244 35.6423 874.508 32.8832 879.098 32.8832C884.096 32.8832 887.36 36.1533 887.36 41.4672H906.739C906.739 25.7299 895.927 15 879.098 15C863.391 15 850.845 23.5839 850.845 37.9927C850.845 52.0949 862.779 57.7153 875.426 63.2336C883.382 66.8102 889.604 69.0584 889.604 74.6788C889.604 79.1752 885.83 81.5256 880.628 81.5256C873.284 81.5256 869.51 76.927 869.51 71H849.111C849.111 87.4526 862.065 99 881.036 99Z" fill="#F7F7F7"/>
+<path d="M922.516 97.8759H983V80.4015H942.406V64.6642H976.88V47.1898H942.406V33.4964H983V16.1241H922.516V97.8759Z" fill="#F7F7F7"/>
+</svg>

package/static/img/Powerhouse-main.svg

@@ -0,0 +1,13 @@
+<svg width="850" height="114" viewBox="0 0 983 114" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.2919 0L24.3415 38.8772C17.4548 44.5798 16.9539 54.9659 23.26 61.3047L39.5028 77.6318C44.2684 82.4221 45.2996 89.7834 42.0335 95.6988L31.929 114H15.2C6.80527 114 0 107.195 0 98.8V15.2C0 6.80527 6.80527 0 15.2 0H71.2919ZM80.111 0L71.3412 15.9758C68.1078 21.866 69.1255 29.1804 73.8441 33.9641L91.0751 51.4331C97.3674 57.8124 96.8044 68.2227 89.8607 73.8861L40.6782 114H98.8C107.195 114 114 107.195 114 98.8V15.2C114 6.80527 107.195 0 98.8 0H80.111Z" fill="#111111"/>
+<path d="M144 97.8759H163.889V71.5109H181.229C198.058 71.5109 209.787 59.6569 209.787 42.6934C209.787 27.0584 198.058 16.1241 181.229 16.1241H144V97.8759ZM163.889 53.6277V34.0073H180.107C185.92 34.0073 189.898 37.9927 189.898 43.8175C189.898 49.6423 185.92 53.6277 180.107 53.6277H163.889Z" fill="#111111"/>
+<path d="M258.349 99C283.339 99 300.78 81.8321 300.78 56.8978C300.78 32.0657 283.339 15 258.349 15C233.36 15 215.919 32.0657 215.919 56.8978C215.919 81.8321 233.36 99 258.349 99ZM236.318 56.8978C236.318 43.2044 245.294 33.8029 258.349 33.8029C271.405 33.8029 280.483 43.2044 280.483 56.8978C280.483 70.7956 271.405 80.1971 258.349 80.1971C245.294 80.1971 236.318 70.7956 236.318 56.8978Z" fill="#111111"/>
+<path d="M326.44 97.8759H347.145L365.096 45.146L382.946 97.8759H403.651L426.6 16.1241H406.303L391.921 68.9562L375.908 16.1241H354.387L338.271 68.9562L323.992 16.1241H303.695L326.44 97.8759Z" fill="#111111"/>
+<path d="M435.545 97.8759H496.029V80.4015H455.434V64.6642H489.909V47.1898H455.434V33.4964H496.029V16.1241H435.545V97.8759Z" fill="#111111"/>
+<path d="M510.847 97.8759H530.736V68.3431H539.202L557.969 97.8759H580.408L559.907 66.4015C570.005 62.7226 576.634 53.4234 576.634 41.9781C576.634 26.7518 565.721 16.1241 550.115 16.1241H510.847V97.8759ZM530.736 50.4599V34.0073H548.891C553.583 34.0073 556.745 37.3796 556.745 42.2847C556.745 47.0876 553.583 50.4599 548.891 50.4599H530.736Z" fill="#111111"/>
+<path d="M590.033 97.8759H609.923V65.2774H640.011V97.8759H659.799V16.1241H640.011V47.3942H609.923V16.1241H590.033V97.8759Z" fill="#111111"/>
+<path d="M714.443 99C739.432 99 756.873 81.8321 756.873 56.8978C756.873 32.0657 739.432 15 714.443 15C689.454 15 672.013 32.0657 672.013 56.8978C672.013 81.8321 689.454 99 714.443 99ZM692.412 56.8978C692.412 43.2044 701.387 33.8029 714.443 33.8029C727.498 33.8029 736.576 43.2044 736.576 56.8978C736.576 70.7956 727.498 80.1971 714.443 80.1971C701.387 80.1971 692.412 70.7956 692.412 56.8978Z" fill="#111111"/>
+<path d="M802.987 99C823.488 99 837.869 84.5912 837.869 63.9489V16.1241H818.082V65.5839C818.082 74.4745 811.86 80.6058 802.987 80.6058C794.113 80.6058 787.993 74.4745 787.993 65.5839V16.1241L768.104 28.1241V63.9489C768.104 84.5912 782.485 99 802.987 99Z" fill="#111111"/>
+<path d="M881.036 99C898.069 99 910.309 89.8029 910.309 74.1679C910.309 59.9635 899.803 54.2409 887.768 49.5401C876.446 45.0438 871.244 43.6131 871.244 39.1168C871.244 35.6423 874.508 32.8832 879.098 32.8832C884.096 32.8832 887.36 36.1533 887.36 41.4672H906.739C906.739 25.7299 895.927 15 879.098 15C863.391 15 850.845 23.5839 850.845 37.9927C850.845 52.0949 862.779 57.7153 875.426 63.2336C883.382 66.8102 889.604 69.0584 889.604 74.6788C889.604 79.1752 885.83 81.5256 880.628 81.5256C873.284 81.5256 869.51 76.927 869.51 71H849.111C849.111 87.4526 862.065 99 881.036 99Z" fill="#111111"/>
+<path d="M922.516 97.8759H983V80.4015H942.406V64.6642H976.88V47.1898H942.406V33.4964H983V16.1241H922.516V97.8759Z" fill="#111111"/>
+</svg>

package/static/img/Union.svg

@@ -0,0 +1,3 @@
+<svg width="344" height="171" viewBox="0 0 344 171" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M176.5 82C176.5 123.697 210.303 157.5 252 157.5H327.5V151.474L344 161L327.5 170.526V166.5H252C214.318 166.5 182.398 141.835 171.502 107.769C160.159 141.056 128.626 165 91.5 165H16.5V170.526L0 161L16.5 151.474V156H91.5C133.197 156 167 122.197 167 80.5V0H176.5V82Z" fill="#4FC86F"/>
+</svg>

package/static/img/academy/icons/Advanced.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="14" viewBox="0 0 25 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.2299 8.89666C11.611 8.89666 10.9921 8.81929 10.3989 8.63878L4.10669 6.78205V10.2118C4.10669 10.9597 5.29293 11.8107 5.29293 11.8107C5.29293 11.8107 8.23275 13.6932 12.2299 13.6932C16.227 13.6932 19.3473 11.8107 19.3473 11.8107C19.3473 11.8107 20.5336 10.9597 20.5336 10.2118V6.73047L14.0866 8.63878C13.4677 8.81929 12.8488 8.89666 12.2299 8.89666Z" fill="#329DFF"/>
+<path d="M23.9634 3.24928L13.803 0.232091C12.7972 -0.0773636 11.7142 -0.0773636 10.6826 0.232091L0.522205 3.24928C-0.174068 3.45558 -0.174068 4.46131 0.522205 4.66761L10.6826 7.68479C11.6884 7.99425 12.7714 7.99425 13.803 7.68479L22.6998 5.05443V5.85388C22.5193 5.93125 22.3645 6.11176 22.3645 6.31806V6.70488C22.3645 6.93697 22.5193 7.11748 22.6998 7.16906L22.1067 8.53581C22.0551 8.69054 22.1325 8.84528 22.2872 8.87107L22.7772 8.92263C22.8803 8.92263 22.9834 8.92263 23.0866 8.92263L23.5766 8.87107C23.7313 8.84528 23.8345 8.69054 23.7571 8.53581L23.164 7.16906C23.3703 7.0917 23.4992 6.91118 23.4992 6.70488V6.31806C23.4992 6.11176 23.3703 5.93125 23.164 5.85388V4.89971L23.9376 4.66761C24.6597 4.46131 24.6597 3.45558 23.9634 3.24928Z" fill="#329DFF"/>
+</svg>

package/static/img/academy/icons/Book.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6 12C21.6 6.69807 17.3019 2.4 12 2.4C6.69807 2.4 2.4 6.69807 2.4 12C2.4 17.3019 6.69807 21.6 12 21.6V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24V21.6C17.3019 21.6 21.6 17.3019 21.6 12Z" fill="#329DFF"/>
+<path d="M17.5955 6.31551L13.8113 13.6106L10.3003 10.0997L17.5955 6.31551Z" fill="#329DFF"/>
+<path d="M6.43351 17.4775L10.3831 10.017L13.894 13.5279L6.43351 17.4775Z" fill="#329DFF"/>
+</svg>

package/static/img/academy/icons/Cookbook.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.7835 3.40332C18.782 3.40413 18.7804 3.40455 18.7787 3.40455C18.391 3.40468 18.0418 3.43434 17.7142 3.49844C17.2893 3.57997 16.8645 3.36502 16.6713 2.96972C15.7758 1.13652 13.9869 0 11.9978 0C10.0111 0 8.2198 1.13652 7.3242 2.96972C7.13108 3.36255 6.71104 3.58244 6.28616 3.49844C5.94337 3.4342 5.59333 3.40208 5.21431 3.40208C2.33682 3.40208 0 5.79118 0 8.72883C0 11.0167 1.41947 13.045 3.53171 13.7715C3.9252 13.9073 4.19073 14.2829 4.19073 14.7079V18.5161C4.19073 19.3356 4.8551 20 5.67464 20H18.3254C19.1449 20 19.8093 19.3356 19.8093 18.5161V14.7079C19.8093 14.2829 20.0748 13.9074 20.4683 13.7715C22.5806 13.0451 24 11.0191 24 8.72883C24 5.79211 21.6622 3.4035 18.7882 3.40209C18.7866 3.40208 18.7849 3.40251 18.7835 3.40332V3.40332Z" fill="#4FC86F"/>
+</svg>

package/static/img/academy/icons/Create.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.3729 0C23.7191 0 23.9998 0.284388 23.9998 0.635197L24 23.3648C24 23.7156 23.7193 24 23.3731 24H0.627081C0.280859 24 0.000190404 23.7156 0.000190404 23.3648L0 0.635197C0 0.284388 0.280669 0 0.626891 0C12.6621 0 14.6725 0 23.3729 0ZM17.3239 5.68963L17.285 5.72623L10.0148 13.1852L7.77787 10.89C7.55198 10.6582 7.19312 10.646 6.95323 10.8534L6.9144 10.89L5.18745 12.6619C4.96205 12.8939 4.95004 13.2619 5.15153 13.5083L5.18709 13.5482L9.57925 18.0633L9.61809 18.0999C9.84465 18.2958 10.1773 18.2957 10.4036 18.0996L10.4424 18.0629L19.8754 8.38412C20.1013 8.15234 20.1132 7.78414 19.9111 7.53801L19.8754 7.49816L18.1485 5.72624C17.9226 5.49449 17.5638 5.48228 17.3239 5.68963Z" fill="#4FC86F"/>
+</svg>

package/static/img/academy/icons/Data.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9978 1.95312C7.6358 1.95312 3.9978 3.51213 3.9978 5.95312C3.9978 8.39412 7.6358 9.95312 11.9978 9.95312C16.3598 9.95312 19.9978 8.39412 19.9978 5.95312C19.9978 3.51213 16.3598 1.95312 11.9978 1.95312ZM3.9978 9.57812V11.9531C3.9978 14.3941 7.6358 15.9531 11.9978 15.9531C16.3598 15.9531 19.9978 14.3941 19.9978 11.9531V9.57812C18.1838 11.0681 15.3558 11.9531 11.9978 11.9531C8.6398 11.9531 5.8118 11.0681 3.9978 9.57812ZM3.9978 15.5781V17.9531C3.9978 20.3941 7.6358 21.9531 11.9978 21.9531C16.3598 21.9531 19.9978 20.3941 19.9978 17.9531V15.5781C18.1838 17.0681 15.3558 17.9531 11.9978 17.9531C8.6398 17.9531 5.8118 17.0681 3.9978 15.5781Z" fill="#FFCF24"/>
+</svg>

package/static/img/academy/icons/Editor.svg

@@ -0,0 +1,3 @@
+<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.2466 0C16.9418 0 16.6359 0.112806 16.4197 0.337203C15.7803 1.00439 13.4792 3.40558 12.9686 3.93957L2.61248 14.7454L1.46192 15.9454C1.30126 16.1134 1.21881 16.351 1.1743 16.5838L0.0236103 22.5873C-0.137389 23.4273 0.548928 24.1425 1.35404 23.9757C2.07314 23.8245 6.38804 22.9245 7.10714 22.7745C7.32989 22.7277 7.55782 22.6413 7.71836 22.4745L8.86905 21.2734L19.2246 10.4675C19.7363 9.9347 22.0375 7.53228 22.6769 6.86629C22.8919 6.64069 23 6.3215 23 6.00351C23 4.03914 22.5205 2.63515 21.5257 1.57557C20.5218 0.506379 19.1809 0 17.2466 0ZM17.6997 2.42275C18.7381 2.48635 19.4109 2.73479 19.872 3.22679C20.3435 3.72838 20.6413 4.42437 20.7057 5.48635C20.0756 6.14274 19.1533 7.09068 18.3977 7.87907C17.4858 6.92748 16.3611 5.75394 15.4491 4.80235C16.2058 4.01396 17.0706 3.07914 17.6997 2.42275ZM3.43956 17.3338L6.38805 20.4105L6.28017 20.5234C5.52117 20.6818 3.98846 21.0165 2.57661 21.3117L3.3317 17.4466L3.43956 17.3338Z" fill="#4FC86F"/>
+</svg>

package/static/img/academy/icons/Flash.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="25" viewBox="0 0 18 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.12523 13.1383L10.4232 1.65364C10.832 1.14866 11.6485 1.43774 11.6485 2.08747L11.6485 9.8883C11.6485 10.2691 11.9572 10.5778 12.338 10.5778H16.5547C17.1347 10.5778 17.4555 11.2503 17.0906 11.701L7.79264 23.1857C7.38381 23.6907 6.56731 23.4016 6.56731 22.7519L6.56731 14.9511C6.56731 14.5703 6.25863 14.2616 5.87785 14.2616H1.66109C1.08111 14.2616 0.760287 13.5891 1.12523 13.1383Z" fill="#F2CB29"/>
+</svg>

package/static/img/academy/icons/Launch.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4925 0.127095C11.1882 -0.0423832 10.8117 -0.0423832 10.5074 0.127095L0.725921 5.58656L11.0193 11.377L21.2736 5.58656L11.4925 0.127095ZM11.7333 12.6028V23.9999L21.5148 18.5405C21.8154 18.3733 22 18.0659 22 17.7328V6.8055L11.7333 12.6028ZM0 17.7329C0 18.0648 0.184553 18.3734 0.485226 18.5405L10.2667 24V12.5808L0.000250352 6.80562L0 17.7329Z" fill="#A577EE"/>
+</svg>

package/static/img/ph-icon-light.svg

@@ -0,0 +1,3 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M75.0442 0L25.6227 40.9234C18.3734 46.9262 17.8462 57.8589 24.4842 64.5313L41.5819 81.7176C46.5983 86.7601 47.6837 94.5088 44.2458 100.736L33.6095 120H16C7.16344 120 0 112.837 0 104V16C0 7.16344 7.16345 0 16 0H75.0442ZM84.3273 0L75.096 16.8166C71.6924 23.0169 72.7637 30.7162 77.7307 35.7517L95.8685 54.1401C102.492 60.8552 101.899 71.8134 94.5902 77.7749L42.8191 120H104C112.837 120 120 112.837 120 104V16C120 7.16345 112.837 0 104 0H84.3273Z" fill="#F7F7F7"/>
+</svg>