diff --git a/docs/academy/academy-intro/academy-home.md b/docs/academy/academy-intro/academy-home.md
index e59ce236ba..8d76d52eed 100644
--- a/docs/academy/academy-intro/academy-home.md
+++ b/docs/academy/academy-intro/academy-home.md
@@ -3,6 +3,22 @@ title: Academy Home
slug: /academy-home
---
+import ChialispIntro from '@site/static/img/academy/Intro2Chialisp.png';
+import SmartCoins from '@site/static/img/academy/SmartCoins.png';
+import Signatures from '@site/static/img/academy/Signatures.png';
+import InnerPuzzles from '@site/static/img/academy/InnerPuzzles.png';
+
+import Consensus from '@site/static/img/academy/consensus.png';
+import Timelords from '@site/static/img/academy/timelords.png';
+import BlockFormation from '@site/static/img/academy/forming-blocks.png';
+import CoinSetModel from '@site/static/img/academy/coin-set.png';
+import Security from '@site/static/img/academy/security.png';
+
+import FarmingOverview from '@site/static/img/academy/farming-overview.png';
+import ChallengesPlotFilters from '@site/static/img/academy/challenges-plot-filters.png';
+import Pools from '@site/static/img/academy/pools.png';
+import CreatingYourFirstPlot from '@site/static/img/academy/Intro2Farming.png';
+
Welcome to Chia Academy, the scholarly hub for delving deep into Chia blockchain technology. In an age characterized by rapid digital transformation, this institution offers a comprehensive exploration of the Chia blockchain, dissecting its technical intricacies, real-world applications, and the nuances of its secure data handling. As a Chia Academy student, you will dive into the core concepts and functionalities of the Chia blockchain.
## Courses
@@ -13,23 +29,184 @@ Below, you'll find several curated courses covering the everything from the basi
#### Chialisp Overview
-| [!['Intro to Chialisp'](/img/academy/Intro2Chialisp.png)](https://docs.chia.net/chialisp-intro) | [!['Smart Coins'](/img/academy/SmartCoins.png)](https://docs.chia.net/chialisp-smart-coin) | [!['Signatures'](/img/academy/Signatures.png)](https://docs.chia.net/chialisp-signatures) | [!['Inner Puzzles'](/img/academy/InnerPuzzles.png)](https://docs.chia.net/chialisp-inner-puzzle) |
-| ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
+
---
#### Blockchain Basics
-| [!['Consensus'](/img/academy/consensus.png)](https://docs.chia.net/consensus-basics) | [!['Timelords'](/img/academy/timelords.png)](https://docs.chia.net/timelord-basics) | [!['Block Formation'](/img/academy/forming-blocks.png)](https://docs.chia.net/block-formation-basics) | [!['Coin-Set Model'](/img/academy/coin-set.png)](https://docs.chia.net/coinset-basics) |
-| ------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
-| [!['Security'](/img/academy/security.png)](https://docs.chia.net/security-basics) |
+
---
#### Plotting & Farming
-| [!['Farming Overview'](/img/academy/farming-overview.png)](https://docs.chia.net/farming-overview) | [!['Challenges & Plot Filters'](/img/academy/challenges-plot-filters.png)](https://docs.chia.net/challenges-plot-filters) | [!['Pools'](/img/academy/pools.png)](https://docs.chia.net/pools) | [!['Creating Your First Plot'](/img/academy/Intro2Farming.png)](https://docs.chia.net/first-plot) |
-| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
+
---
diff --git a/docusaurus.config.js b/docusaurus.config.js
index a22c3da818..9b0f998afa 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -121,7 +121,7 @@ const katex = require('rehype-katex');
},
{
label: 'Chia Academy',
- to: 'https://docs.chia.net/academy-overview/',
+ to: 'https://docs.chia.net/academy-home/',
},
],
},
diff --git a/src/css/custom.css b/src/css/custom.css
index 38c356b58c..fcb744cb3c 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -65,4 +65,44 @@ figcaption {
html {
scroll-padding-top: 5rem;
+}
+
+
+/* Academy Home Carousel*/
+
+.horizontal-scroll-wrapper {
+ display: block;
+ width: 20px;
+ max-height: 220px;
+ margin: 0;
+ padding-top: 1px;
+}
+
+.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;
+}
+
+.horizontal-scroll > div {
+ display: block;
+ padding: 5px;
+ transform: rotate(90deg) translateX(250px);
+ transform-origin: right top;
+}
+
+.squares {
+ padding: 0 0 0 0;
+}
+
+.squares > div {
+ width: 250px;
+ height: 250px;
+ margin: 10px 0;
}
\ No newline at end of file