feat: add two projects

icydigital · Jan 18, 2024 · c3a928c · c3a928c
1 parent 6f1d679
commit c3a928c
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 7 deletions.
diff --git a/src/App.css b/src/App.css
@@ -183,6 +183,17 @@
   width: 450px;
 }
 
+.soundProjectListContainerNuin {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  -ms-flex: auto;
+  -webkit-box-flex: auto;
+  flex: auto; 
+  margin: .5vw; 
+  width: 450px;
+}
+
 .soundProjectDescription {
   display: flex;
   flex-direction: column;
@@ -197,10 +208,18 @@
   background-color: #000000;
 }
 
+.soundProjectNuin {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  background-color: #000000;
+  /* background-color: #f0f0f0;   */
+}
+
 .soundPic {
   display: flex;
   width: 100%; 
-  height: auto; 
+  height: 100%; 
 }
 
 @media screen and (max-width: 450px) {

diff --git a/src/assets/Mint.png b/src/assets/Mint.png
diff --git a/src/assets/Pepping_tom.png b/src/assets/Pepping_tom.png
diff --git a/src/assets/nuin.png b/src/assets/nuin.png
diff --git a/src/components/Screens.js b/src/components/Screens.js
@@ -6,16 +6,20 @@ import {
 import allforyou from "../assets/All_for_you.png"
 import danfox from "../assets/Dan_FOX.png"
 import guidomaria from "../assets/Guido_Maria.png"
-import nuin from "../assets/Heat_RDY.png"
+import nuin from "../assets/nuin.png"
 import champion from "../assets/Champion.png"
 import nikedance from "../assets/Nike_Dance.png"
+import peppingtom from "../assets/Pepping_tom.png"
+import mint from "../assets/Mint.png"
 
 const allforyouUrl = "https://www.youtube.com/watch?v=83GRQvemCyo&t=7s"
 const danfoxUrl = "https://www.youtube.com/watch?v=Pi4An155Pvs"
 const guidomariaUrl = "https://www.youtube.com/watch?v=InpAW63xues"
 const nikedanceUrl = "https://www.instagram.com/p/CwhOFpxsXZR/?hl=en"
 const championUrl = "https://www.youtube.com/watch?v=yIsxfAKoTA8"
 const nuinUrl = "https://www.youtube.com/watch?v=I1eliCfl8GE"
+const peppingtomUrl = "https://www.instagram.com/p/C1uZii1AkRq/"
+const mintUrl = "https://www.instagram.com/p/CxIvrdkMGs6/"
 
 const yearstr = "year:"
 const musicstr = "music:"
@@ -36,6 +40,30 @@ export class Sound extends React.Component {
           Contact me now and let's bring your vision to life!
         </div>
         <div className="col2">
+          <div className="soundProjectListContainerChampion">
+            <div className="soundProject">
+              <a className="soundProjectLink" href={peppingtomUrl} target="_blank" rel="noreferrer">
+                <img className="soundPic" src={peppingtom} alt="pepping_tom"/>
+              </a>
+            </div>
+            <div className="soundProjectDescription">
+              <br></br>
+              <div>{musicstr} Lewein</div>
+              <div>{yearstr} 2023</div>
+            </div>            
+          </div>
+          <div className="soundProjectListContainerChampion">
+            <div className="soundProject">
+              <a className="soundProjectLinkLast" href={mintUrl} target="_blank" rel="noreferrer">
+                <img className="soundPic" src={mint} alt="mint"/>
+              </a>
+            </div>
+            <div className="soundProjectDescription">
+              <br></br>
+              <div>{musicstr} Lewein</div>
+              <div>{yearstr} 2023</div>
+            </div>            
+          </div>
           <div className="soundProjectListContainer">
             <div className="soundProject">
               <a className="soundProjectLink" href={nikedanceUrl} target="_blank" rel="noreferrer">
@@ -70,10 +98,12 @@ export class Sound extends React.Component {
               <div>{yearstr} 2021</div>
             </div>  
           </div>
-          <div className="soundProjectListContainer">
-            <a className="soundProjectLink" href={nuinUrl} target="_blank" rel="noreferrer">
-              <img className="soundPic" src={nuin} alt="Heat_RDY"/>
-            </a>
+          <div className="soundProjectListContainerNuin">
+            <div className="soundProjectNuin">
+              <a className="soundProjectLink" href={nuinUrl} target="_blank" rel="noreferrer">
+                <img className="soundPic" src={nuin} alt="Nu_In"/>
+              </a>
+            </div>
             <div className="soundProjectDescription">
               <br></br>
               <div>{musicstr} Lewein</div>
@@ -91,7 +121,7 @@ export class Sound extends React.Component {
             </div>              
           </div>
           <div className="soundProjectListContainer">
-            <a className="soundProjectLinkLast" href={danfoxUrl} target="_blank" rel="noreferrer">
+            <a className="soundProjectLink" href={danfoxUrl} target="_blank" rel="noreferrer">
               <img className="soundPic" src={danfox} alt="Dan_FOX"/>
             </a>
             <div className="soundProjectDescription">