Get ready for prod

uwu-labs · Jan 16, 2024 · 3b9f788 · 3b9f788
1 parent f8590b5
commit 3b9f788
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 8 deletions.
diff --git a/src/assets/team/derivatives/cucu.jpg b/src/assets/team/derivatives/cucu.jpg
diff --git a/src/components/Blog.css b/src/components/Blog.css
@@ -49,6 +49,7 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  transition: transform 0.3s ease-in-out;
 }
 
 .blog-post:hover {

diff --git a/src/components/Browse.tsx b/src/components/Browse.tsx
@@ -162,7 +162,14 @@ const Browse = () => {
                   style={style}
                 >
                   <img className="browse-image" src={image} alt="uwu" />
-                  <div className="browse-image-credit">{artists[uwuIndex-1]}</div>
+                  <a 
+                    href={`https://twitter.com/${artists[uwuIndex-1]}`}
+                    target="_blank" 
+                    rel="noopener noreferrer" 
+                    className="browse-image-credit"
+                  >
+                    {artists[uwuIndex-1]}
+                  </a>
                 </div>
               );
             })

diff --git a/src/components/Team.tsx b/src/components/Team.tsx
@@ -21,6 +21,7 @@ import omarDeriv from "../assets/team/derivatives/omar.png";
 import dannyDeriv from "../assets/team/derivatives/danny.png";
 import ninesDeriv from "../assets/team/derivatives/nines.png";
 import julesDeriv from "../assets/team/derivatives/jules.png";
+import cucuDeriv from "../assets/team/derivatives/cucu.jpg";
 import catinkleinsDeriv from "../assets/team/derivatives/catinkleins.png";
 
 import twitter from "../assets/socials/team/twitter.svg";
@@ -107,6 +108,8 @@ const members: TeamMemberType[] = [
     image: cucurbit,
     twitter: "https://twitter.com/PiperCucu",
     foundation: "https://foundation.app/@milky.eth",
+    deriv: cucuDeriv,
+    derivArtist: "@hj_36_"
   },
   {
     name: "CatInKleins",
@@ -197,9 +200,14 @@ const Team = () => {
                   {member.deriv ? (
                     <div className="team-member-image-overlay">
                       <img src={member.deriv} alt={member.derivArtist} />
-                      <div className="team-member-image-overlay-credit">
+                      <a 
+                        href={`https://twitter.com/${member.derivArtist}`} 
+                        target="_blank" 
+                        rel="noopener noreferrer" 
+                        className="team-member-image-overlay-credit"
+                      >
                         {member.derivArtist}
-                      </div>
+                      </a>
                     </div>
                   ) : (
                     <div className="team-member-image-overlay">

diff --git a/src/components/Why.tsx b/src/components/Why.tsx
@@ -37,14 +37,28 @@ const Why = () => {
               alt="uwu"
               className={`why-fixed-image ${image == 2 ? "why-active" : ""}`}
             />
-            <div className="why-image-credit">{imageCredits[image]}</div>
+            <a 
+              href={`https://twitter.com/${imageCredits[image]}`} 
+              target="_blank" 
+              rel="noopener noreferrer" 
+              className="why-image-credit"
+            >
+              {imageCredits[image]}
+            </a>
           </div>
         </div>
         <div className="why-content">
           <h1 className="why-header">Why uwucrew?!</h1>
           <div className="why-image-container">
             <img className="why-image" src={uwu1} alt="uwu" />
-            <div className="why-image-credit">{imageCredits[0]}</div>
+            <a 
+              href={`https://twitter.com/${imageCredits[0]}`} 
+              target="_blank" 
+              rel="noopener noreferrer" 
+              className="why-image-credit"
+            >
+              {imageCredits[0]}
+            </a>
           </div>
           <h2 className="why-sub-header">Uniting the world, through art 🌏</h2>
           <p className="why-text">
@@ -53,7 +67,14 @@ const Why = () => {
           </p>
           <div className="why-image-container">
             <img className="why-image" src={uwu2} alt="uwu" />
-            <div className="why-image-credit">{imageCredits[1]}</div>
+            <a 
+              href={`https://twitter.com/${imageCredits[1]}`} 
+              target="_blank" 
+              rel="noopener noreferrer" 
+              className="why-image-credit"
+            >
+              {imageCredits[1]}
+            </a>
           </div>
           <h2 className="why-mid-sub-header">
             Join The Anime Art Revolution! 🚀
@@ -64,7 +85,14 @@ const Why = () => {
           </p>
           <div className="why-image-container">
             <img className="why-image" src={uwu3} alt="uwu" />
-            <div className="why-image-credit">{imageCredits[2]}</div>
+            <a 
+              href={`https://twitter.com/${imageCredits[2]}`} 
+              target="_blank" 
+              rel="noopener noreferrer" 
+              className="why-image-credit"
+            >
+              {imageCredits[2]}
+            </a>
           </div>
           <h2 className="why-mid-sub-header">Enter... the uwuminati 😎</h2>
           <p className="why-text">

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -33,7 +33,7 @@ const { title } = Astro.props;
       siteName={'uwucrew'}
       title={'Welcome to uwucrew!'}
       description={'Immerse yourself into the future of anime art ✨ Become part of a global effort to empower creativity 🎨🌈'}
-      image={'og-image.jpg'}
+      image={'/og-image.jpg'}
       favicon={'/favicon.ico'}
       author="uwucrew"
       astroSitemap={true}