Skip to content

Commit

Permalink
7/15/2023 18:10
Browse files Browse the repository at this point in the history
  • Loading branch information
@WebDevilishSmile
WebDevilishSmile committed Jul 15, 2023
1 parent 620cfa8 commit 145be89
Show file tree
Hide file tree
Showing 9 changed files with 964 additions and 420 deletions.
730 changes: 730 additions & 0 deletions package-lock.json
View file

Large diffs are not rendered by default.

5 changes: 5 additions & 0 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,11 @@
"lint": "next lint"
},
"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@fontsource/montserrat": "^5.0.5",
"@mui/icons-material": "^5.14.0",
"@mui/material": "^5.14.0",
"eslint": "8.45.0",
"eslint-config-next": "13.4.10",
"next": "13.4.10",
Expand Down
101 changes: 8 additions & 93 deletions src/app/globals.css
View file
Original file line number Diff line number Diff line change
@@ -1,107 +1,22 @@
:root {
--max-width: 1100px;
--border-radius: 12px;
--font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;

--foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220;
--background-end-rgb: 255, 255, 255;

--primary-glow: conic-gradient(
from 180deg at 50% 50%,
#16abff33 0deg,
#0885ff33 55deg,
#54d6ff33 120deg,
#0071ff33 160deg,
transparent 360deg
);
--secondary-glow: radial-gradient(
rgba(255, 255, 255, 1),
rgba(255, 255, 255, 0)
);

--tile-start-rgb: 239, 245, 249;
--tile-end-rgb: 228, 232, 233;
--tile-border: conic-gradient(
#00000080,
#00000040,
#00000030,
#00000020,
#00000010,
#00000010,
#00000080
);

--callout-rgb: 238, 240, 241;
--callout-border-rgb: 172, 175, 176;
--card-rgb: 180, 185, 188;
--card-border-rgb: 131, 134, 135;
}

@media (prefers-color-scheme: dark) {
:root {
--foreground-rgb: 255, 255, 255;
--background-start-rgb: 0, 0, 0;
--background-end-rgb: 0, 0, 0;

--primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
--secondary-glow: linear-gradient(
to bottom right,
rgba(1, 65, 255, 0),
rgba(1, 65, 255, 0),
rgba(1, 65, 255, 0.3)
);

--tile-start-rgb: 2, 13, 46;
--tile-end-rgb: 2, 5, 19;
--tile-border: conic-gradient(
#ffffff80,
#ffffff40,
#ffffff30,
#ffffff20,
#ffffff10,
#ffffff10,
#ffffff80
);

--callout-rgb: 20, 20, 20;
--callout-border-rgb: 108, 108, 108;
--card-rgb: 100, 100, 100;
--card-border-rgb: 200, 200, 200;
}
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

* {
box-sizing: border-box;
padding: 0;
margin: 0;
}

html,
body {
max-width: 100vw;
html {
scroll-behavior: smooth;
overflow-x: hidden;
}

html,
body {
color: rgb(var(--foreground-rgb));
background: linear-gradient(
to bottom,
transparent,
rgb(var(--background-end-rgb))
)
rgb(var(--background-start-rgb));
}

a {
color: inherit;
text-decoration: none;
font-family: 'Montserrat';
}

@media (prefers-color-scheme: dark) {
html {
color-scheme: dark;
}
body {
width: 100vw;
max-width: 150rem;
}
27 changes: 19 additions & 8 deletions src/app/layout.js
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,28 @@
import './globals.css'
import { Inter } from 'next/font/google'
import './globals.css';

const inter = Inter({ subsets: ['latin'] })
import { Montserrat } from 'next/font/google';

import Header from '@/components/Header';
import Footer from '@/components/Footer';

const montserrat = Montserrat({
weight: ['300', '400', '500', '600', '700', '800', '900'],
subsets: ['latin'],
});

export const metadata = {
title: 'Create Next App',
description: 'Generated by create next app',
}
title: 'Website Name',
description: 'description of website',
};

export default function RootLayout({ children }) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
<body className={montserrat.className}>
<Header />
{children}
<Footer />
</body>
</html>
)
);
}
114 changes: 24 additions & 90 deletions src/app/page.js
View file
Original file line number Diff line number Diff line change
@@ -1,95 +1,29 @@
import Image from 'next/image'
import styles from './page.module.css'
'use client';

export default function Home() {
return (
<main className={styles.main}>
<div className={styles.description}>
<p>
Get started by editing&nbsp;
<code className={styles.code}>src/app/page.js</code>
</p>
<div>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
By{' '}
<Image
src="/vercel.svg"
alt="Vercel Logo"
className={styles.vercelLogo}
width={100}
height={24}
priority
/>
</a>
</div>
</div>

<div className={styles.center}>
<Image
className={styles.logo}
src="/next.svg"
alt="Next.js Logo"
width={180}
height={37}
priority
/>
</div>
import { theme } from '@/utilities/theme';

<div className={styles.grid}>
<a
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Docs <span>-&gt;</span>
</h2>
<p>Find in-depth information about Next.js features and API.</p>
</a>
import { Box, ThemeProvider, Typography } from '@mui/material';

<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Learn <span>-&gt;</span>
</h2>
<p>Learn about Next.js in an interactive course with&nbsp;quizzes!</p>
</a>
/* */

<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Templates <span>-&gt;</span>
</h2>
<p>Explore the Next.js 13 playground.</p>
</a>

<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Deploy <span>-&gt;</span>
</h2>
<p>
Instantly deploy your Next.js site to a shareable URL with Vercel.
</p>
</a>
</div>
</main>
)
export default function Home() {
return (
<ThemeProvider theme={theme}>
<Box /* HOME PAGE CONTAINER */
id="home"
sx={{
width: '100vw',
height: '50rem',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
overflow: 'hidden',
pt: '20rem',
backgroundColor: theme.palette.background.blue,
}}
>
<Typography variant="h1">Home Page</Typography>
</Box>
</ThemeProvider>
);
}
Loading

0 comments on commit 145be89

Please sign in to comment.