diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dbe9c82 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vscode/ \ No newline at end of file diff --git a/Dockerfile b/Dockerfile index c7d4745..55b58c4 100644 --- a/Dockerfile +++ b/Dockerfile @@ -3,6 +3,7 @@ FROM node:12-alpine RUN apk update && \ apk add --no-cache bash -RUN npm install --save next +RUN npm install --save next && \ + npm install -D tailwindcss@latest postcss@latest autoprefixer@latest WORKDIR /usr/src/app diff --git a/docker-compose.yml b/docker-compose.yml index 5ae062a..b59135b 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -2,12 +2,12 @@ version: "3" services: - node: - image: next-js:latest - container_name: node - build: . - volumes: - - ./src:/usr/src/app/ - ports: - - "3444:3000" - command: bash -c 'if [ ! -d "/usr/src/app/test" ]; then npx create-next-app info && cd info && npm run dev; else cd info && npm run dev; fi' + node: + image: next-js:latest + container_name: node + build: . + volumes: + - ./src:/usr/src/app/ + ports: + - "3444:3444" + command: bash -c "cd info && npm run $MODE" diff --git a/src/info/.gitignore b/src/info/.gitignore index 1437c53..e3b3fe7 100644 --- a/src/info/.gitignore +++ b/src/info/.gitignore @@ -31,4 +31,4 @@ yarn-error.log* .env.production.local # vercel -.vercel +.vercel \ No newline at end of file diff --git a/src/info/package.json b/src/info/package.json index 8899897..6ed4127 100644 --- a/src/info/package.json +++ b/src/info/package.json @@ -3,9 +3,9 @@ "version": "0.1.0", "private": true, "scripts": { - "dev": "next dev", + "dev": "next dev -p 3444", "build": "next build", - "start": "next start" + "start": "next start -p 3444" }, "dependencies": { "next": "10.1.3", diff --git a/src/info/pages/index.js b/src/info/pages/index.js index 5787b11..31cfa99 100644 --- a/src/info/pages/index.js +++ b/src/info/pages/index.js @@ -1,65 +1,16 @@ -import Head from 'next/head' -import styles from '../styles/Home.module.css' +import Head from "next/head"; +import Link from "next/link"; export default function Home() { return ( -
+
- Create Next App + About A Werefox - -
-

- 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. -

- -
-
- - +

+ I'm Gay +

- ) + ); } diff --git a/src/info/postcss.config.js b/src/info/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/src/info/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/src/info/public/favicon.ico b/src/info/public/favicon.ico index 4965832..b162109 100644 Binary files a/src/info/public/favicon.ico and b/src/info/public/favicon.ico differ diff --git a/src/info/styles/Home.module.css b/src/info/styles/Home.module.css deleted file mode 100644 index 42e7e60..0000000 --- a/src/info/styles/Home.module.css +++ /dev/null @@ -1,122 +0,0 @@ -.container { - min-height: 100vh; - padding: 0 0.5rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.main { - padding: 5rem 0; - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.footer { - width: 100%; - height: 100px; - border-top: 1px solid #eaeaea; - display: flex; - justify-content: center; - align-items: center; -} - -.footer img { - margin-left: 0.5rem; -} - -.footer a { - display: flex; - justify-content: center; - align-items: center; -} - -.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 { - 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; - margin-top: 3rem; -} - -.card { - margin: 1rem; - flex-basis: 45%; - 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; -} - -.card:hover, -.card:focus, -.card:active { - color: #0070f3; - border-color: #0070f3; -} - -.card h3 { - margin: 0 0 1rem 0; - font-size: 1.5rem; -} - -.card p { - margin: 0; - font-size: 1.25rem; - line-height: 1.5; -} - -.logo { - height: 1em; -} - -@media (max-width: 600px) { - .grid { - width: 100%; - flex-direction: column; - } -} diff --git a/src/info/styles/globals.css b/src/info/styles/globals.css index e5e2dcc..bd6213e 100644 --- a/src/info/styles/globals.css +++ b/src/info/styles/globals.css @@ -1,16 +1,3 @@ -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; -} - -a { - color: inherit; - text-decoration: none; -} - -* { - box-sizing: border-box; -} +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/src/info/tailwind.config.js b/src/info/tailwind.config.js new file mode 100644 index 0000000..9888146 --- /dev/null +++ b/src/info/tailwind.config.js @@ -0,0 +1,21 @@ +module.exports = { + purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"], + darkMode: 'media', // or 'media' or 'class' + theme: { + extend: { + colors: { + "werefox-blue": "#60A4FF", + "werefox-pink": "#FF62B6", + "werefox-grey": { + light: "#DBDBDB", + DEFAULT: "#424242", + dark: "#242424", + }, + }, + }, + }, + variants: { + extend: {}, + }, + plugins: [], +}; diff --git a/start.sh b/start.sh new file mode 100755 index 0000000..6bb01e3 --- /dev/null +++ b/start.sh @@ -0,0 +1,24 @@ +#!/bin/bash + +set -xe + +MODE=$1 +x=$(sudo docker container ls | grep next-js | wc -l) +if [ $x -eq 1 ]; then + sudo docker-compose rm -sf +fi + +sudo MODE=$MODE docker-compose build + +if [ ! -d "./src/info" ]; then + sudo docker-compose run node npx create-next-app info + sudo docker-compose run node npx tailwindcss init -p + sudo chown -R $USER:$USER ./src +fi + +if [ $MODE == "dev" ] || [ $MODE == "build" ] || [ $MODE == "prod" ]; then + sudo MODE=$MODE docker-compose up --build --force-recreate --remove-orphans -d +else + echo "Please use 'dev', 'build', or 'prod' as an argument." + exit 1 +fi \ No newline at end of file