update

README.md

@@ -12,11 +12,6 @@
 
 In-House Player built by MinPluto
 
-<br />
-
-<a href="https://codeberg.org/MinPluto/Zorn/" target="_blank"><img src="https://md.sudovanilla.org/images/badges/sdvn-badges-codeberg.png"/></a>
-<a href="https://registry.sudovanilla.org/-/web/detail/@minpluto/zorn" target="_blank"><img src="https://md.sudovanilla.org/images/badges/sdvn-badges-npmjs.png"/></a>
-<a href="https://www.npmjs.com/package/@minpluto/zorn" target="_blank"><img src="https://md.sudovanilla.org/images/badges/sdvn-badges-packages.png"/></a>
 
 </div>
 
@@ -27,7 +22,12 @@ In-House Player built by MinPluto
 </div>
 
 ## About
-Zorn is a web video player built for Astro. Originally built for a MinPluto frontend project, that was scrapped. The player offers features such as ambient mode, custom settings menu, YouTube with Invidious API, and the ability to add a separated audio source, along with viewing m3u8 streams are also possible, supporting live streams.
+
+Zorn is a web video player built for the [Astro Web Framework](https://astro.build). Features are offered like ambient mode, custom settings and context menu, YouTube support with [Invidious](https://invidious.io/) API, m3u8 for live streams, and to allow a separated audio source. 
+
+Originally built for the YouTube frontend projected called MinPluto Frontend, which has been scrapped due to the war on adblockers from YouTube, which affected every YouTube frontend project heavily. Due to this war, I've lost and gave up on the this frontend project. I didn't want the custom player I was building to go waste, so it's now a dedicated project and MinPluto has been converted into a sub-organization of SudoVanilla. 
+
+Zorn is still under in it's beta stages, but stable enough to be used in production environments. Make sure to set it up correctly by following the [documentations](https://zorn.docs.sudovanilla.org/).
 
 ## Links
 
@@ -41,7 +41,7 @@ General:
  - [Codeberg](https://codeberg.org/MinPluto/Zorn/) (Mirror)
  - [Pub Solar](https://git.pub.solar/MinPluto/Zorn) (Mirror)
 
- > Any other mirrors of the repository that are not listed here are not official and not controlled by SudoVanilla or MinPluto.
+ > Any other mirrors of the repository that are not listed here are not official and not controlled by SudoVanilla or MinPluto. Report the unofficial mirror to SudoVanilla if you find one. 
 
 
  ## License

TODO.md

@@ -25,7 +25,6 @@
  - [ ] Cast Support
  - [ ] 360 Video Support
  - [ ] Compress JavaScript?
- - [ ] Allow developer to use their own CSS
  - [ ] Add Themes
  - Components for use cases
    - [ ] More Videos (Left/Right Sidebar or Bottom Row, like YouTube during pause-state)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minpluto/zorn",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "author": "SudoVanilla",
   "displayName": "Zorn",
   "description": "In-House Player built by MinPluto",
@@ -29,7 +29,6 @@
     "playback"
   ],
   "scripts": {
-    "publish": "bun publish --registry https://js.registry.sudovanilla.org/",
     "test": "cd test/ && bun start"
   }
 }

src/Player.astro

@@ -100,8 +100,6 @@ import './Styles/Themes/Default.scss'
         :
         null
     }
-    <!-- Zorn: Big Play Button -->
-    {BigPlayButton ? <button class="big-present-button"><i class="iconoir-play-solid"></i></button> : null}
     <!-- Zorn: Seek -->
     <Seek PlayerName={PlayerName}/>
     <!-- Zorn: Subtitles -->

src/Styles/Themes/Default.scss

@@ -308,7 +308,7 @@
     justify-content: center;
     padding: 32px;
     cursor: pointer;
-    i::before {
+    svg::before {
         width: 64px;
         height: 64px;
     }

test/src/pages/index.astro

@@ -18,7 +18,7 @@ import {Zorn} from '@minpluto/zorn'
 		Subtitles
 		SeekColor="#FA857D"
 		Quality={
-			// This is up to the developer how they will implenant the change of quality in a player. SudoVanilla is not expeirenced with this. Each "Action" is an "onclick".
+			// This is up to the developer how they will implement the change of quality in a player. SudoVanilla is not expeirenced with this. Each "Action" is an "onclick".
 			// Please read documentations on making sure you're changing the quality for the correct player. It is made sure each player on a page has their own functions and don't conflict.
 			[
 				{"Resolution": "1080p","Action": "null"},