academy page copy fixes

buidl-labs · Mar 16, 2021 · f07d020 · f07d020
1 parent fdc4914
commit f07d020
Show file tree

Hide file tree

Showing 7 changed files with 88 additions and 17 deletions.
diff --git a/lessons/module/module-00/module-00.mdx b/lessons/module/module-00/module-00.mdx
@@ -5,8 +5,10 @@ next: '/tezos/storyline'
 title: Basics of blockchain
 img: ../../../src/images/bot1.png
 description: |
-  Learn about the blockchain from scratch and the magic that is possible with it. 
+  Learn about the blockchain from scratch and the magic that is possible with it.
+  <br />
   If you’ve no previous experience with Blockchain, I promise, this module will blow your mind. 
+  <br />
   Your first step to becoming a blockchain pro 🚀
 ---
 

diff --git a/lessons/module/module-01/module-01.mdx b/lessons/module/module-01/module-01.mdx
@@ -6,6 +6,7 @@ title: Basics of SmartPy
 img: ../../../src/images/bot2.png
 description: |
   Put your new-found blockchain knowledge to use and learn how write your first smart contract, yippee!
+  <br />
   You’ll build your own Cryptobot which can shoot bullets and fight aliens  🤖🔥
 ---
 👽 The alien invasion is here! 👽

diff --git a/lessons/module/module-02/module-02.mdx b/lessons/module/module-02/module-02.mdx
@@ -5,7 +5,11 @@ next: /tezos/lesson/module-02/chapter-01
 title: Inter-contract calling
 img: ../../../src/images/bot3.png
 description: |
-  A new threat is incoming, a dangerous and viscious wave of aliens. Your Cryptobot is not equipped to fight this alone. Let’s buy some bad-a$$ powerups from the market and learn inter-contract calling on the way! 🛒☄️
+  A new threat is incoming, a dangerous and viscious wave of aliens.
+  <br />
+  Your Cryptobot is not equipped to fight this alone. 
+  <br />
+  Let’s buy some bad-a$$ powerups from the market and learn inter-contract calling on the way! 🛒☄️
 ---
 You managed to fend off the first wave of alien invasion.
 But, there's a wave of nastier and meaner aliens right around the corner.

diff --git a/lessons/module/module-03/module-03.mdx b/lessons/module/module-03/module-03.mdx
@@ -5,7 +5,7 @@ next: /tezos/lesson/module-03/chapter-01
 title: FA2 Tokens
 img: ../../../src/images/bot4.png
 description: |
-  Create your own civilization - currency, workforce and all! 
+  Create your own civilization - currency, workforce and all! <br />
   In this module you’ll learn so much about tokens, different types of tokens, how to create your own and so much more. 💵⚙️
 ---
 The aliens have been blown to smithereens.

diff --git a/lessons/module/module-04/module-04.mdx b/lessons/module/module-04/module-04.mdx
@@ -5,7 +5,8 @@ next: /tezos/lesson/module-04/chapter-01
 title: Taquito
 img: ../../../src/images/bot5.png
 description: |
-  Now that you have all the building blocks ready, it’s time to put them all together! Let’s learn how to interact with smart contracts on the Tezos blockchain through the Javascript library, Taquito. 🚀🌍
+  Now that you have all the building blocks ready, it’s time to put them all together! <br />
+  Let’s learn how to interact with smart contracts on the Tezos blockchain through the Javascript library, Taquito. 🚀🌍
 ---
 Well, you've managed to create a currency for your society.
 But what if, the whole universe could access and trade in your currency?

diff --git a/src/pages/tezos/academy/index.js b/src/pages/tezos/academy/index.js
@@ -29,7 +29,7 @@ const CourseCard = ({ m, i, progress }) => {
             p > 0 ? 'bg-primary-600' : 'bg-base-400'
           } text-white flex items-center justify-center text-2xl mr-14 flex-none`}
         >
-          {i + 1}
+          {i}
         </div>
       )}
 
@@ -44,7 +44,10 @@ const CourseCard = ({ m, i, progress }) => {
         </div>
         <div className={`my-auto`}>
           <h2 className={`font-black text-5xl my-1`}>{m.frontmatter.title}</h2>
-          <p className={`text-lg pr-9`}>{m.frontmatter.description}</p>
+          <p
+            className={`text-lg pr-9`}
+            dangerouslySetInnerHTML={{ __html: m.frontmatter.description }}
+          />
           {p > 0 && (
             <h3 className={`text-success-500 text-3xl mt-4 font-black`}>
               {p}% complete
@@ -96,6 +99,7 @@ const CurriculumOverview = ({
     allMdx: { nodes: modules },
   },
 }) => {
+  const linkClasses = useMemo(() => `text-primary-300`, []);
   const progress = useMemo(() => {
     let p =
       typeof window != 'undefined' &&
@@ -114,16 +118,58 @@ const CurriculumOverview = ({
           <h1 className={`text-6xl font-black heading-glow`}>
             Welcome to Academy
           </h1>
-          <p className={`mt-6 text-2xl`}>
-            Get started on your journey of becoming a blockchain pro. Learn how
-            to code decentralized apps on the Tezos blockchain using SmartPy and
-            how to interact with smart contracts using the Taquito javascript
-            library.
+          <div className={`mt-6 text-2xl`}>
+            <p>Get started on your journey of becoming a blockchain pro 🤘</p>
+            <p className={`mt-2`}>
+              Learn how to code{' '}
+              <Link
+                to="/tezos/academy/module-0/chapter-05"
+                className={linkClasses}
+              >
+                decentralized apps
+              </Link>{' '}
+              on the{' '}
+              <a
+                href="https://tezos.com/"
+                target="_blank"
+                className={linkClasses}
+              >
+                Tezos blockchain
+              </a>{' '}
+              using{' '}
+              <a
+                href="https://smartpy.io/"
+                target="_blank"
+                className={linkClasses}
+              >
+                SmartPy
+              </a>{' '}
+              and how to interact with{' '}
+              <Link
+                to="/tezos/academy/module-0/chapter-04"
+                className={linkClasses}
+              >
+                smart contracts
+              </Link>{' '}
+              using the{' '}
+              <a
+                href="https://tezostaquito.io/"
+                target="_blank"
+                className={linkClasses}
+              >
+                Taquito
+              </a>{' '}
+              javascript library.
+            </p>
             <p className={`mt-4`}>
               You’ll build your own Cryptobot, fight aliens, create your own
               currency, and so much more exciting stuff ✨
             </p>
-          </p>
+            <p className={`mt-2`}>
+              I know, it can sound like too much. But don't worry, we'll take
+              you through this step-by-step ❤️
+            </p>
+          </div>
         </div>
         <ul className={`my-12 space-y-12 relative`}>
           {modules.map((m, i) => (

diff --git a/src/pages/tezos/index.js b/src/pages/tezos/index.js
@@ -30,7 +30,10 @@ const FeatureGrid = ({
         <h1 className="sm:text-5xl text-3xl mb-3 font-black text-white heading-glow">
           {heading}
         </h1>
-        <p className="text-base-50 text-base mb-6">{subtext}</p>
+        <div
+          className="text-base-50 text-base mb-6"
+          dangerouslySetInnerHTML={{ __html: subtext }}
+        />
 
         <Link
           className={`py-3 px-9 text-xl border-primary-600 border-2 hover:border-primary-700 text-white font-bold rounded focus:outline-none`}
@@ -145,7 +148,7 @@ function Landing() {
               </p>
               <p>
                 You'll build your own Cryptobot and then an army of them to
-                fight in the Cryptoverse Wars.
+                fight in the Cryptoverse Wars ⚔️
               </p>
             </div>
             <div className="flex justify-center">
@@ -218,8 +221,12 @@ function Landing() {
           </div>
           <FeatureGrid
             heading="Create your own currency!"
-            subtext="Learn how to create apps on the Tezos blockchain through our exciting
-          course. You even learn how to make your own currency 🤑"
+            subtext={`
+            <p>
+              Learn how to create apps on the Tezos blockchain through our exciting course. 
+          </p>
+          <p>You even learn how to make your own currency 🤑</p>
+            `}
             buttontext="Become a Blockchain Pro "
             video={createCurrency}
             videoType="webm"
@@ -228,7 +235,17 @@ function Landing() {
           />
           <FeatureGrid
             heading="Earn while you learn!"
-            subtext="Join the Cryptobot clan by winning your unique Cryptobot as NFT's and earn real money by trading with others in our marketplace! Major throwback to the  pokémon cards trading era ⚡️"
+            subtext={`
+              <p>
+                Join the Cryptobot clan by winning your unique Cryptobot as NFT's!!! 
+              </p>
+              <p>
+                Earn real money by trading with others in our marketplace!
+              </p>
+              <p>
+                Major throwback to the  pokémon cards trading era ⚡️
+              </p>
+            `}
             buttontext="Explore mind-blowing Cryptobots"
             video={earnWhileYouLearn}
             videoType="mp4"