diff --git a/public/albumcovers/flesh-gojira.jpeg b/public/albumcovers/flesh-gojira.jpeg new file mode 100644 index 0000000..ed20897 Binary files /dev/null and b/public/albumcovers/flesh-gojira.jpeg differ diff --git a/public/albumcovers/fortitude-gojira.jpeg b/public/albumcovers/fortitude-gojira.jpeg new file mode 100644 index 0000000..236e745 Binary files /dev/null and b/public/albumcovers/fortitude-gojira.jpeg differ diff --git a/public/albumcovers/magma-gojira.jpeg b/public/albumcovers/magma-gojira.jpeg new file mode 100644 index 0000000..cc92c5e Binary files /dev/null and b/public/albumcovers/magma-gojira.jpeg differ diff --git a/public/albumcovers/mars-gojira.jpeg b/public/albumcovers/mars-gojira.jpeg new file mode 100644 index 0000000..30bad17 Binary files /dev/null and b/public/albumcovers/mars-gojira.jpeg differ diff --git a/public/albumcovers/sauvage-gojira.jpg b/public/albumcovers/sauvage-gojira.jpg new file mode 100644 index 0000000..6af8e5e Binary files /dev/null and b/public/albumcovers/sauvage-gojira.jpg differ diff --git a/public/albumcovers/terra-gojira.jpeg b/public/albumcovers/terra-gojira.jpeg new file mode 100644 index 0000000..5c2a30d Binary files /dev/null and b/public/albumcovers/terra-gojira.jpeg differ diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/playlistCovers/classics.jpeg b/public/playlistCovers/classics.jpeg new file mode 100644 index 0000000..4251e89 Binary files /dev/null and b/public/playlistCovers/classics.jpeg differ diff --git a/public/playlistCovers/essentials.jpeg b/public/playlistCovers/essentials.jpeg new file mode 100644 index 0000000..58d54cd Binary files /dev/null and b/public/playlistCovers/essentials.jpeg differ diff --git a/public/playlistCovers/heavy.jpeg b/public/playlistCovers/heavy.jpeg new file mode 100644 index 0000000..52b9fa9 Binary files /dev/null and b/public/playlistCovers/heavy.jpeg differ diff --git a/public/playlistCovers/radio.jpeg b/public/playlistCovers/radio.jpeg new file mode 100644 index 0000000..74714ef Binary files /dev/null and b/public/playlistCovers/radio.jpeg differ diff --git a/public/playlistCovers/thisIs.jpeg b/public/playlistCovers/thisIs.jpeg new file mode 100644 index 0000000..6ef4d6f Binary files /dev/null and b/public/playlistCovers/thisIs.jpeg differ diff --git a/public/playlistCovers/workout.jpeg b/public/playlistCovers/workout.jpeg new file mode 100644 index 0000000..05558b4 Binary files /dev/null and b/public/playlistCovers/workout.jpeg differ diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index d2f8422..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index fd81e88..72382fd 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,26 +2,8 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); + background-color: black; + color: whitesmoke; } diff --git a/src/app/layout.js b/src/app/layout.jsx similarity index 100% rename from src/app/layout.js rename to src/app/layout.jsx diff --git a/src/app/page.js b/src/app/page.js deleted file mode 100644 index 37fea1a..0000000 --- a/src/app/page.js +++ /dev/null @@ -1,113 +0,0 @@ -import Image from 'next/image' - -export default function Home() { - return ( -
-
-

- Get started by editing  - src/app/page.js -

-
- - By{' '} - Vercel Logo - -
-
- -
- Next.js Logo -
- -
- -

- Docs{' '} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{' '} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{' '} - - -> - -

-

- Explore the Next.js 13 playground. -

- - - -

- Deploy{' '} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
- ) -} diff --git a/src/app/page.jsx b/src/app/page.jsx new file mode 100644 index 0000000..e11dab3 --- /dev/null +++ b/src/app/page.jsx @@ -0,0 +1,12 @@ +import ContAlbums from "@/components/ContAlbums"; +import ContPlaylists from "@/components/ContPlaylists"; + + +export default function Home() { + return ( +
+ + +
+ ) +} diff --git a/src/components/Cards.jsx b/src/components/Cards.jsx new file mode 100644 index 0000000..39e5e11 --- /dev/null +++ b/src/components/Cards.jsx @@ -0,0 +1,20 @@ +import { RiPlayFill } from "react-icons/ri" + +function Cards(props) { + return ( +
+
+ Album {props.album} de Gojira + +
+
+

{props.album}

+

{props.data}

+
+
+ ); +} + +export default Cards; \ No newline at end of file diff --git a/src/components/ContAlbums.jsx b/src/components/ContAlbums.jsx new file mode 100644 index 0000000..86d83a0 --- /dev/null +++ b/src/components/ContAlbums.jsx @@ -0,0 +1,22 @@ +import Cards from "./Cards"; + +function ContAlbums() { + + return ( +
+
+

Discography

+
+
+ + + + + + +
+
+ ); +} + +export default ContAlbums; \ No newline at end of file diff --git a/src/components/ContPlaylists.jsx b/src/components/ContPlaylists.jsx new file mode 100644 index 0000000..f9db2e9 --- /dev/null +++ b/src/components/ContPlaylists.jsx @@ -0,0 +1,21 @@ +import Playlist from "./Playlist"; + +function ContPlaylists() { + return ( +
+
+

Featuring Gojira

+
+
+ + + + + + +
+
+ ); +} + +export default ContPlaylists; \ No newline at end of file diff --git a/src/components/Playlist.jsx b/src/components/Playlist.jsx new file mode 100644 index 0000000..af3f6ff --- /dev/null +++ b/src/components/Playlist.jsx @@ -0,0 +1,21 @@ +import { RiPlayFill } from "react-icons/ri" + +function Playlist(props) { + return ( +
+
+ {props.data} + +
+
+

{props.playlist}

+

{props.data}

+
+
+ ); +} + + +export default Playlist; \ No newline at end of file