generated from sweetmantech/DACIRKUS_PERFORMERS
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #31 from SweetmanTech/test
Test
- Loading branch information
Showing
27 changed files
with
443 additions
and
228 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| import Draggable from "react-draggable" | ||
| import { useRouter } from "next/router" | ||
| import { motion } from "framer-motion" | ||
| import Icon from "./Icon" | ||
|
|
||
| const DraggableModal = ({ children, href, handleClose, isVisible }) => { | ||
| const router = useRouter() | ||
|
|
||
| const handleExpand = () => { | ||
| handleClose() | ||
| router.push(href) | ||
| } | ||
|
|
||
| return ( | ||
| <div | ||
| className="fixed z-[9999] flex justify-center items-center | ||
| left-0 top-0 w-screen h-screen" | ||
| > | ||
| {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */} | ||
| <div | ||
| className="w-full h-full | ||
| absolute left-0 top-0 z-[1]" | ||
| onClick={handleClose} | ||
| /> | ||
| <Draggable scale={1} bounds="parent"> | ||
| <div className="w-[90%] md:w-[50%] h-[50%] relative z-[1000]"> | ||
| <motion.div | ||
| className="flex flex-col bg-black | ||
| h-full w-full | ||
| px-[20px] pt-[5px] pb-[20px]" | ||
| animate={{ | ||
| opacity: isVisible ? 1 : 0, | ||
| scale: isVisible ? 1 : 0.5, | ||
| }} | ||
| initial={{ | ||
| opacity: 0, | ||
| scale: 0.5, | ||
| }} | ||
| transition={{ | ||
| duration: 0.2, | ||
| }} | ||
| > | ||
| <div className="flex justify-start py-[5px] gap-x-[20px]"> | ||
| <div className="flex items-center gap-x-[5px]"> | ||
| <button type="button" onClick={handleClose} onTouchStart={handleClose}> | ||
| <Icon name="close" className="text-gray_1" size={20} /> | ||
| </button> | ||
| <button type="button" onClick={handleExpand} onTouchStart={handleExpand}> | ||
| <Icon name="expand" className="text-gray_1" size={20} /> | ||
| </button> | ||
| </div> | ||
| <div className="flex-grow flex flex-col gap-y-[8px] justify-center"> | ||
| <div className="w-full h-[1.5px] bg-gray" /> | ||
| <div className="w-full h-[1.5px] bg-gray" /> | ||
| </div> | ||
| </div> | ||
| <div className="h-[calc(100%-35px)]">{children}</div> | ||
| </motion.div> | ||
| </div> | ||
| </Draggable> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default DraggableModal |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,89 @@ | ||
| import RecBar from "../../RecBar" | ||
| import Icon from "../../Core/Icon" | ||
|
|
||
| const AboutContent = () => ( | ||
| <div className="p-[5px] md:p-[10px] border-[2px] border-gray_1 h-full"> | ||
| <div | ||
| className="border-[1px] border-darkgray text-gray_1 font-dresden | ||
| py-[25px] text-center | ||
| flex items-center justify-center text-[16px] relative h-full | ||
| text-[12px] md:text-[16px]" | ||
| > | ||
| <div | ||
| className="h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px] | ||
| px-[15px] md:px-[20px] flex flex-col gap-y-[5px] md:gap-y-[20px]" | ||
| > | ||
| <p> | ||
| {` Heno. is a true trailblazer of the music industry, boasting a plethora of talents as an | ||
| artist, producer, engineer, community organizer, and Web3 builder. Notably, Heno. has been | ||
| recognized as an "early innovator" in Web3 by Fortune Mag, while COLORS have praised his | ||
| "hard-hitting and powerful aesthetic." Heno. has carved a unique and hybrid role in the | ||
| music industry, simultaneously disrupting both the Web3 space and traditional music world.`} | ||
| </p> | ||
| <p> | ||
| {`Hailing from Takoma Park, Maryland, as a first-generation Ethiopian-Eritrean artist, Heno. | ||
| uses his art and music to tell intentional and impactful stories, finding comfort within | ||
| uncomfortable conversations. With an impressive roster of collaborators including Mick | ||
| Jenkins, JPEGMAFIA, Chaz Bear (Toro Y Moi) just to name a few, Heno. has proven his | ||
| versatility as an artist. Heno.'s recently released the anticipated video for his track | ||
| "Neybors" that has gained popularity, hitting over 3 million streams & continuing to grow. | ||
| The track has been well-received by audiences in 2023 & had earned Heno. top ten spots on | ||
| Spotify's Mellow Bars & Alternative Hip Hop playlists - not to mention performing the | ||
| record at Coachella this year & being the first music artist to ever mint Coachella | ||
| footage onchain.`} | ||
| </p> | ||
| <p> | ||
| {`"Neybors" is the first single from Heno.'s forthcoming concept album "I'm Tired of Being | ||
| Hypersurveilled" set to release in January 2024. Heno. speaks to his exhaustion with the | ||
| oppressive & all encompassing nature of surveillance by using personal experience & world | ||
| building to have universal conversations. This record is a part of a multi-hyphenate media | ||
| experience that includes a pixel arcade game, a VR world built in Unreal Engine, a short | ||
| film, + full length music album with features like Mick Jenkins, Elujay, Felix! & more. | ||
| "Neybors" is on the lighter side of surveillance however the music further explores how | ||
| surveillance affects all of us in a myriad of ways & why Heno. is tired of it.`} | ||
| </p> | ||
| <div className="w-full flex items-center justify-center gap-x-[5px] pt-[10px] md:hidden"> | ||
| <a | ||
| href="https://open.spotify.com/artist/3mr6jeVpPIXBp8IMMb60aD" | ||
| target="_blank" | ||
| rel="noreferrer" | ||
| > | ||
| <Icon name="spotify" color="white" raw size={16} /> | ||
| </a> | ||
| <a href="https://tidal.com/browse/artist/9582021" target="_blank" rel="noreferrer"> | ||
| <Icon name="tidal" color="white" raw size={16} /> | ||
| </a> | ||
| <a | ||
| href="https://music.apple.com/us/artist/heno/1352075132" | ||
| target="_blank" | ||
| rel="noreferrer" | ||
| > | ||
| <Icon name="apple" color="white" raw size={16} /> | ||
| </a> | ||
| <a href="https://soundcloud.com/mynameisheno" target="_blank" rel="noreferrer"> | ||
| <Icon name="soundcloud" color="white" raw size={16} /> | ||
| </a> | ||
| <a | ||
| href="https://www.youtube.com/channel/UC3cM8JX39gmiNi7vSQX9KXQ" | ||
| target="_blank" | ||
| rel="noreferrer" | ||
| > | ||
| <Icon name="youtube" color="white" raw size={16} /> | ||
| </a> | ||
| <a href="https://www.facebook.com/mynameisheno/" target="_blank" rel="noreferrer"> | ||
| <Icon name="facebook" color="white" raw size={16} /> | ||
| </a> | ||
| <a href="https://www.instagram.com/mynameisheno/?hl=en" target="_blank" rel="noreferrer"> | ||
| <Icon name="instagram" color="white" raw size={16} /> | ||
| </a> | ||
| <a href="https://twitter.com/mynameisheno?lang=en" target="_blank" rel="noreferrer"> | ||
| <Icon name="twitter" color="white" raw size={16} /> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <RecBar /> | ||
| </div> | ||
| </div> | ||
| ) | ||
|
|
||
| export default AboutContent |
Oops, something went wrong.