feat: add code to get Udemy course for FREE 🤑 (#9)

mateuszsokola · Jan 10, 2024 · e054153 · e054153
1 parent cec7db7
commit e054153
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -30,6 +30,22 @@ export default function Home() {
       <main>
         <Board />
       </main>
+      <div>
+        <h2>
+          🚀 Unlock the Code: <span>Build Your Own 2048 Game!</span>
+        </h2>
+        <p>
+          Be one of the <i>first 100 users</i> to{" "}
+          <a
+            href="https://www.udemy.com/course/2048-in-react-and-nextjs/?couponCode=2048FREE"
+            target="_blank"
+            rel="noopener"
+          >
+            join my Udemy course
+          </a>{" "}
+          and create your 2048 masterpiece for FREE with code <b>2048FREE</b>.
+        </p>
+      </div>
       <footer>
         <div className={styles.socials}>
           <a

diff --git a/styles/globals.css b/styles/globals.css
@@ -32,16 +32,40 @@ body {
   line-height: calc(var(--pixel-size) * 3.5);
 }
 
+a {
+  color: var(--primary-text-color);
+  font-weight: bold;
+}
+
+a:hover,
+a:focus {
+  opacity: 0.8;
+}
+
 h1 {
   font-size: calc(var(--pixel-size) * 5);
   line-height: calc(var(--pixel-size) * 5);
   margin: calc(var(--pixel-size) * 1.5) calc(var(--pixel-size) * 0);
 }
 
+h2 {
+  font-size: calc(var(--pixel-size) * 2.5);
+  line-height: calc(var(--pixel-size) * 3.75);
+  margin: calc(var(--pixel-size) * 2.5) calc(var(--pixel-size) * 0);
+}
+
+h2 > span {
+  display: block;
+}
+
 @media (min-width: 512px) {
   h1 {
     font-size: calc(var(--pixel-size) * 8.5);
     line-height: calc(var(--pixel-size) * 8.5);
     margin: calc(var(--pixel-size) * 2.25) calc(var(--pixel-size) * 0);
   }
+
+  h2 > span {
+    display: inline;
+  }
 }