add rarible link

realvjy · May 17, 2021 · 483f6f5 · 483f6f5
1 parent bb44c16
commit 483f6f5
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 0 deletions.
diff --git a/src/components/featured.js b/src/components/featured.js
@@ -52,6 +52,12 @@ const Featured = () => {
   return (
     <section className="illus chris">
       <div className="container">
+        <div className="promotion">
+          <a href="https://rarible.com/realvjy">
+            <img src="nft-illlustrations.jpg" className="web-promo"/>
+            <img src="nft-illlustrations-mobile.jpg" className="mobile-promo"/>
+          </a>
+        </div>
         <div className="title">
           <h1>20 New Illustrations</h1>
         </div>

diff --git a/src/components/layout.scss b/src/components/layout.scss
@@ -975,3 +975,31 @@ footer{
     }
   }
 }
+
+.promotion{
+  padding: 24px 20px;
+  a{
+    transition: all ease 0.2s;
+    .web-promo{
+      @media (max-width: $mobile-landscape){
+          display: none;
+      }
+    }
+    .mobile-promo{
+      display: none;
+      @media (max-width: $mobile-landscape){
+          display: block;
+      }
+    }
+    img{
+      width: 100%;
+      border-radius: 12px;
+    }
+    &:hover{
+      img{
+        transform: scale3d(1.01,1.01,1.01);
+      }
+    }
+  }
+
+}
diff --git a/static/nft-illlustrations-mobile.jpg b/static/nft-illlustrations-mobile.jpg
diff --git a/static/nft-illlustrations.jpg b/static/nft-illlustrations.jpg