formatting!!!

Author: ayvacs

README.md

@@ -1,7 +1,22 @@
-# GBA Online
+<br>
 
-![GitHub](https://img.shields.io/github/license/frogweezer/gba?style=for-the-badge)
-![GitHub commit activity](https://img.shields.io/github/commit-activity/m/frogweezer/gba?style=for-the-badge)
+<img alt="Header Image" src="https://github.com/frogweezer/gba/blob/gh-pages/assets/repo-card.png?raw=true">
+
+<div style="margin: auto;">
+  <p>GBA Online is a modern GameBoy Advance emulator for the web.</p>
+
+  <img alt="Github" src="https://img.shields.io/github/license/frogweezer/gba?style=for-the-badge">
+  <img alt="Github commit activity" src="https://img.shields.io/github/commit-activity/m/frogweezer/gba?style=for-the-badge">
+  <img alt="Github release (latest by date)" src="https://img.shields.io/github/v/release/frogweezer/gba?style=for-the-badge">
+</div>
+
+---
+
+## Releases
+
+**Latest Release:** [on the web](https://frogweezer.github.io/gba)
+
+**Past Releases:** [via GitHub](https://github.com/frogweezer/gba/releases)
 
 ## Credits
 

assets/repo-card.png

@@ -13,7 +13,16 @@
   <img src="assets/repo-card.png" height="300px">
   <br><br>
 
-  <p><b>GBA Online</b> is an online GBA emulator.</p>
+  <p>Welcome to <b>GBA Online</b>, a modern GameBoy Advance emulator for the web.</p>
+
+  <div>
+    <p style="font-size:25px;">
+      Created by <b>
+        <a style="font-size:25px;" href="https://github.com/frogweezer/gba">@frogweezer</a>
+      </b>
+    </p>
+  </div>
+
   <h1>Select a Game</h1>
 
   <a href="./player.html#advancewars">Advance Wars</a><br>
@@ -115,10 +124,12 @@ <h1>Select a Game</h1>
   <a href="./player.html#zelda_past">The Legend of Zelda: A Link to the Past</a><br>
   <a href="./player.html#zelda_minish">The Legend of Zelda: The Minish Cap</a><br>
 
+  <br>
+
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
   <script>
-    particlesJS.load('particles-js', 'assets/particles.json', function(){
-      //console.log('particles.json loaded');
+    particlesJS.load('particles-js', 'particles/_particles.json', function(){
+      console.log('particles.json loaded');
     });
   </script>
 </body>

assets/repo-card.psd

@@ -1,3 +1,14 @@
+body{
+  font-family: 'Source Sans Pro', sans-serif;
+  background: #0e1117;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+  padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
+  box-sizing: content-box; /* So the width will be 100% + 17px */
+}
+
 .text{
   text-align: center;
   color: #ffffff;
@@ -51,7 +62,7 @@ th{
 }
 
 p{
-  font-size: 20px;
+  font-size: 30px;
   color: #ffffff;
 }
 
@@ -60,32 +71,17 @@ i{
   color: #ffffff;
 }
 
-body{
-}
-
-body,
-html {
-  height: 100%;
-}
-
 /* Hide scrollbar */
 
+
 html{
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
 
-body{
-  font-family: 'Rubik', sans-serif;
-  background: #35363a;
-  text-align: center;
-  width: 100%;
-  height: 100%;
-  overflow-y: scroll;
-  padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
-  box-sizing: content-box; /* So the width will be 100% + 17px */
-}
+
+/* End hide scrollbar */
 
 #particles-js canvas {
   display: block;