diff --git a/src/App.css b/src/App.css index 6a650a5..a682ab3 100644 --- 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 new file mode 100644 index 0000000..4d145b3 Binary files /dev/null and b/src/assets/Mint.png differ diff --git a/src/assets/Pepping_tom.png b/src/assets/Pepping_tom.png new file mode 100644 index 0000000..0c49cea Binary files /dev/null and b/src/assets/Pepping_tom.png differ diff --git a/src/assets/nuin.png b/src/assets/nuin.png new file mode 100644 index 0000000..ada6bf3 Binary files /dev/null and b/src/assets/nuin.png differ diff --git a/src/components/Screens.js b/src/components/Screens.js index ed28970..ab9733c 100644 --- a/src/components/Screens.js +++ b/src/components/Screens.js @@ -6,9 +6,11 @@ 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" @@ -16,6 +18,8 @@ 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!
+
+
+ + pepping_tom + +
+
+

+
{musicstr} Lewein
+
{yearstr} 2023
+
+
+
+
+ + mint + +
+
+

+
{musicstr} Lewein
+
{yearstr} 2023
+
+
@@ -70,10 +98,12 @@ export class Sound extends React.Component {
{yearstr} 2021
-
- - Heat_RDY - +
+
+ + Nu_In + +


{musicstr} Lewein
@@ -91,7 +121,7 @@ export class Sound extends React.Component {
- + Dan_FOX