diff --git a/index.html b/index.html
index 7df593e..8754d3b 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,9 @@
     <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <link rel="stylesheet" href="styles.css">
+
     <script>
-    window.addEventListener("load", function() {
+    window.addEventListener('load', function() {
       mdc.autoInit();
     });
     </script>
@@ -20,13 +21,14 @@
     <header class="mdc-top-app-bar mdc-top-app-bar--fixed">
       <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-          <button class="mdc-icon-button material-icons mdc-top-app-bar__navigation-icon--unbounded">menu</button><span class="mdc-top-app-bar__title">Projects made by avm99963</span>
+          <span class="mdc-top-app-bar__title">Projects made by avm99963</span>
         </section>
       </div>
     </header>
+
     <main class="mdc-top-app-bar--fixed-adjust">
 
-      <h2 class="project-section-title"><i class="material-icons project-section-title__icon" style="color: #FFC400;">star</i> <span class="project-section-title__text">Featured projects</span></h2>
+      <h2 class="project-section-title" id="featured-projects"><i class="material-icons project-section-title__icon" style="color: #FFC400;">star</i> <span class="project-section-title__text">Featured projects</span></h2>
 
       <div class="mdc-layout-grid projects">
         <div class="mdc-layout-grid__inner">
@@ -41,10 +43,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">A team of students at the FME are currently developing a tool which helps students keep track of the places where they've sat throughout the day, in order to help the mathematics school trace the contacts of a positive case.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/delefme/covid-tracability" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/delefme/covid-tracability" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Main Git repo
                   </a>
-                  <a href="https://github.com/delefme/covid-tracability-backend" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/delefme/covid-tracability-backend" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Backend Git repo
                   </a>
                 </div>
@@ -62,10 +64,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source project developed to generate daily graphs which show the risk factor of each health area in Catalonia, based on the data provided by the Catalan Government.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://gerrit.avm99963.com/plugins/gitiles/covid19/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://gerrit.avm99963.com/plugins/gitiles/covid19/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Gerrit repo
                   </a>
-                  <a href="https://covid-19.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://covid-19.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Visit it
                   </a>
                 </div>
@@ -83,10 +85,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Project I've profesionally developed for my previous high school so they can keep track of their workers' working hours, in order to comply with the new workers legislation in Spain.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://hores.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://hores.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Demo
                   </a>
-                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button">
+                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Closed source
                   </button>
                 </div>
@@ -104,10 +106,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source web app which displays <span class="help" title="The FME Graph is a graph which shows the hookups that have taken place between people in the FME. People are represented by vertices, and when two of them have hooked up, they are connected by an edge.">the FME Graph</span>. It also has a companion Google Assistant app.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://gerrit.avm99963.com/plugins/gitiles/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://gerrit.avm99963.com/plugins/gitiles/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Gerrit repo
                   </a>
-                  <a href="https://labs.avm99963.com/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://labs.avm99963.com/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Visit it
                   </a>
                 </div>
@@ -125,10 +127,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source web-based voting system, developed as part of my baccalaureate research project. I highly encourage you to read the research project document!</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/voting" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/voting" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="img/bach_research_project.pdf" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="img/bach_research_project.pdf" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Research project doc
                   </a>
                 </div>
@@ -146,10 +148,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source Chrome extension which lets users translate parts of a website quicker and safer. It asks for the smallest subset of permissions possible, and currently has 130,000+ users.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/translateselectedtext" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/translateselectedtext" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="https://chrome.google.com/webstore/detail/translate-selected-text/fbimffnjoeobhjhochngikepgfejjmgj" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://chrome.google.com/webstore/detail/translate-selected-text/fbimffnjoeobhjhochngikepgfejjmgj" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Install
                   </a>
                 </div>
@@ -160,7 +162,7 @@
         </div>
       </div>
 
-      <h2 class="project-section-title"><i class="material-icons project-section-title__icon">build</i> <span class="project-section-title__text">Other projects</span></h2>
+      <h2 class="project-section-title" id="other-projects"><i class="material-icons project-section-title__icon">build</i> <span class="project-section-title__text">Other projects</span></h2>
 
       <div class="mdc-layout-grid projects">
         <div class="mdc-layout-grid__inner">
@@ -175,10 +177,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source Chrome/Firefox extension which adds several additional features to the Google Product Forums, which are helpful to many <a href="https://support.google.com/communities/answer/9138806" target="_blank" rel="noreferrer">Google Product Experts</a>.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://gerrit.avm99963.com/plugins/gitiles/infinitegforums/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://gerrit.avm99963.com/plugins/gitiles/infinitegforums/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Gerrit repo
                   </a>
-                  <a href="https://chrome.google.com/webstore/detail/tw-power-tools-formerly-i/hpgakoecmgibigdbnljgecablpipbajb" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://chrome.google.com/webstore/detail/tw-power-tools-formerly-i/hpgakoecmgibigdbnljgecablpipbajb" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Install
                   </a>
                 </div>
@@ -196,10 +198,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Website powered by the open source tool <a href="https://www.mkdocs.org/" target="_blank" rel="noreferrer">mkdocs</a> which hosts several guides I've written in Spanish to help diagnose common problems with Google products such as Chrome.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/support.avm99963.com" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/support.avm99963.com" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="https://support.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://support.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Visit it
                   </a>
                 </div>
@@ -217,10 +219,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Me and my friends used to argue because some of us added too many songs in our collaborative playlists. This tool helps solve this problem!</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/playliststats" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/playliststats" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="https://labs.avm99963.com/playliststats/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://labs.avm99963.com/playliststats/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Use it
                   </a>
                 </div>
@@ -238,10 +240,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Web app used to organize the first <span class="help" title="School of Mathematics and Statistics (in Catalan: Facultat de Matemàtiques i Estadística)">FME</span> Gaussian Elimination of Matrices Competition. It synced the match results with Challonge.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/esglaona" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/esglaona" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="https://challonge.com/es/ESGLAONA" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://challonge.com/es/ESGLAONA" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Challonge diagram
                   </a>
                 </div>
@@ -259,10 +261,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source online forum platform based on the old Pistachio design made by Google around 2010.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/forum" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/forum" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
-                  <a href="https://forums.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://forums.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Demo
                   </a>
                 </div>
@@ -280,7 +282,7 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source website used to host coding competitions. It's designed to be an adaptation of the old Google Code Jam competition dashboard interface.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/codejam" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/codejam" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
                 </div>
@@ -298,7 +300,7 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Web app built for my high school in my free time so teachers could reserve hours for the annual health checkup.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://github.com/avm99963/metge" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://github.com/avm99963/metge" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> GitHub repo
                   </a>
                 </div>
@@ -316,7 +318,7 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Soundblow was the Green Leaf successor. Another social network built with my friends Hodaifa and Mario which enabled people to share their favorite music with their friends.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button">
+                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> No longer available
                   </button>
                 </div>
@@ -336,10 +338,10 @@
               <div class="project-card__secondary mdc-typography mdc-typography--body2">Green Leaf was my first real life project. My friends Hodaifa, Mario, and me as a team built this social network in order to connect with our high school friends.</div>
               <div class="mdc-card__actions">
                 <div class="mdc-card__action-buttons">
-                  <a href="https://www.facebook.com/greenleaf.social/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button">
+                  <a href="https://www.facebook.com/greenleaf.social/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> Facebook page
                   </a>
-                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button">
+                  <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
                     <span class="mdc-button__ripple"></span> No longer available
                   </button>
                 </div>