upgrade readme

readme.md

@@ -1,10 +1,51 @@
-# Splatnet, Recreated
-no fancy cool logo yet, todo tho.
+![SplatNet](/cover.png "Cover.png")
+-
+### Current Progress:
+<div class="progress-wrapper">
+  <div class="progress-container">
+    <div class="progress-bar" style="width: 0%;"></div>
+  </div>
+</div>
 
-to be able to run the existing pages, you have to jump through some hoops.
+<style>
+.progress-wrapper {
+  display: flex;
+  justify-content: center;
+}
 
-first, change your directory to the root directory (if cloned, it is normally named splatnet)
+.progress-container {
+  width: 400px;
+  height: 24px;
+  background: #e5e7eb;
+  border-radius: 12px;
+  overflow: hidden;
+}
 
-now, run ```python -m http.server 8080```, there are other methods but havent tried it. 
+.progress-bar {
+  height: 100%;
+  background: linear-gradient(90deg, #00ffcc, #00aa88);
+  transition: width 0.3s ease;
+}
+</style>
 
-then navigate to ```http://localhost:8080/html/stages/stages.html```
+<p style="text-align: center;">Basically 0% lol</p>
+
+### Pages HTML recreated:
+
+- [ ] Friends List
+
+- [ ] Rank
+
+- [ ] Equipment
+
+- [ ] Stage Info
+    - [x] Basic Stage Fetching (using pretendo)
+    - [x] Show stage pngs
+    - [ ] Show all stage times
+    - [ ] Show Ranked Mode
+
+### Basic ToDos:
+
+- [x] Title Bar
+- [ ] Page switching (hamburger menu)
+- [ ] Squid swimming background