diff --git a/.gitignore b/.gitignore
index 1437c53..d863a79 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+secrets.json
 
 # dependencies
 /node_modules
diff --git a/components/twitchpopup.js b/components/twitchpopup.js
index 82afded..79308ce 100644
--- a/components/twitchpopup.js
+++ b/components/twitchpopup.js
@@ -1,14 +1,14 @@
 import styles from '../styles/components/TwitchPopup.module.css'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faTwitter } from '@fortawesome/free-brands-svg-icons'
+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 (
             <div className="card" style={{ backgroundColor: "rgba(79,79,255,1)", marginBottom: "1em" }}>
-                <h1 className={styles.h1}>I'm currently live on Twitch!</h1>
+                <h1 className={styles.h1}><FontAwesomeIcon icon={faTwitch} size="1x" /> I'm currently live on Twitch! <FontAwesomeIcon icon={faMicrophoneAlt} size="1x" /></h1>
                 <TwitchEmbed id="trick_the_fox" channel="trick_the_fox" theme="dark" autoplay="true" width="100%" withChat={false} />
             </div>
         )
diff --git a/package.json b/package.json
index 74ee6b3..cbe4445 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
     "@types/react": "^17.0.11",
+    "googleapis": "^78.0.0",
     "next": "10.x",
     "next-images": "^1.8.1",
     "react": "17.x",
diff --git a/pages/commissions.js b/pages/commissions.js
index 49a78b4..90fd2ac 100644
--- a/pages/commissions.js
+++ b/pages/commissions.js
@@ -59,7 +59,7 @@ export default function Commissions() {
                     <section className={styles.row}>
                         <div>
                             <h2>Ref sheets</h2>
-                            <p><FontAwesomeIcon icon={faPoundSign} size="1x" /> 15+ extras</p>
+                            <p><FontAwesomeIcon icon={faPoundSign} size="1x" /> 30+ extras</p>
                         </div>
 
                         <div className={styles.gapped}>
diff --git a/pages/gallery.js b/pages/gallery.js
index f175495..966f96a 100644
--- a/pages/gallery.js
+++ b/pages/gallery.js
@@ -2,28 +2,11 @@ import Head from 'next/head'
 import styles from '../styles/Gallery.module.css'
 import Header from '../components/header';
 import Footer from '../components/footer';
-
-// const cache = {};
-
-// function importAll(r) {
-//     r.keys().forEach((key) => (cache[key] = r(key)));
-// }
-// // Note from the docs -> Warning: The arguments passed to require.context must be literals!
-// importAll(require.context("../public/gallery", false, /\.(png|jpe?g|svg)$/));
-
-// const images = Object.entries(cache).map(module => module[1].default);
-
+// import { google } from 'googleapis';
+// import fs from 'fs';
+// import readline from 'readline';
 
 export default function Gallery() {
-    // return (
-    //     <>
-    //         <p>Media Page..</p>
-
-    //         {images.map(image => (
-    //             <img style={{width: 100}} src={image} />
-    //         ))}
-    //     </>
-    // );
   return (
     <div className="page">
         <Head>
@@ -43,9 +26,34 @@ export default function Gallery() {
             </article>
         </div>
 
-        <Footer />
-
-        
+        <Footer /> 
     </div>
   )
 }
+
+// export async function getServerSideProps() {
+//     const auth = new google.auth.GoogleAuth({ 
+//         keyFile: process.env.GOOGLE_APPLICATION_CREDENTIALS,
+//         scopes: ['https://www.googleapis.com/auth/spreadsheets.readonly']
+//      });
+
+//     const sheets = google.sheets({ version: 'v4', auth });
+
+//     const { id } = 2;
+
+//     const range = `Gallery!A:${id}:B${id}`;
+
+//     const response = sheets.spreadsheets.values.get({
+//         spreadsheetId: "13V7PXSJ6FSPZakBbYEpi1495T3nWxJ7Loi4EWwOZ7lE",
+//         range,
+//     });
+
+//     const data = await response.json();
+    
+
+//     return {
+//         props: {
+//             response: data
+//         }
+//     }
+// }
\ No newline at end of file
