Copy fixes

lessons/module/module-00/module-00.mdx

@@ -5,15 +5,21 @@ 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. 
-  If you’ve no previous experience with Blockchain, I promise, this module will blow your mind. 
-  Your first step to becoming a blockchain pro 🚀
+  <p class="mt-3">
+    Learn about the blockchain from scratch and the magic that is possible with it.
+  </p>
+  <p class="mt-3">
+    If you’ve no previous experience with Blockchain, I promise, this module will blow your mind. 
+  </p>
+  <p class="mt-3">
+    Your first step to becoming a blockchain pro 🚀
+  </p>
 ---
 
-So much is getting built on blockchain, for a better future; 
+So much is getting built on blockchain, for a better future;
 
 We know blockchain can be tough to wrap your head around, but we got you! Become a part of the revolution by understanding the ideas behind blockchain through this simple module.
 
 It is both an intro to blockchain, and a glimpse into the future ⚡️
 
-Oh, and you get your very own kick-a$$ `Cryptobot` at the end of this module 🤖
+Oh, and you get your very own kick-a\$\$ `Cryptobot` at the end of this module 🤖

lessons/module/module-01/module-01.mdx

@@ -5,16 +5,20 @@ next: '/tezos/storyline'
 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!
-  You’ll build your own Cryptobot which can shoot bullets and fight aliens  🤖🔥
+  <p class="mt-3">
+  Put your new-found blockchain knowledge to use and learn how to write your first smart contract, yippee!
+  </p>
+  <p class="mt-3">
+  You’ll build your Cryptobot which can shoot bullets and fight aliens  🤖🔥
+  </p>
 ---
+
 👽 The alien invasion is here! 👽
 At the starting of your journey, the school bestows upon you a
 unique gem. This gem, when inserted into the chest of any
 cryptobot, gives the cryptobot alien-killing cosmic superpowers!
 🤖+ 💎 = 🤖++
 
-
 Your mission is to build and assemble the cryptobot from scratch
-and then use use the gem to power your cryptobot to battle the
+and then use the gem to power your cryptobot to battle the
 incoming alien invasion!

lessons/module/module-02/module-02.mdx

@@ -5,8 +5,17 @@ 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! 🛒☄️
+  <p class="mt-3">
+    A new threat is incoming, a dangerous and vicious wave of aliens.
+  </p>
+  <p class="mt-3">
+    Your Cryptobot is not equipped to fight this alone. 
+  </p>
+  <p class="mt-3">
+    Let’s buy some bad-a$$ powerups from the market and learn inter-contract calling on the way! 🛒☄️
+  </p>
 ---
+
 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.
 

lessons/module/module-03/module-03.mdx

@@ -5,17 +5,20 @@ next: /tezos/lesson/module-03/chapter-01
 title: FA2 Tokens
 img: ../../../src/images/bot4.png
 description: |
-  Create your own civilization - currency, workforce and all! 
-  In this module you’ll learn so much about tokens, different types of tokens, how to create your own and so much more. 💵⚙️
+  <p class="mt-3">
+  Create your own civilization - currency, workforce, and all! </p>
+  <p class="mt-3">
+  In this module, you’ll learn so much about tokens, different types of tokens, how to create your own and so much more. 💵⚙️ </p>
 ---
+
 The aliens have been blown to smithereens.
 
-You did it young warrior, with your technical prowess you've managed to save this world of grave danger.
+You did it, young warrior, with the technical prowess you've managed to save this world of grave danger.
 
-But, the war has left the current world in shatters. 
-No system, no society, no government in place. All is gone. 
+But, the war has left the current world in shatters.
+No system, no society, no government in place. All is gone.
 
-The responsibility is yours to give the new-world a structure and build a society of your own! 
-A new society, where tokens running on blockchain are the de-facto currency and Cryptobots are the labor reserve.
+The responsibility is yours to give the new-world a structure and build a society of your own!
+A new society, where tokens running on the blockchain are the de-facto currency and Cryptobots are the labor reserve.
 
 In this lesson, let's make our own tokens!

lessons/module/module-04/module-04.mdx

@@ -5,11 +5,14 @@ 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. 🚀🌍
+  <p class="mt-3">
+  Now that you have all the building blocks ready, it’s time to put them all together! </p><p class="mt-3">
+  Let’s learn how to interact with smart contracts on the Tezos blockchain through the Javascript library, Taquito. 🚀🌍</p>
 ---
+
 Well, you've managed to create a currency for your society.
 But what if, the whole universe could access and trade in your currency?
 
 Solution? Originate the contract for your currency on the inter-galactic blockchain, Tezos.
 
-In this lesson, we'll originate contracts through **Taquito**, and interact with a contract that has been originated on the blockchain.
+In this lesson, we'll originate contracts through **Taquito**, and interact with a contract that has been originated on the blockchain.

src/components/NavBar/index.js

@@ -107,7 +107,7 @@ function NavBar(props) {
       >
         <div className="inline-flex justify-center items-center">
           <div
-            className="mr-2 w-8 h-8 rounded-full inline-flex items-center justify-center"
+            className="mr-2 w-8 h-8 flex-shrink-0 rounded-full inline-flex items-center justify-center"
             style={{
               color: 'rgba(245,158,11,1)',
               background: 'rgba(245,158,11,0.3)',
@@ -117,11 +117,8 @@ function NavBar(props) {
           </div>
           <div>
             <p className="text-sm ">
-              Cryptoverse Wars is currently on Testnet. You will lose all the
-              chapter progress & cryptobots when we will shift to Mainnet.
-              <span className="ml-1 font-bold">
-               Please proceed in discretion.
-              </span>
+              Cryptoverse Wars is currently on Edo2 testnet. You will lose all
+              your Cryptobots when we will shift to Tezos mainnet.
             </p>
           </div>
         </div>

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 mt-6`}
+            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 ✨
+              You’ll build your Cryptobot, fight aliens, create your currency,
+              and so much more exciting stuff ✨
+            </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>
-          </p>
+          </div>
         </div>
         <ul className={`my-12 space-y-12 relative`}>
           {modules.map((m, i) => (

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`}
@@ -133,13 +136,20 @@ function Landing() {
             <h1 className="sm:text-7xl text-4xl mb-4 text-white font-black heading-glow">
               Learn to code on the blockchain, the fun way!
             </h1>
-            <p className="mb-8 leading-relaxed text-base-50">
-              Blockchain is all the hype these days, but learning blockchain can
-              be tough! We've got you covered with our fun and free course,
-              which will take you from a noob to blockchain pro in matter of a
-              few hours and build your own Cryptobot and then an army of them to
-              fight in the Cryptoverse Wars.
-            </p>
+            <div className="mb-8 leading-relaxed text-base-50">
+              <p>
+                Blockchain is all the hype these days, but learning blockchain
+                can be tough 😢
+              </p>
+              <p className={`mt-2`}>
+                We've got you covered with our fun and free course, which will
+                take you from a noob to blockchain pro in a quick few hours 🥳
+              </p>
+              <p>
+                You'll build your Cryptobot and then an army of them to fight in
+                the Cryptoverse Wars ⚔️
+              </p>
+            </div>
             <div className="flex justify-center">
               <Link
                 to="/tezos/academy"
@@ -161,17 +171,38 @@ function Landing() {
               <h1 className="sm:text-7xl text-4xl mb-3 font-black text-white">
                 With blockchain, build better finance.
               </h1>
-              <p className="text-base-50 text-lg">
-                A kid under 18 years can’t get a personal bank account, you
-                can’t transfer money from one continent to another without the
-                hassle of high bank fee, you can’t invest in companies without
-                putting in all your details. What if we told you, all that and
-                more is possible on the blockchain.
-                <br /> So much in finance is getting built on top of blockchain
-                in the DeFi sector and just in 2020 alone, Crypto’s market has
-                grown by a frickin’ 5x. <br />
-                Learn how to code on the blockchain, now’s the right time!
-              </p>
+              <div className="text-base-50 text-lg">
+                <ul className={`space-y-2 mb-4 list-disc`}>
+                  <li>
+                    A kid under 18 years can’t get a personal bank account.
+                  </li>
+                  <li>
+                    You can’t transfer money from one continent to another
+                    without the hassle of a high bank fee
+                  </li>
+                  <li>
+                    You can’t invest in companies without giving away all your
+                    details.
+                  </li>
+                </ul>
+                <p>
+                  What if we told you, all that and more is possible on the
+                  blockchain 🦄
+                </p>
+                <p>
+                  So much in finance is getting built on top of the blockchain
+                  💰
+                </p>
+                <p>
+                  Just in 2020 alone, Crypto’s market has grown by a frickin’
+                  5x.
+                </p>
+                <p
+                  className={`text-xl text-primary-400 font-black mt-4 heading-glow`}
+                >
+                  Learn how to code on the blockchain, now’s the right time!
+                </p>
+              </div>
             </div>
           </div>
           <div className="col-span-2 h-full w-full">
@@ -189,9 +220,13 @@ function Landing() {
             </h1>
           </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 🤑"
+            heading="Create your 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 currency 🤑</p>
+            `}
             buttontext="Become a Blockchain Pro "
             video={createCurrency}
             videoType="webm"
@@ -200,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"

src/templates/overview.js

@@ -86,7 +86,7 @@ function LessonsOverview({ data: { mdx: module } }) {
         <header className={`px-30 pt-6 text-white`}>
           <Link
             to="/tezos/academy"
-            className={`inline-flex items-center text-lg text-base-50 hover:no-underline`}
+            className={`inline-flex items-center  text-white border border-base-600 hover:no-underline bg-base-800 rounded px-3 py-3`}
           >
             <ChevronLeftIcon className={`h-6 w-6 mr-3`} />
             Back to Modules