-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
173 additions
and
38 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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 |
---|---|---|
@@ -1,4 +1,4 @@ | ||
{ | ||
"head.og.description": "Chat with your files. Intelligent PDF file reader.", | ||
"head.og.title": "AI File Agent" | ||
"head.og.description": "Súper Únderground Artists, Collections & Events", | ||
"head.og.title": "svpervnder" | ||
} |
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 |
---|---|---|
|
@@ -8,7 +8,7 @@ html { | |
@media (max-width: $mq-medium) { | ||
font-size: 14px; | ||
} | ||
font-size: 16px; | ||
font-size: 14px; | ||
} | ||
|
||
html, | ||
|
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,22 @@ | ||
@import "src/theme/base"; | ||
|
||
.home { | ||
display: block; | ||
|
||
&__hero { | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: center; | ||
height: 50vh; | ||
text-align: left; | ||
background-color: var(--color-background); | ||
} | ||
|
||
&__latest-collections { | ||
text-align: right; | ||
|
||
&--artist-name { | ||
color: var(--color-primary); | ||
} | ||
} | ||
} |
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,19 @@ | ||
export type Styles = { | ||
home: string; | ||
home__hero: string; | ||
"home__latest-collections": string; | ||
"home__latest-collections--artist-name": string; | ||
"z-depth-0": string; | ||
"z-depth-1": string; | ||
"z-depth-1-half": string; | ||
"z-depth-2": string; | ||
"z-depth-3": string; | ||
"z-depth-4": string; | ||
"z-depth-5": string; | ||
}; | ||
|
||
export type ClassNames = keyof Styles; | ||
|
||
declare const styles: Styles; | ||
|
||
export default styles; |
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,13 @@ | ||
import { screen, render } from "tests"; | ||
|
||
import { Home } from "./Home"; | ||
|
||
describe("Home", () => { | ||
it("renders children correctly", () => { | ||
render(<Home>Home</Home>); | ||
|
||
const element = screen.getByText("Home"); | ||
|
||
expect(element).toBeInTheDocument(); | ||
}); | ||
}); |
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,53 @@ | ||
import clsx from "clsx"; | ||
|
||
import { Typography } from "ui/typography/Typography"; | ||
import { Grid } from "ui/grid/Grid"; | ||
import { Button } from "ui/button/Button"; | ||
|
||
import { HomeProps } from "./Home.types"; | ||
import styles from "./Home.module.scss"; | ||
|
||
export const Home: React.FC<HomeProps> = ({ children, className }) => ( | ||
<div className={clsx(styles.home, className)}> | ||
<Grid.Container> | ||
<Grid.Row> | ||
<Grid.Col lg={6} sm={12} xs={12}> | ||
<section className={styles.home__hero}> | ||
<Typography.Headline1>Súper Únderground</Typography.Headline1> | ||
<Typography.TextLead>Artists, Collections & Events</Typography.TextLead> | ||
</section> | ||
</Grid.Col> | ||
<Grid.Col lg={6} sm={12} xs={12}> | ||
<div /> | ||
</Grid.Col> | ||
</Grid.Row> | ||
</Grid.Container> | ||
<Grid.Container> | ||
<Grid.Row justify="end"> | ||
<Grid.Col lg={8} sm={12} xs={12}> | ||
<div /> | ||
</Grid.Col> | ||
<Grid.Col lg={4} sm={12} xs={12}> | ||
<div className={styles["home__latest-collections"]}> | ||
<Typography.Headline5>Latest Collection</Typography.Headline5> | ||
<Typography.Headline4 className={styles["home__latest-collections--artist-name"]}> | ||
larskristo: hellheads | ||
</Typography.Headline4> | ||
<Typography.Description>31/150 Sold</Typography.Description> | ||
<Typography.Text> | ||
Lars Kristoffer Hormander’s Hellheads is the latest from its #darkart creations. Featuring an astonishing | ||
150 items series of digital handcraft mastery. Own one of this limited art today. | ||
</Typography.Text> | ||
<Grid.Row> | ||
<Grid.Col> | ||
<Button color="secondary" size="s" variant="outlined"> | ||
See Artist | ||
</Button> | ||
</Grid.Col> | ||
</Grid.Row> | ||
</div> | ||
</Grid.Col> | ||
</Grid.Row> | ||
</Grid.Container> | ||
</div> | ||
); |
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,6 @@ | ||
import { ReactNode } from "react"; | ||
|
||
export type HomeProps = { | ||
children?: ReactNode; | ||
className?: string; | ||
}; |
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