TOCPC
diff --git a/‎.husky/pre-commit
+4 b/‎.husky/pre-commit
+4
diff --git a/‎.prettierrc
+4 b/‎.prettierrc
+4
diff --git a/‎package.json
+8-1 b/‎package.json
+8-1
diff --git a/‎pages/api/hello.ts
-13 b/‎pages/api/hello.ts
-13
diff --git a/‎pages/index.tsx
-72 b/‎pages/index.tsx
-72
diff --git a/‎postcss.config.js
+6 b/‎postcss.config.js
+6
diff --git a/‎public/fonts/IBMPlexSansThai-Bold.woff2
39.3 KB b/‎public/fonts/IBMPlexSansThai-Bold.woff2
39.3 KB
diff --git a/‎public/fonts/IBMPlexSansThai-ExtraLight.woff2
41.1 KB b/‎public/fonts/IBMPlexSansThai-ExtraLight.woff2
41.1 KB
diff --git a/‎public/fonts/IBMPlexSansThai-Light.woff2
40.9 KB b/‎public/fonts/IBMPlexSansThai-Light.woff2
40.9 KB
diff --git a/‎public/fonts/IBMPlexSansThai-Medium.woff2
40.1 KB b/‎public/fonts/IBMPlexSansThai-Medium.woff2
40.1 KB
diff --git a/‎public/fonts/IBMPlexSansThai-Regular.woff2
39 KB b/‎public/fonts/IBMPlexSansThai-Regular.woff2
39 KB
diff --git a/‎public/fonts/IBMPlexSansThai-SemiBold.woff2
40.6 KB b/‎public/fonts/IBMPlexSansThai-SemiBold.woff2
40.6 KB
diff --git a/‎public/fonts/IBMPlexSansThai-Text.woff2
40.1 KB b/‎public/fonts/IBMPlexSansThai-Text.woff2
40.1 KB
diff --git a/‎public/fonts/IBMPlexSansThai-Thin.woff2
40 KB b/‎public/fonts/IBMPlexSansThai-Thin.woff2
40 KB
diff --git a/‎public/fonts/Inter-italic.var.woff2
235 KB b/‎public/fonts/Inter-italic.var.woff2
235 KB
diff --git a/‎public/fonts/Inter-roman.var.woff2
221 KB b/‎public/fonts/Inter-roman.var.woff2
221 KB
diff --git a/‎pages/_app.tsx ‎src/pages/_app.tsx
+2-1 b/‎pages/_app.tsx ‎src/pages/_app.tsx
+2-1
diff --git a/‎src/pages/index.tsx
+31 b/‎src/pages/index.tsx
+31
diff --git a/‎styles/Home.module.css
-121 b/‎styles/Home.module.css
-121
diff --git a/‎styles/globals.css
-16 b/‎styles/globals.css
-16
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx pretty-quick --staged
@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "singleQuote": true
+}
@@ -6,17 +6,24 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "prepare": "husky install"
   },
   "dependencies": {
     "next": "11.1.2",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.4.1",
     "@types/react": "17.0.26",
+    "autoprefixer": "^10.3.6",
     "eslint": "7.32.0",
     "eslint-config-next": "11.1.2",
+    "husky": "^7.0.0",
+    "postcss": "^8.3.8",
+    "pretty-quick": "^3.1.1",
+    "tailwindcss": "^2.2.16",
     "typescript": "4.4.3"
   }
 }
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
@@ -1,7 +1,8 @@
-import '../styles/globals.css'
 import type { AppProps } from 'next/app'
+import 'tailwindcss/tailwind.css'
 
 function MyApp({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />
 }
+
 export default MyApp
@@ -0,0 +1,31 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+
+const Home: NextPage = () => {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen py-2">
+      <Head>
+        <title>TOCPC 2021</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
+        <h1 className="text-6xl font-bold">THACO 2021</h1>
+      </main>
+
+      <footer className="flex items-center justify-center w-full h-24 border-t">
+        <a
+          className="flex items-center justify-center"
+          href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Powered by{' '}
+          <img src="/vercel.svg" alt="Vercel Logo" className="h-4 ml-2" />
+        </a>
+      </footer>
+    </div>
+  )
+}
+
+export default Home
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,8 @@`
`1`		`-import '../styles/globals.css'`
`2`	`1`	`import type { AppProps } from 'next/app'`
	`2`	`+import 'tailwindcss/tailwind.css'`
`3`	`3`
`4`	`4`	`function MyApp({ Component, pageProps }: AppProps) {`
`5`	`5`	`return <Component {...pageProps} />`
`6`	`6`	`}`
	`7`	`+`
`7`	`8`	`export default MyApp`