diff --git a/docs/academy/academy-intro/academy-home.md b/docs/academy/academy-intro/academy-home.md index 8d76d52eed..be99d80292 100644 --- a/docs/academy/academy-intro/academy-home.md +++ b/docs/academy/academy-intro/academy-home.md @@ -29,8 +29,9 @@ Below, you'll find several curated courses covering the everything from the basi #### Chialisp Overview -
-
+
+
    +
  1. @@ -42,7 +43,9 @@ Below, you'll find several curated courses covering the everything from the basi
    -
    +
+ +
  • @@ -54,7 +57,9 @@ Below, you'll find several curated courses covering the everything from the basi
    -
    +
    • + +
  • @@ -66,28 +71,32 @@ Below, you'll find several curated courses covering the everything from the basi
    -
    -
    -
    -
    - Inner Puzzles -
    -
    - - - -
    -
    - - +
    • +
  • +
    +
    +
    + Inner Puzzles +
    +
    + + + +
    +
    +
    +
    • + + --- #### Blockchain Basics -
    -
    +
    +
      +
    1. @@ -100,6 +109,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      2. +
    2. @@ -112,6 +123,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      3. +
    3. @@ -124,6 +137,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      4. +
    4. @@ -136,6 +151,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      5. +
    5. @@ -148,20 +165,22 @@ Below, you'll find several curated courses covering the everything from the basi
      -
    -
    + + + --- #### Plotting & Farming -
    -
    -
    -
    -
    - Farming Overview -
    +
    +
      +
    1. +
      +
      +
      + Farming Overview +
      @@ -169,6 +188,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      2. +
    2. @@ -181,6 +202,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      3. +
    3. @@ -193,6 +216,8 @@ Below, you'll find several curated courses covering the everything from the basi
      +
      4. +
    4. @@ -205,8 +230,9 @@ Below, you'll find several curated courses covering the everything from the basi
      -
    -
    + + + --- diff --git a/docusaurus.config.js b/docusaurus.config.js index 9b0f998afa..8554dfa41f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -62,7 +62,7 @@ const katex = require('rehype-katex'); }, { type: 'doc', - docId: 'academy/academy-intro/academy-overview', + docId: 'academy/academy-intro/academy-home', position: 'left', label: 'Chia Academy', }, diff --git a/src/css/custom.css b/src/css/custom.css index fcb744cb3c..326e4c02ff 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -54,9 +54,9 @@ figcaption { .eqnumber { font-style: italic; - color:#999999; + color: #999999; text-align: center; - margin-top:-10px; + margin-top: -10px; margin-bottom: 25px; width: 100%; } @@ -67,42 +67,31 @@ html { scroll-padding-top: 5rem; } - /* Academy Home Carousel*/ -.horizontal-scroll-wrapper { - display: block; - width: 20px; - max-height: 220px; +ol, +li { + list-style: none; margin: 0; - padding-top: 1px; + padding: 10px; } -.horizontal-scroll { - display: block; - width: 251px; - max-height: 55vw; - margin: 0; - padding-top: 1px; - overflow-x: hidden; - overflow-y: scroll; - transform: rotate(-90deg) translateY(-250px); - transform-origin: right top; +.carousel { + position: relative; } -.horizontal-scroll > div { - display: block; - padding: 5px; - transform: rotate(90deg) translateX(250px); - transform-origin: right top; +.carousel-inner { + display: flex; + padding: 10px; + overflow-x: scroll; + counter-reset: item; + scroll-behavior: smooth; + scroll-snap-type: x mandatory; } -.squares { - padding: 0 0 0 0; +.carousel-item { + position: relative; + flex: 0 0 40%; + width: 100%; + counter-increment: item; } - -.squares > div { - width: 250px; - height: 250px; - margin: 10px 0; -} \ No newline at end of file