refactor: rename user

Author: johnggli

README.md

@@ -2,16 +2,16 @@
 <h3 align="center">Simple site to group all my profiles on social networks in one place.</h3>
 
 <p align="center">
-  <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/jchn146/linktree?color=04D361&labelColor=000000">
+  <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/johnggli/linktree?color=04D361&labelColor=000000">
 
-  <a href="https://www.linkedin.com/in/jchn146/">
+  <a href="https://www.linkedin.com/in/johnggli/">
     <img alt="Made by" src="https://img.shields.io/static/v1?label=made%20by&message=John%20Emerson&color=04D361&labelColor=000000">
   </a>
 
-  <img alt="Repository size" src="https://img.shields.io/github/repo-size/jchn146/linktree?color=04D361&labelColor=000000">
+  <img alt="Repository size" src="https://img.shields.io/github/repo-size/johnggli/linktree?color=04D361&labelColor=000000">
 
-  <a href="https://github.com/jchn146/linktree/commits/master">
-    <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/jchn146/linktree?color=04D361&labelColor=000000">
+  <a href="https://github.com/johnggli/linktree/commits/master">
+    <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/johnggli/linktree?color=04D361&labelColor=000000">
   </a>
 </p>
 
@@ -25,22 +25,22 @@
 ---
 
 <p align="center">
-  <img alt="preview" src="preview.png">
+  <img alt="screenshot" src="screenshot.png">
 </p>
 
 ---
 
 ## 💡 About the project
 
 This is an open source project that serves as a free alternative to the Linktree website.
-- [Demo](https://jchn146.github.io/linktree)
+- [Demo](https://johnggli.github.io/linktree)
 
 ## 🚀 Getting started
 
 If you installed git you can clone the code to your machine, or download a ZIP of all the files directly.
-[Download the ZIP from this location](https://github.com/jchn146/linktree/archive/master.zip), or run the following [git](https://git-scm.com/downloads) command to clone the files to your machine:
+[Download the ZIP from this location](https://github.com/johnggli/linktree/archive/master.zip), or run the following [git](https://git-scm.com/downloads) command to clone the files to your machine:
 ```bash
-git clone https://github.com/jchn146/linktree
+git clone https://github.com/johnggli/linktree
 ```
 - Once the files are on your machine, open the _linktree_ folder in [Visual Studio Code](https://code.visualstudio.com/).
 - With the files open in Visual Studio Code, press the **Go Live** button at the bottom of the window to launch the files with [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer).
@@ -63,4 +63,4 @@ This project is under the MIT license. See the [LICENSE](LICENSE.md) file for mo
 
 ---
 
-Made with ❤️ by John Emerson :wave: [Get in touch](https://jchn146.github.io/linktree)
+Made with ❤️ by John Emerson :wave: [Get in touch](https://johnggli.github.io/linktree)

index.html

@@ -40,26 +40,26 @@
     </div>
 
     <div id="userName">
-      @jchn146
+      @johnggli
     </div>
 
     <div id="links">
-      <a class="link" href="https://github.com/jchn146" target="_blank">
+      <a class="link" href="https://github.com/johnggli" target="_blank">
         <i class="fab fa-github">&nbsp;</i>Github
       </a>
-      <a class="link" href="https://www.linkedin.com/in/jchn146" target="_blank">
+      <a class="link" href="https://www.linkedin.com/in/johnggli" target="_blank">
         <i class="fab fa-linkedin">&nbsp;</i>Linkedin
       </a>
-      <a class="link" href="https://www.facebook.com/jchn146" target="_blank">
+      <a class="link" href="https://www.facebook.com/johnggli" target="_blank">
         <i class="fab fa-facebook">&nbsp;</i>Facebook
       </a>
-      <a class="link" href="https://www.instagram.com/jchn146" target="_blank">
+      <a class="link" href="https://www.instagram.com/johnggli" target="_blank">
         <i class="fab fa-instagram">&nbsp;</i>Instagram
       </a>
-      <a class="link" href="https://twitter.com/jchn146" target="_blank">
+      <a class="link" href="https://twitter.com/johnggli" target="_blank">
         <i class="fab fa-twitter">&nbsp;</i>Twitter
       </a>
-      <a class="link" href="https://myanimelist.net/profile/jchn146" target="_blank">
+      <a class="link" href="https://myanimelist.net/profile/johnggli" target="_blank">
         <i class="fa fa-play-circle">&nbsp;</i>MyAnimeList
       </a>
     </div>

preview.png

@@ -3,7 +3,7 @@
 :root {
     --bgColor: #223344;
     --bgColor2: #090a0f;
-    --accentColor: #E6E6E6;
+    --accentColor: #FFF;
     --font: 'Karla', sans-serif;
     --delay: .3s;
 }
@@ -28,7 +28,7 @@ body {
     width: 96px;
     height: 96px;
     display: block;
-    margin: 35px auto 20px;
+    margin: 40px auto 20px;
     border-radius: 50%;
     -webkit-tap-highlight-color: transparent;
 }