docs: add screenshots to readme

README.md

@@ -2,23 +2,30 @@
 
 abyss is a basic and mostly single user http server written in go made for uploading files (logs, images) and then sharing them to the internet
 
-## features
-
-- **file uploads**: supports uploading various file types, including images, videos, and documents.
-- **flexible media display**: automatically renders uploaded files on a webpage based on their type (images, pdfs, videos, or plain text).
-- **customizable interface**: allows for easy modification of color schemes and layout to suit specific design needs.
-- **syntax highlighting for code**: syntax highlighting available by default for code files, with support for multiple programming languages. (can be tweaked/changed and even removed)
-- **security considerations**: as it is single user, it's mostly secure but there are still some edges to sharpen
+<figure>
+ <img src="https://github.com/user-attachments/assets/eae42368-d8b5-4c42-ac8a-0e1486fcd0d4" alt="homepage"/>
+ <figcaption>this is abyss' default home page<figcaption/>
+</figure>
 
 ## table of contents
 
+- [features](#features)
 - [running abyss](#running)
   - [installing with docker](#docker)
   - [installing manually](#manual)
 - [uploading files](#uploading)
 - [theming](#theming)
 - [docs](#docs)
 - [todo list](#todo)
+- [more pictures](#pictures)
+
+## features
+
+- **file uploads**: supports uploading various file types, including images, videos, and documents.
+- **flexible media display**: automatically renders uploaded files on a webpage based on their type (images, pdfs, videos, or plain text).
+- **easily customizable interface**: allows for easy modification of color schemes and layout to suit specific design needs.
+- **syntax highlighting for code**: syntax highlighting available by default for code files, with support for multiple programming languages. (can be tweaked/changed and even removed)
+- **security considerations**: as it is single user, it's mostly secure but there are still some edges to sharpen
 
 ## running:
 
@@ -138,3 +145,15 @@ end
 - [x] custom file displaying!!
 - [x] syntax highlighting
 - [ ] add rate limits
+
+## pictures
+
+<figure>
+<img src="https://github.com/user-attachments/assets/32ce9b3a-8c0f-4bb5-bdcf-3a602e0c81e6"/>
+ <figcaption>this is abyss' default directory list<figcaption/>
+</figure>
+
+<figure>
+<img src="https://github.com/user-attachments/assets/7072b227-9972-4c2a-a9f3-384d2efb4fe1"/>
+ <figcaption>this is abyss' default file presentation<figcaption/>
+</figure>