diff --git a/.gitignore b/.gitignore
index d863a79..33d4355 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,35 +1,35 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-secrets.json
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# vercel
-.vercel
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+secrets.json
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
diff --git a/README.md b/README.md
index 4b412a3..218b5e6 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,34 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/components/footer.js b/components/footer.js
index a7c5c50..debfb3f 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,57 +1,57 @@
-import styles from '../styles/components/Footer.module.css'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHeart } from '@fortawesome/free-solid-svg-icons'
-
-export default function Footer() {
- return (
-
-
-
-
-
- Made with updateMeowCount()} /> by DubbelNull
-
-
- NextJS // Vercel // Airtable
-
-
-
-
-
+
+
+
+
+ Made with updateMeowCount()} /> by DubbelNull
+
+
+ NextJS // Vercel // Airtable
+
+
+
+
+
-
I'm currently live on Twitch!
-
-
- )
- } else {
- return ( )
- }
+import styles from '../styles/components/TwitchPopup.module.css'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faTwitch } from '@fortawesome/free-brands-svg-icons'
+import { faMicrophoneAlt } from '@fortawesome/free-solid-svg-icons'
+import { TwitchEmbed } from 'react-twitch-embed';
+
+export default function TwitchPopup({ show }) {
+ if(show == true) {
+ return (
+
+
I'm currently live on Twitch!
+
+
+ )
+ } else {
+ return ( )
+ }
}
\ No newline at end of file
diff --git a/next-env.d.ts b/next-env.d.ts
index 7b7aa2c..ed365fd 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,2 +1,2 @@
-///
-///
+///
+///
diff --git a/next.config.js b/next.config.js
index a8c9321..32ea49b 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,14 +1,14 @@
-module.exports = {
- webpack: (config, options) => {
- config.module.rules.push(
- {
- test: /\.(jpe?g|png|jpg|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
- loader: 'url-loader?limit=100000'
- }
- )
- return config
- },
- env: {
- AIRTABLE: "keygkEz5Bp89HsIJt",
- },
+module.exports = {
+ webpack: (config, options) => {
+ config.module.rules.push(
+ {
+ test: /\.(jpe?g|png|jpg|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
+ loader: 'url-loader?limit=100000'
+ }
+ )
+ return config
+ },
+ env: {
+ AIRTABLE: "keygkEz5Bp89HsIJt",
+ },
}
\ No newline at end of file
diff --git a/package.json b/package.json
index 4cb2738..380f030 100644
--- a/package.json
+++ b/package.json
@@ -1,29 +1,29 @@
-{
- "name": "nextjs",
- "version": "0.1.0",
- "private": true,
- "scripts": {
- "dev": "next dev",
- "build": "next build",
- "start": "next start"
- },
- "dependencies": {
- "@fortawesome/fontawesome-free": "^5.15.3",
- "@fortawesome/fontawesome-svg-core": "^1.2.35",
- "@fortawesome/free-brands-svg-icons": "^5.15.3",
- "@fortawesome/free-solid-svg-icons": "^5.15.3",
- "@fortawesome/react-fontawesome": "^0.1.14",
- "@types/react": "^17.0.11",
- "airtable": "^0.11.1",
- "googleapis": "^78.0.0",
- "next": "10.x",
- "next-images": "^1.8.1",
- "react": "17.x",
- "react-dom": "17.x",
- "react-twitch-embed": "^2.1.0",
- "typescript": "^4.3.4"
- },
- "devDependencies": {
- "url-loader": "^4.1.1"
- }
-}
+{
+ "name": "nextjs",
+ "version": "0.1.0",
+ "private": true,
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start"
+ },
+ "dependencies": {
+ "@fortawesome/fontawesome-free": "^5.15.3",
+ "@fortawesome/fontawesome-svg-core": "^1.2.35",
+ "@fortawesome/free-brands-svg-icons": "^5.15.3",
+ "@fortawesome/free-solid-svg-icons": "^5.15.3",
+ "@fortawesome/react-fontawesome": "^0.1.14",
+ "@types/react": "^17.0.11",
+ "airtable": "^0.11.1",
+ "googleapis": "^78.0.0",
+ "next": "10.x",
+ "next-images": "^1.8.1",
+ "react": "17.x",
+ "react-dom": "17.x",
+ "react-twitch-embed": "^2.1.0",
+ "typescript": "^4.3.4"
+ },
+ "devDependencies": {
+ "url-loader": "^4.1.1"
+ }
+}
diff --git a/pages/404.js b/pages/404.js
index 78cdebd..603243b 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -1,19 +1,19 @@
-import Head from 'next/head'
-import styles from '../styles/Gallery.module.css'
-import Header from '../components/header';
-import Footer from '../components/footer';
-
-export default function Custom404() {
- return (
-
-
-
-
-
-
-
- )
-}
+import Head from 'next/head'
+import styles from '../styles/Gallery.module.css'
+import Header from '../components/header';
+import Footer from '../components/footer';
+
+export default function Custom404() {
+ return (
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/pages/500.js b/pages/500.js
index 68d93a3..4e75eeb 100644
--- a/pages/500.js
+++ b/pages/500.js
@@ -1,18 +1,18 @@
-import Head from 'next/head'
-import styles from '../styles/Gallery.module.css'
-import Header from '../components/header';
-import Footer from '../components/footer';
-
-export default function Custom500() {
- return (
-
-
-
-
- 500
|
Internal Server Error
-
-
-
-
- )
+import Head from 'next/head'
+import styles from '../styles/Gallery.module.css'
+import Header from '../components/header';
+import Footer from '../components/footer';
+
+export default function Custom500() {
+ return (
+
+
+
+
+ 500
|
Internal Server Error
+
+
+
+
+ )
}
\ No newline at end of file
diff --git a/pages/_app.js b/pages/_app.js
index c286847..b1b81c4 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,11 +1,11 @@
-import '../styles/globals.css'
-
-import '@fortawesome/fontawesome-svg-core/styles.css';
-import { config } from '@fortawesome/fontawesome-svg-core';
-config.autoAddCss = false; /* eslint-disable import/first */
-
-function MyApp({ Component, pageProps }) {
- return
-}
-
-export default MyApp
+import '../styles/globals.css'
+
+import '@fortawesome/fontawesome-svg-core/styles.css';
+import { config } from '@fortawesome/fontawesome-svg-core';
+config.autoAddCss = false; /* eslint-disable import/first */
+
+function MyApp({ Component, pageProps }) {
+ return
+}
+
+export default MyApp
diff --git a/pages/api/hello.js b/pages/api/hello.js
index 5b77ec0..cd2378c 100644
--- a/pages/api/hello.js
+++ b/pages/api/hello.js
@@ -1,6 +1,6 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default (req, res) => {
- res.statusCode = 200
- res.json({ name: 'John Doe' })
-}
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default (req, res) => {
+ res.statusCode = 200
+ res.json({ name: 'John Doe' })
+}
diff --git a/pages/commissions.js b/pages/commissions.js
index c213fbb..8dc31eb 100644
--- a/pages/commissions.js
+++ b/pages/commissions.js
@@ -1,128 +1,128 @@
-import Head from 'next/head'
-import styles from '../styles/Commissions.module.css'
-import Header from '../components/header';
-import Footer from '../components/footer';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faPoundSign } from '@fortawesome/free-solid-svg-icons'
-
-export default function Commissions() {
- return (
-
-
-
Trick - Commissions
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Commission sheet
-
Contact me for more information.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Full body artworks
-
25+ for one peep
-
-
-
-
-
-
-
-
-
-
-
Ref sheets
-
30+ extras
-
-
-
-
-
-
-
-
-
-
-
NSFW Commissions
-
30+ per peep
-
-
-
-
-
-
-
-
-
-
-
Large Group Artworks
-
- 100+ for 8 peeps
- 15+ per extra peep
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
Trick - Commissions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Commission sheet
+
Contact me for more information.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Full body artworks
+
25+ for one peep
+
+
+
+
+
+
+
+
+
+
+
Ref sheets
+
30+ extras
+
+
+
+
+
+
+
+
+
+
+
NSFW Commissions
+
30+ per peep
+
+
+
+
+
+
+
+
+
+
+
Large Group Artworks
+
+ 100+ for 8 peeps
+ 15+ per extra peep
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
Trick - Contact
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Contact
- You can contact me through one of the methods displayed below, or by emailing me at trick@trickthefox.com.
-
-
-
-
-
-
-
-
-
-
-
+
+
Trick - Contact
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact
+ You can contact me through one of the methods displayed below, or by emailing me at trick@trickthefox.com.
+
+
+
+
+
+
+
+
+
+
+
-
-
Trick - Gallery
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Gallery
-
-
- {images.map((image) => (
-
-
-
-
{image.name}
-
-
- ))}
-
-
-
-
-
+
+
Trick - Gallery
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Gallery
+
+
+ {images.map((image) => (
+
+
+
+
{image.name}
+
+
+ ))}
+
+
+
+
+
-
-
Trick - Homepage
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Hi, I'm Trick!
- {motto}
-
-
-
-
-
-
-
-
-
+
+
Trick - Homepage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hi, I'm Trick!
+ {motto}
+
+
+
+
+
+
+
+
+
