Screenshots for README (#479)

* Add screenshots to readme

* README: Update download text

linux is superior so it must go before windows 🍵

* README: Update badge style and add issues and website badges

* update screenshots to include redesigned nav

* README: remove balding around header

README.md

@@ -6,27 +6,67 @@
 
   <br />
   <br />
+
+  <a href="https://casterr.sbond.co">
+    <img src="https://img.shields.io/website?label=WEBSITE&style=for-the-badge&url=https%3A%2F%2Fcasterr.sbond.co" />
+  </a>
+
+  <a href="https://github.com/sbondCo/Casterr/issues">
+    <img src="https://img.shields.io/github/issues-raw/sbondCo/Casterr?label=ISSUES&style=for-the-badge" />
+  </a>
 
   <a href="https://www.codefactor.io/repository/github/sbondco/casterr">
-    <img src="https://www.codefactor.io/repository/github/sbondco/casterr/badge" alt="CodeFactor" />
+    <img src="https://www.codefactor.io/repository/github/sbondco/casterr/badge?style=for-the-badge" alt="CodeFactor" />
   </a>
 
   <a href="LICENSE">
-    <img src="https://img.shields.io/github/license/CasterrTV/Casterr.svg" alt="License" />
+    <img src="https://img.shields.io/github/license/CasterrTV/Casterr.svg?style=for-the-badge" alt="License" />
   </a>
 
   <a>
-    <img src="https://img.shields.io/github/repo-size/CasterrTV/Casterr.svg" alt="Code Size" />
+    <img src="https://img.shields.io/github/repo-size/sbondCo/Casterr.svg?style=for-the-badge" alt="Code Size" />
   </a>
 </p>
 
 ## The best way to share your moments
 
 Casterr eases the process of sharing your best moments in and out game with our easy to use video clipping system.
-[Our website](https://casterr.sbond.co/) provides more detail along with download links for Windows and Linux.
+[Our website](https://casterr.sbond.co/) provides more detail along with download links for Linux (appimage) and Windows.
 
 Feel free to [test Casterr out](https://github.com/sbondCo/Casterr/releases), [track our progress to the next release](https://github.com/orgs/sbondCo/projects/8/views/2) or [ask for help](https://github.com/sbondCo/Casterr/issues/new/choose)!
 
+## Features & Screenshots
+
+Casterr is capable of performing a lot of duties that can help you when clipping and recording videos.
+
+### Video Recording
+
+Casterr can record your full desktop or a region. There are many settings you can edit to customize your recordings, such as, audio devices to record, separating audio tracks and FPS.
+
+### Past Recording Browser
+
+Search through your past videos and filter by Recordings or Clips. You can import video files (by dragging and dropping them in) from other sources if you don't want to record through Casterr.
+
+<img src="./screenshot/videos.png" alt="Viewing past recordings" />
+
+### Video Editor
+
+The editor allows you to playback your videos and clip them into highlights.
+
+In this screenshot we are simply playing a video:
+
+<img src="./screenshot/video-editor-playing.png" alt="Playing video in editor" />
+
+Here is an example of adding clips and bookmarks to our video:
+
+<img src="./screenshot/video-editor-clips-and-bookmarks.png" alt="Adding clips and bookmarks" />
+
+When we are done, we can simply click the continue button (right arrow) to create a new video from our clipped sections.
+
+### Customizable Settings (Video, Keybinds, etc)
+
+<img src="./screenshot/settings-recording.png" alt="Recording settings" />
+
 ## Contributing
 
 If you are looking to **contribute** any of your **ideas or code**, look **[here](CONTRIBUTING.md)**.