diff --git a/src/components/navigation.module.scss b/src/components/navigation.module.scss
index cdec6a2..a87a9fb 100644
--- a/src/components/navigation.module.scss
+++ b/src/components/navigation.module.scss
@@ -34,7 +34,6 @@
             display: block;
             padding: 10px $layoutPadding;
             color: white;
-            /*text-decoration: underline dotted white;*/
             text-decoration: none;
             border-top: 2px solid transparent;
 
diff --git a/src/layouts/default.scss b/src/layouts/default.scss
index 17ad58b..eb06eb8 100644
--- a/src/layouts/default.scss
+++ b/src/layouts/default.scss
@@ -36,7 +36,6 @@ footer {
 }
 
 #content {
-    /*min-height: calc(100vh - 26px);*/
     flex-grow: 1;
     display: flex;
     flex-direction: column;
diff --git a/src/pages/404.js b/src/pages/404.js
index 9339ba5..2480783 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -2,7 +2,6 @@ import * as React from "react"
 import { Link } from "gatsby-plugin-react-i18next"
 import Layout from "../layouts/default"
 
-// markup
 const NotFoundPage = () => {
   return (
     <Layout title="Not found">
diff --git a/src/pages/friends.js b/src/pages/friends.js
index 639e2e6..70dd175 100644
--- a/src/pages/friends.js
+++ b/src/pages/friends.js
@@ -59,7 +59,6 @@ const FriendsPage = ({ data }) => {
                                             <span className={styles.friendTitle}>{friend.profession}</span>
                                         </div>
 
-                                        {/*<span class="friendBio"></span>*/}
                                         <div className={styles.contactLinks}>
                                             <a className={styles.contactLink} href={friend.url} target="_blank" rel="noreferrer"><i className="fas fa-globe-europe" aria-hidden="true"></i> {friend.url}</a>
                                         </div>
@@ -68,8 +67,6 @@ const FriendsPage = ({ data }) => {
                             })
                         }
                     </div>
-
-                    {/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
                 </article>
             </section>
         </Layout>
diff --git a/src/pages/index.js b/src/pages/index.js
index 3a78b1a..6f73761 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -121,17 +121,12 @@ class IndexPage extends React.Component {
               {this.props.data.allProjectsJson.nodes.map((project) => {
                 return (
                   <Link className={projectStyles.projectCard} key={project.lang + "/" + project.urlname} to={"/projects/" + project.urlname}>
-                    {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                     <div className={projectStyles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                       <div className={projectStyles.projectCardMeta}>
                         <span className={projectStyles.projectCardTitle}>{project.name}</span>
                         <span>{project.shortDescription}</span>
                       </div>
                     </div>
-
-                    {/*<div className={projectStyles.projectCardCTAContainer}>
-                      <div className={projectStyles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                    </div>*/}
                   </Link>
                 );
               })}
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index c124201..99a8689 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -1,160 +1,152 @@
-@import "../variables";
-@import "../mixins";
-
-.heroSection {
-    width: 100%;
-    background: #000710;
-    min-height: 600px;
-    padding-top: 100px;
-    overflow: hidden;
-    background: linear-gradient(to bottom, transparent 80%, $background), radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent);
-
-    @media(pointer: coarse),
-    (pointer: none) {
-        min-height: 700px;
-    }
-
-    .profile {
-        position: relative;
-        left: 50%;
-        width: calc(90% - 40px);
-        max-width: 600px;
-        max-height: 400px;
-        transform: translate(-50%, 0%);
-
-        .hello {
-            font-weight: 100;
-            opacity: .75;
-            display: block;
-            margin-bottom: -5px;
-        }
-
-        .name {
-            font-weight: 100;
-            font-size: 2em;
-            display: block;
-        }
-
-        .description {
-            font-weight: 100;
-            display: block;
-        }
-
-        .contactLinks {
-            margin-top: 20px;
-            display: flex;
-            flex-direction: column;
-        }
-
-        .contactLink {
-            transition: text-decoration .5s;
-            text-decoration: underline dotted rgba(0, 0, 0, 0);
-            padding: 6px 0 6px 25px;
-            color: $textColor;
-
-            @media(pointer: coarse),
-            (pointer: none) {
-                padding-top: 15px;
-                padding-bottom: 15px;
-            }
-        }
-
-        .contactLink:hover,
-        .contactLink:active {
-            text-decoration: underline dotted rgba(0, 0, 0, .5);
-        }
-
-        .contactLink>i {
-            color: $accentColor;
-            margin-left: -25px;
-            margin-right: 5px;
-        }
-
-        .profileCard {
-            width: calc(100% - 40px);
-            height: calc(100% - 20px);
-            //background: $background;
-            transform: translate(40px, 20px);
-            border-radius: 5px;
-            /*box-shadow: -1px 11px 33px -10px rgba(127,127,127,0.4);*/
-            //box-shadow: -1px 11px 33px -10px #e5502b4b;
-            padding: 20px 20px 20px 230px;
-            color: $textColor;
-        }
-
-        .profileImage,
-        .profileImageDummy {
-            display: inline-block;
-            width: 250px;
-            height: 350px;
-            border-radius: 5px;
-            position: absolute;
-            z-index: 100;
-            background-color: #1c1c1c;
-            background-size: cover;
-            background-position: center;
-            transition: transform .25s;
-        }
-
-        .profileImage {
-            z-index: 20;
-            /*box-shadow: -5px 7px 10px -6px rgba(127,127,127,.4);*/
-            box-shadow: -1px 11px 33px -10px #e5502b4b;
-            //transform: translate(4px, -4px);
-        }
-
-        .profileImageDummy {
-            z-index: 10;
-            background: $accentColor;
-            opacity: .2;
-            //transform: translate(-3px, 3px);
-            /*box-shadow: 0 0 10px -10px var(--accent-color);
-            background: transparent;*/
-        }
-
-        @media (max-width: 590px) {
-
-            .profileImage,
-            .profileImageDummy {
-                display: none;
-            }
-
-            .profileCard {
-                padding: 20px 20px 20px 20px;
-                transform: translate(20px, 20px);
-            }
-
-
-        }
-    }
-
-}
-
-.amazonAlexaSection,
-.donationSection,
-.hireMeSection {
-    @include homeBanner;
-}
-
-.creditSection {
-    @include homeBanner;
-
-    >div {
-        padding: 15px !important;
-        line-height: 15px;
-        font-size: 1.2em;
-        color: white;
-
-        >span>i {
-            line-height: 15px !important;
-        }
-    }
-}
-
-.seeMoreButton {
-    @include button;
-    width: fit-content;
-    margin: 0 auto;
-    margin-top: 40px;
-    padding: 10px 20px;
+@import "../variables";
+@import "../mixins";
+
+.heroSection {
+    width: 100%;
+    background: #000710;
+    min-height: 600px;
+    padding-top: 100px;
+    overflow: hidden;
+    background: linear-gradient(to bottom, transparent 80%, $background), radial-gradient(ellipse at top left, #1f0ba659, transparent), radial-gradient(ellipse at bottom right, #4a086829, transparent);
+
+    @media(pointer: coarse),
+    (pointer: none) {
+        min-height: 700px;
+    }
+
+    .profile {
+        position: relative;
+        left: 50%;
+        width: calc(90% - 40px);
+        max-width: 600px;
+        max-height: 400px;
+        transform: translate(-50%, 0%);
+
+        .hello {
+            font-weight: 100;
+            opacity: .75;
+            display: block;
+            margin-bottom: -5px;
+        }
+
+        .name {
+            font-weight: 100;
+            font-size: 2em;
+            display: block;
+        }
+
+        .description {
+            font-weight: 100;
+            display: block;
+        }
+
+        .contactLinks {
+            margin-top: 20px;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .contactLink {
+            transition: text-decoration .5s;
+            text-decoration: underline dotted rgba(0, 0, 0, 0);
+            padding: 6px 0 6px 25px;
+            color: $textColor;
+
+            @media(pointer: coarse),
+            (pointer: none) {
+                padding-top: 15px;
+                padding-bottom: 15px;
+            }
+        }
+
+        .contactLink:hover,
+        .contactLink:active {
+            text-decoration: underline dotted rgba(0, 0, 0, .5);
+        }
+
+        .contactLink>i {
+            color: $accentColor;
+            margin-left: -25px;
+            margin-right: 5px;
+        }
+
+        .profileCard {
+            width: calc(100% - 40px);
+            height: calc(100% - 20px);
+            transform: translate(40px, 20px);
+            border-radius: 5px;
+            padding: 20px 20px 20px 230px;
+            color: $textColor;
+        }
+
+        .profileImage,
+        .profileImageDummy {
+            display: inline-block;
+            width: 250px;
+            height: 350px;
+            border-radius: 5px;
+            position: absolute;
+            z-index: 100;
+            background-color: #1c1c1c;
+            background-size: cover;
+            background-position: center;
+            transition: transform .25s;
+        }
+
+        .profileImage {
+            z-index: 20;
+            box-shadow: -1px 11px 33px -10px #e5502b4b;
+        }
+
+        .profileImageDummy {
+            z-index: 10;
+            background: $accentColor;
+            opacity: .2;
+        }
+
+        @media (max-width: 590px) {
+
+            .profileImage,
+            .profileImageDummy {
+                display: none;
+            }
+
+            .profileCard {
+                padding: 20px 20px 20px 20px;
+                transform: translate(20px, 20px);
+            }
+
+
+        }
+    }
+
+}
+
+.amazonAlexaSection,
+.donationSection,
+.hireMeSection {
+    @include homeBanner;
+}
+
+.creditSection {
+    @include homeBanner;
+
+    >div {
+        padding: 15px !important;
+        line-height: 15px;
+        font-size: 1.2em;
+        color: white;
+
+        >span>i {
+            line-height: 15px !important;
+        }
+    }
+}
+
+.seeMoreButton {
+    @include button;
+    width: fit-content;
+    margin: 0 auto;
+    margin-top: 40px;
+    padding: 10px 20px;
 }
\ No newline at end of file
diff --git a/src/pages/projects.js b/src/pages/projects.js
index be043fa..8ede168 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -50,23 +50,16 @@ const ProjectsPage = ({ data }) => {
             {data.allProjectsJson.nodes.map((project) => {
               return (
                 <Link className={styles.projectCard} key={project.lang + project.urlname} to={"/projects/" + project.urlname}>
-                  {/*<div className="projectCardActivityIndicator activityIndicatorBlue">Live</div>*/}
                   <div className={styles.projectCardImage} style={{ backgroundImage: "url(" + project.image.childImageSharp.resize.src + ")" }}>
                     <div className={styles.projectCardMeta}>
                       <span className={styles.projectCardTitle}>{project.name}</span>
                       <span>{project.shortDescription}</span>
                     </div>
                   </div>
-
-                  {/*<div className={styles.projectCardCTAContainer}>
-                      <div className={styles.projectCardCTA}><Link to={"/projects/" + project.urlname}><Trans>projectView</Trans></Link></div>
-                  </div>*/}
                 </Link>
               );
             })}
           </div>
-
-          {/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
         </article>
       </section>
     </Layout>
diff --git a/src/pages/social.js b/src/pages/social.js
index cc20416..c78e757 100644
--- a/src/pages/social.js
+++ b/src/pages/social.js
@@ -53,8 +53,6 @@ const SocialPage = ({ data }) => {
                             })
                         }
                     </div>
-
-                    {/*<pre>{JSON.stringify(data, null, 2)}</pre>*/}
                 </article>
             </section>
         </Layout>
diff --git a/src/templates/project.js b/src/templates/project.js
index 1551c96..d68514a 100644
--- a/src/templates/project.js
+++ b/src/templates/project.js
@@ -75,12 +75,6 @@ const ProjectTemplate = ({ data }) => {
           </div>
         </section>
         : null}
-      {/*<section>
-            <div>
-
-              <pre>{JSON.stringify(data, null, 2)}</pre>
-            </div>
-          </section>*/}
     </Layout>
   );
 }