From 17d45a625ae06800f9f36ddc304e53ad1740dcf3 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Fri, 11 Feb 2022 19:00:26 -0500 Subject: First progress --- pages/index.js | 68 ++++------------------- public/temp-landing.png | Bin 0 -> 3037703 bytes public/ttf/Hack-Bold.ttf | Bin 0 -> 317628 bytes public/ttf/Hack-BoldItalic.ttf | Bin 0 -> 322288 bytes public/ttf/Hack-Italic.ttf | Bin 0 -> 316156 bytes public/ttf/Hack-Regular.ttf | Bin 0 -> 309408 bytes styles/Home.module.css | 120 +++-------------------------------------- styles/globals.css | 15 ++---- 8 files changed, 21 insertions(+), 182 deletions(-) create mode 100644 public/temp-landing.png create mode 100644 public/ttf/Hack-Bold.ttf create mode 100644 public/ttf/Hack-BoldItalic.ttf create mode 100644 public/ttf/Hack-Italic.ttf create mode 100644 public/ttf/Hack-Regular.ttf diff --git a/pages/index.js b/pages/index.js index dc4b640..b0c6cff 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,69 +1,21 @@ import Head from 'next/head' -import Image from 'next/image' import styles from '../styles/Home.module.css' export default function Home() { return ( -
+
- Create Next App - + Andrew Lee + - -
-

- Welcome to Next.js! -

- -

- Get started by editing{' '} - pages/index.js -

- -
- -

Documentation →

-

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

- - - -

Learn →

-

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

- - - -

Examples →

-

Discover and deploy boilerplate example Next.js projects.

- - - -

Deploy →

-

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

- -
-
- - +
+
+

+ Welcome to Next.js! +

+
+
) } diff --git a/public/temp-landing.png b/public/temp-landing.png new file mode 100644 index 0000000..51b7126 Binary files /dev/null and b/public/temp-landing.png differ diff --git a/public/ttf/Hack-Bold.ttf b/public/ttf/Hack-Bold.ttf new file mode 100644 index 0000000..7ff4975 Binary files /dev/null and b/public/ttf/Hack-Bold.ttf differ diff --git a/public/ttf/Hack-BoldItalic.ttf b/public/ttf/Hack-BoldItalic.ttf new file mode 100644 index 0000000..3b137d9 Binary files /dev/null and b/public/ttf/Hack-BoldItalic.ttf differ diff --git a/public/ttf/Hack-Italic.ttf b/public/ttf/Hack-Italic.ttf new file mode 100644 index 0000000..d26198a Binary files /dev/null and b/public/ttf/Hack-Italic.ttf differ diff --git a/public/ttf/Hack-Regular.ttf b/public/ttf/Hack-Regular.ttf new file mode 100644 index 0000000..92a90cb Binary files /dev/null and b/public/ttf/Hack-Regular.ttf differ diff --git a/styles/Home.module.css b/styles/Home.module.css index 32a57d5..ac8fb91 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -1,116 +1,10 @@ .container { padding: 0 2rem; } - -.main { - min-height: 100vh; - padding: 4rem 0; - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.footer { - display: flex; - flex: 1; - padding: 2rem 0; - border-top: 1px solid #eaeaea; - justify-content: center; - align-items: center; -} - -.footer a { - display: flex; - justify-content: center; - align-items: center; - flex-grow: 1; -} - -.title a { - color: #0070f3; - text-decoration: none; -} - -.title a:hover, -.title a:focus, -.title a:active { - text-decoration: underline; -} - -.title { - margin: 0; - line-height: 1.15; - font-size: 4rem; -} - -.title, -.description { - text-align: center; -} - -.description { - margin: 4rem 0; - line-height: 1.5; - font-size: 1.5rem; -} - -.code { - background: #fafafa; - border-radius: 5px; - padding: 0.75rem; - font-size: 1.1rem; - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, - Bitstream Vera Sans Mono, Courier New, monospace; -} - -.grid { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - max-width: 800px; -} - -.card { - margin: 1rem; - padding: 1.5rem; - text-align: left; - color: inherit; - text-decoration: none; - border: 1px solid #eaeaea; - border-radius: 10px; - transition: color 0.15s ease, border-color 0.15s ease; - max-width: 300px; -} - -.card:hover, -.card:focus, -.card:active { - color: #0070f3; - border-color: #0070f3; -} - -.card h2 { - margin: 0 0 1rem 0; - font-size: 1.5rem; -} - -.card p { - margin: 0; - font-size: 1.25rem; - line-height: 1.5; -} - -.logo { - height: 1em; - margin-left: 0.5rem; -} - -@media (max-width: 600px) { - .grid { - width: 100%; - flex-direction: column; - } -} +.landing { + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-image: url("/temp-landing.png") +} \ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css index e5e2dcc..975c681 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -2,15 +2,8 @@ html, body { padding: 0; margin: 0; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, - Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; -} + height: 100%; + font-family: Hack; + src: url("/ttf/Hack-Regular.ttf"); -a { - color: inherit; - text-decoration: none; -} - -* { - box-sizing: border-box; -} +} \ No newline at end of file -- cgit v1.2.3