Merge pull request #401 from ajayyy/react

Improvements
New Crowdin updates (#400 )
2025-12-10 21:47:06 +03:00 · 2020-07-12 23:09:43 -04:00 · 2020-07-12 23:08:04 -04:00 · 2020-07-12 23:07:55 -04:00 · 2020-07-12 20:59:35 -04:00 · 2020-07-12 18:52:36 -04:00
42 changed files with 1810 additions and 575 deletions
--- a/README.md
+++ b/README.md
@@ -11,19 +11,23 @@
  <b>Download:</b>
  <a href="https://chrome.google.com/webstore/detail/mnjggcdmjocbbbhaepdhchncahnbgone">Chrome/Chromium</a> |
  <a href="https://addons.mozilla.org/addon/sponsorblock/?src=external-github">Firefox</a> |
+  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Android">Android</a> |
+  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Edge">Edge</a> |
  <a href="https://sponsor.ajay.app">Website</a> |
  <a href="https://sponsor.ajay.app/stats">Stats</a>
 </p>

 <p align="center">
  <b>Unofficial Ports:</b>
-  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Unofficial-Ports#mpv-media-player">MPV</a>
+  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Unofficial-Ports#mpv-media-player">MPV</a> |
+  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Unofficial-Ports#kodi">Kodi</a> |
+  <a href="https://github.com/ajayyy/SponsorBlock/wiki/Unofficial-Ports#ios">iOS</a>
 </p>

 <p align="center">
    <a href="https://addons.mozilla.org/addon/sponsorblock/?src=external-github"><img src="https://img.shields.io/amo/users/sponsorblock?label=Firefox%20Users" alt="Badge"></img></a>
-    <a href="https://chrome.google.com/webstore/detail/mnjggcdmjocbbbhaepdhchncahnbgone"><img src="https://img.shields.io/chrome-web-store/users/mnjggcdmjocbbbhaepdhchncahnbgone?label=Chome%20Users" alt="Badge"></img></a>
-    <a href="https://sponsor.ajay.app/stats"><img src="https://img.shields.io/badge/dynamic/json?label=Sponsors%20Submitted&query=totalSubmissions&suffix=%20sponsors&url=http%3A%2F%2Fsponsor.ajay.app%2Fapi%2FgetTotalStats&color=darkred" alt="Badge"></img></a>
+    <a href="https://chrome.google.com/webstore/detail/mnjggcdmjocbbbhaepdhchncahnbgone"><img src="https://img.shields.io/chrome-web-store/users/mnjggcdmjocbbbhaepdhchncahnbgone?label=Chrome%20Users" alt="Badge"></img></a>
+    <a href="https://sponsor.ajay.app/stats"><img src="https://img.shields.io/badge/dynamic/json?label=Submissions&query=totalSubmissions&suffix=%20segments&url=http%3A%2F%2Fsponsor.ajay.app%2Fapi%2FgetTotalStats&color=darkred" alt="Badge"></img></a>
    <a href="https://sponsor.ajay.app/stats"><img src="https://img.shields.io/badge/dynamic/json?label=Contributing%20Users&query=userCount&url=http%3A%2F%2Fsponsor.ajay.app%2Fapi%2FgetTotalStats&color=darkblue" alt="Badge"></img></a>
    <a href="https://sponsor.ajay.app/stats"><img src="https://img.shields.io/badge/dynamic/json?label=Time%20Saved%20From%20Skips&query=daysSaved&url=http%3A%2F%2Fsponsor.ajay.app%2Fapi%2FgetDaysSavedFormatted&color=darkgreen&suffix=%20days" alt="Badge"></img></a>
 </p>
@@ -32,7 +36,7 @@

 SponsorBlock is an extension that will skip over sponsored segments of YouTube videos. SponsorBlock is a crowdsourced browser extension that lets anyone submit the start and end times of sponsored segments of YouTube videos. Once one person submits this information, everyone else with this extension will skip right over the sponsored segment.

-Also support Invidio.us.
+Also supports Invidio.us.

 **Translate:** [![Crowdin](https://badges.crowdin.net/sponsorblock/localized.svg)](https://crowdin.com/project/sponsorblock)

@@ -46,7 +50,7 @@ The backend server code is available here: https://github.com/ajayyy/SponsorBloc

 It is a simple SQLite database that will hold all the timing data.

-To make sure that this project doesn't die, I have made the database publicly downloadable at https://sponsor.ajay.app/database.db. If you are planning on using the database in another project, please read the [API Docs](https://github.com/ajayyy/SponsorBlock/wiki/API-Docs) page for more information.
+To make sure that this project doesn't die, I have made the database publicly downloadable at https://sponsor.ajay.app/database.db ([License](https://github.com/ajayyy/SponsorBlock/wiki/Database-and-API-License)). If you are planning on using the database in another project, please read the [API Docs](https://github.com/ajayyy/SponsorBlock/wiki/API-Docs) page for more information.

 The dataset and API are now being used in some [ports](https://github.com/ajayyy/SponsorBlock/wiki/Unofficial-Ports) as well as a [neural network](https://github.com/andrewzlee/NeuralBlock).

--- a/manifest/manifest.json
+++ b/manifest/manifest.json
@@ -1,7 +1,7 @@
 {
    "name": "__MSG_fullName__",
-    "short_name": "__MSG_Name__",
-    "version": "1.2.30",
+    "short_name": "SponsorBlock",
+    "version": "2.0.4",
    "default_locale": "en",
    "description": "__MSG_Description__",
    "content_scripts": [{
@@ -32,6 +32,7 @@
        "icons/downvote.png",
        "icons/thumbs_down.svg",
        "icons/thumbs_up.svg",
+        "icons/help.svg",
        "icons/report.png",
        "icons/close.png",
        "icons/beep.ogg",
@@ -49,7 +50,7 @@
        "*://*/*"
    ],
    "browser_action": {
-        "default_title": "__MSG_Name__",
+        "default_title": "SponsorBlock",
        "default_popup": "popup.html"
    }, 
    "background": {
--- a/public/_locales/bg/messages.json
+++ b/public/_locales/bg/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock за YouTube - пропускай спонсорства",
        "description": "Name of the extension."
@@ -95,9 +91,6 @@
    "voted": {
        "message": "Гласувано!"
    },
-    "voteFail": {
-        "message": "Вече сте гласували така преди."
-    },
    "connectionError": {
        "message": "Възникна грешка с връзката. Код на грешката: "
    },
@@ -127,5 +120,29 @@
    },
    "voteOnTime": {
        "message": "Гласуване за спонсорства"
+    },
+    "savedPeopleFrom": {
+        "message": "Вие сте помогнали на хора да пропуснат "
+    },
+    "viewLeaderboard": {
+        "message": "Вижте leaderboard-а"
+    },
+    "here": {
+        "message": "тук"
+    },
+    "discordAdvert": {
+        "message": "Елате в официалния Discord сървър за да давате предложения!"
+    },
+    "hideThis": {
+        "message": "Скрий това"
+    },
+    "Options": {
+        "message": "Настройки"
+    },
+    "showButtons": {
+        "message": "Показване на бутоните в YouTube Player-а"
+    },
+    "hideButtons": {
+        "message": "Скриване на бутоните в YouTube Player-а"
    }
 }
--- a/public/_locales/de/messages.json
+++ b/public/_locales/de/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock für YouTube - Überspringe Sponsor Anzeigen",
        "description": "Name of the extension."
@@ -12,10 +8,10 @@
        "description": "Description of the extension."
    },
    "400": {
-        "message": "Ungültige Anforderung"
+        "message": "Der Server meldet, dass diese Anfrage ungültig war"
    },
    "429": {
-        "message": "Du hast zu viele Segmente in diesem Video eingereicht. Bist du dir sicher?"
+        "message": "Du hast zu viele Segmente in diesem Video eingereicht. Sind es wirklich so viele?"
    },
    "409": {
        "message": "Dieser Inhalt wurde bereits eingereicht."
@@ -33,11 +29,17 @@
        "message": "gesponsorter Inhalt"
    },
    "Segments": {
-        "message": "gesponsorte Inhalte"
+        "message": "gesponserten Inhalten"
+    },
+    "upvoteButtonInfo": {
+        "message": "Diesen Beitrag aufwerten"
    },
    "reportButtonTitle": {
        "message": "Melden"
    },
+    "reportButtonInfo": {
+        "message": "Beitrag als unzulässig melden."
+    },
    "Dismiss": {
        "message": "Abbrechen"
    },
@@ -98,8 +100,8 @@
    "voted": {
        "message": "Abgestimmt!"
    },
-    "voteFail": {
-        "message": "Du hast bereits so abgestimmt."
+    "serverDown": {
+        "message": "Der Server ist scheinbar offline. Bitte unverzüglich dem Entwickler melden."
    },
    "connectionError": {
        "message": "Ein Verbindungsfehler ist aufgetreten. Fehlermeldung: "
@@ -117,7 +119,7 @@
        "message": "Öffne SponsorBlock-Popup"
    },
    "SubmitTimes": {
-        "message": "Sende Auswahl"
+        "message": "Diese Zeiten einreichen"
    },
    "submitCheck": {
        "message": "Bist du sicher, dass die Auswahl abgeschickt werden soll?"
@@ -216,7 +218,7 @@
        "message": "Benachrichtigung wieder zeigen"
    },
    "longDescription": {
-        "message": "SponsorBlock ist eine Erweiterung, die gesponsorte Segmente in YouTube-Videos überspringt. SponsorBlock ist ein Benutzernetzwerk, bei dem jeder Anfang und Ende eines Werbeblocks einreichen kann. Sobald die Information von einem Nutzer eingereicht wurde, überspringen die Erweiterungen der anderen dieses Segment automatisch.",
+        "message": "SponsorBlock ist eine Erweiterung, die gesponserte Segmente von YouTube Videos überspringt. SponsorBlock ist eine durch Crowdsourcing betriebene Browsererweiterung, die es jedem erlaubt, die Beginn- und Endzeitpunkte von gesponserten Segmenten in YouTube Videos einzureichen. Nachdem diese Information eingereicht wurde, wird das Segment für alle anderen Nutzer mit dieser Erweiterung direkt übersprungen.\n\nDu kannst auch den Vorspann, Nachspann, Erinnerungen zu abonnieren und andere Kategorien überspringen.",
        "description": "Full description of the extension on the store pages."
    },
    "website": {
@@ -276,7 +278,7 @@
        "message": "Auto-Überspringen deaktivieren"
    },
    "enableAutoSkip": {
-        "message": "Auto-Überspringen aktivieren"
+        "message": "Automatisches Überspringen aktivieren"
    },
    "autoSkipDescription": {
        "message": "Auto-Überspringen überspringt gesponsorte Inhalte für dich. Wenn deaktiviert, fragt die Benachrichtigung, ob übersprungen werden soll."
@@ -287,6 +289,12 @@
    "audioNotificationDescription": {
        "message": "Audio-Benachrichtigung beim Überspringen wird einen Ton abspielen, wenn ein Sponsor übersprungen wird. Wenn deaktiviert (oder wenn Automatisches-Überspringen deaktiviert ist), wird kein Ton abgespielt."
    },
+    "showTimeWithSkips": {
+        "message": "Zeit mit entfernten Überspringungen anzeigen"
+    },
+    "showTimeWithSkipsDescription": {
+        "message": "Diese Zeit wird in Klammern neben der aktuellen Zeit in der Suchleiste angezeigt. Diese Zeit die gesamte Dauer des Videos ohne jeglicher Segmente. Dies inkludiert auch Segmente, die als \"In Suchleiste anzeigen\" markiert sind."
+    },
    "youHaveSkipped": {
        "message": "Du übersprangst "
    },
@@ -464,9 +472,6 @@
    "theKey": {
        "message": "Die Taste"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "wird bereits von Youtube verwendet. Bitte wählen Sie eine andere Taste."
-    },
    "keyAlreadyUsed": {
        "message": "an eine andere Aktion gebunden. Bitte wählen Sie eine andere Taste."
    },
@@ -477,33 +482,80 @@
    "category_sponsor": {
        "message": "Sponsor"
    },
+    "category_sponsor_description": {
+        "message": "Bezahlte Promotion, bezahlte Empfehlungen und direkte Werbung. Nicht für Selbstpromotion oder kostenlose Shoutouts an Ursachen/Webseiten/Produkte, die sie mögen."
+    },
    "category_intro": {
-        "message": "Intro Animation"
+        "message": "Unterbrechung/Vorspann"
+    },
+    "category_intro_description": {
+        "message": "Ein Intervall ohne relevanten Inhalt. Beispiele dafür wären eine Pause, ein statisches Bild oder sich wiederholende Animationen. Dies sollte nicht für Übergänge benutzt werden, die Informationen erhalten oder für Musikvideos."
+    },
+    "category_intro_short": {
+        "message": "Unterbrechung"
    },
    "category_outro": {
        "message": "Endkarten/Credits"
    },
+    "category_outro_description": {
+        "message": "Credits oder wenn die YouTube-Endkarten erscheinen. Nicht für gesprochene Fazits. Dies sollte keine nützlichen Inhalte beinhalten. Dies sollte nicht für Musikvideos verwendet werden."
+    },
    "category_interaction": {
        "message": "Interaktions-Erinnerung (Abonnieren)"
    },
+    "category_interaction_description": {
+        "message": "Wenn es eine kurze Erinnerung gibt, zu abonnieren oder zu folgen in der Mitte des Videos. Wenn es lange ist oder etwas Konkretes ist, sollte es stattdessen unter Selbstpromotion stehen."
+    },
+    "category_interaction_short": {
+        "message": "Interaktions-Erinnerung"
+    },
    "category_selfpromo": {
-        "message": "Eigenwerbung und Merchandise"
+        "message": "Unbezahlt/Eigenwerbung"
+    },
+    "category_selfpromo_description": {
+        "message": "Ähnlich wie bei \"Sponsor\" mit Ausnahme von unbezahlten oder Selbstpromotion. Dies beinhaltet Abschnitte über Waren, Spenden oder Informationen darüber, mit wem sie zusammengearbeitet haben."
    },
    "category_music_offtopic": {
        "message": "Musik: Nicht-Musik-Abschnitt"
    },
+    "category_music_offtopic_description": {
+        "message": "Nur für den Einsatz in Musikvideos. Dies beinhaltet Einführungen oder Outros in Musikvideos."
+    },
+    "category_music_offtopic_short": {
+        "message": "Nicht-Musik"
+    },
    "category_livestream_messages": {
        "message": "Livestream: Spenden/Nachrichten vorlesen"
    },
+    "category_livestream_messages_short": {
+        "message": "Nachrichten lesen"
+    },
    "disable": {
        "message": "Deaktivieren"
    },
    "manualSkip": {
-        "message": "Manueller Überspringen"
+        "message": "Manuelles Überspringen"
    },
    "showOverlay": {
        "message": "Vor-/Rücklaufleiste anzeigen"
    },
+    "colorFormatIncorrect": {
+        "message": "Ihre Farbe ist falsch formatiert. Sie sollte ein 3-6-stelliger Hex-Code mit einem Zahlenzeichen am Anfang sein."
+    },
+    "previewColor": {
+        "message": "Vorschau Farbe",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Suchleisten-Farbe"
+    },
+    "category": {
+        "message": "Kategorie"
+    },
+    "skipOption": {
+        "message": "Option zum Überspringen",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "Beta Testing Server aktivieren"
    },
@@ -554,5 +606,27 @@
    },
    "nonMusicCategoryOnMusic": {
        "message": "Dieses Video ist als Musik kategorisiert. Sind Sie sicher, dass Sie Segmente mit Nicht-Musikkategorien einreichen möchten? Wenn dieses Video nicht wirklich Musik ist, sollten Sie dieses Segment nicht einreichen. Bitte lesen Sie die Richtlinien, wenn Sie verwirrt sind."
+    },
+    "multipleSegments": {
+        "message": "Mehrere Segmente"
+    },
+    "guidelines": {
+        "message": "Richtlinien"
+    },
+    "readTheGuidelines": {
+        "message": "Lesen Sie die Richtlinien!!",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "Kategorien sind hier!"
+    },
+    "categoryUpdate2": {
+        "message": "Öffnen Sie die Optionen um Intros, Outros, Merch usw. zu überspringen."
+    },
+    "unsubmittedWarning": {
+        "message": "Nicht eingereichte Segment-Benachrichtigung"
+    },
+    "unsubmittedWarningDescription": {
+        "message": "Senden Sie eine Benachrichtigung, wenn Sie ein Video mit nicht hochgeladenen Segmenten verlassen"
    }
 }
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock for YouTube - Skip Sponsorships",
        "description": "Name of the extension."
@@ -222,7 +218,7 @@
        "message": "Show Notice Again"
    },
    "longDescription": {
-        "message": "SponsorBlock is an extension that will skip over sponsored segments of YouTube videos. SponsorBlock is a crowdsourced browser extension that lets anyone submit the start and end times of sponsored segments of YouTube videos. Once one person submits this information, everyone else with this extension will skip right over the sponsored segment.",
+        "message": "SponsorBlock is an extension that will skip over sponsored segments of YouTube videos. SponsorBlock is a crowdsourced browser extension that lets anyone submit the start and end times of sponsored segments of YouTube videos. Once one person submits this information, everyone else with this extension will skip right over the sponsored segment. \n\n You can also skip intros, outros, reminders to subscribe and other categories.",
        "description": "Full description of the extension on the store pages."
    },
    "website": {
@@ -293,6 +289,12 @@
    "audioNotificationDescription": {
        "message": "Audio notification on skip will play a sound whenever a sponsor is skipped. If disabled (or auto skip is disabled), no sound will be played."
    },
+    "showTimeWithSkips": {
+        "message": "Show Time With Skips Removed"
+    },
+    "showTimeWithSkipsDescription": {
+        "message": "This time appears in brackets next to the current time on below the seekbar. This shows the total video duration minus any segments. This includes segments marked as only \"Show In Seekbar\"."
+    },
    "youHaveSkipped": {
        "message": "You have skipped "
    },
@@ -470,9 +472,6 @@
    "theKey": {
        "message": "The key"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "is already used by youtube. Please select another key."
-    },
    "keyAlreadyUsed": {
        "message": "is bound to another action. Please select another key."
    },
@@ -483,24 +482,54 @@
    "category_sponsor": {
        "message": "Sponsor"
    },
+    "category_sponsor_description": {
+        "message": "Paid promotion, paid referrals and direct advertisements. Not for self-promotion or free shoutouts to causes/creators/websites/products they like."
+    },
    "category_intro": {
-        "message": "Intro Animation"
+        "message": "Intermission/Intro Animation"
+    },
+    "category_intro_description": {
+        "message": "An interval without actual content. Could be a pause, static frame, repeating animation. This should not be used for transitions containing information or be used on music videos."
+    },
+    "category_intro_short": {
+        "message": "Intermission"
    },
    "category_outro": {
        "message": "Endcards/Credits"
    },
+    "category_outro_description": {
+        "message": "Credits or when the YouTube endcards appear. Not for spoken conclusions. This should not include useful content. This should not be used on music videos."
+    },
    "category_interaction": {
        "message": "Interaction Reminder (Subscribe)"
    },
+    "category_interaction_description": {
+        "message": "When there is a short reminder to like, subscribe or follow them in the middle of content. If it is long or about something specific, it should be under self promotion instead."
+    },
+    "category_interaction_short": {
+        "message": "Interaction Reminder"
+    },
    "category_selfpromo": {
        "message": "Unpaid/Self Promotion"
    },
+    "category_selfpromo_description": {
+        "message": "Similar to \"sponsor\" except for unpaid or self promotion. This includes sections about merchandise, donations, or information about who they collaborated with."
+    },
    "category_music_offtopic": {
        "message": "Music: Non-Music Section"
    },
+    "category_music_offtopic_description": {
+        "message": "Only for use in music videos. This includes introductions or outros in music videos."
+    },
+    "category_music_offtopic_short": {
+        "message": "Non-Music"
+    },
    "category_livestream_messages": {
        "message": "Livestream: Donation/Message Readings"
    },
+    "category_livestream_messages_short": {
+        "message": "Message Reading"
+    },
    "disable": {
        "message": "Disable"
    },
@@ -510,6 +539,23 @@
    "showOverlay": {
        "message": "Show In Seek Bar"
    },
+    "colorFormatIncorrect": {
+        "message": "Your color is formatted incorrectly. It should be a 3 or 6 digit hex code with a number sign at the beginning."
+    },
+    "previewColor": {
+        "message": "Preview Color",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Seek Bar Color"
+    },
+    "category": {
+        "message": "Category"
+    },
+    "skipOption": {
+        "message": "Skip Option",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "Enable Beta Testing Server"
    },
@@ -525,6 +571,12 @@
    "moreCategories": {
        "message": "More Categories"
    },
+    "chooseACategory": {
+        "message": "Choose a Category"
+    },
+    "youMustSelectACategory": {
+        "message": "You must select a category for all segments you are submitting!"
+    },
    "bracketEnd": {
        "message": "(End)"
    },
@@ -563,5 +615,24 @@
    },
    "multipleSegments": {
        "message": "Multiple Segments"
+    },
+    "guidelines": {
+        "message": "Guidelines"
+    },
+    "readTheGuidelines": {
+        "message": "Read The Guidelines!!",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "Categories are here!"
+    },
+    "categoryUpdate2": {
+        "message": "Open the options to skip intros, outros, merch, etc."
+    },
+    "unsubmittedWarning": {
+        "message": "Unsubmitted Segments Notification"
+    },
+    "unsubmittedWarningDescription": {
+        "message": "Send a notification when you leave a video with segments that are not uploaded"
    }
 }
--- a/public/_locales/es/messages.json
+++ b/public/_locales/es/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock para YouTube - Omitir Sponsors",
        "description": "Name of the extension."
@@ -221,10 +217,6 @@
    "showNotice": {
        "message": "Mostrar aviso de nuevo"
    },
-    "longDescription": {
-        "message": "SponsorBlock es una extensión que se omitira segmentos de sponsor de vídeos de YouTube. SponsorBlock es una extensión de navegador que permite a cualquiera enviar los tiempos de comienzo y fin de segmentos de sponsor de vídeos de YouTube. Una vez que una persona envíe esta información, todos los demás con esta extensión pueden omitir directamente el segmento de sponsor.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Sitio Web",
        "description": "Used on Firefox Store Page"
@@ -440,27 +432,18 @@
    "theKey": {
        "message": "El botón"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "ya está en uso por youtube. Por favor, seleccione otro botón."
-    },
    "keyAlreadyUsed": {
        "message": "está enlazado a otra acción. Por favor, seleccione otro botón."
    },
    "category_sponsor": {
        "message": "Sponsor"
    },
-    "category_intro": {
-        "message": "Animación de introducción"
-    },
    "category_outro": {
        "message": "Tarjetas/Créditos"
    },
    "category_interaction": {
        "message": "Recordatorio de interacción (subscribir)"
    },
-    "category_selfpromo": {
-        "message": "Auto-promoción y mercancía"
-    },
    "category_music_offtopic": {
        "message": "Música: Sección sin musica"
    },
--- a/public/_locales/fi/messages.json
+++ b/public/_locales/fi/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock YouTubelle - Ohita sponsoroinnit",
        "description": "Name of the extension."
@@ -101,9 +97,6 @@
    "voted": {
        "message": "Äänestetty!"
    },
-    "voteFail": {
-        "message": "Olet jo äänestänyt näin aiemmin."
-    },
    "serverDown": {
        "message": "Palvelin näyttää olevan alhaalla. Ota heti yhteyttä kehittäjään."
    },
@@ -317,9 +310,6 @@
    "theKey": {
        "message": "Näppäin"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "on jo YouTuben käytössä. Valitse toinen näppäin."
-    },
    "keyAlreadyUsed": {
        "message": "on jo liitetty toiseen toimintoon. Valitse toinen näppäin."
    },
@@ -330,18 +320,12 @@
    "category_sponsor": {
        "message": "Sponsori"
    },
-    "category_intro": {
-        "message": "Intro-animaatio"
-    },
    "category_outro": {
        "message": "Loppukortit/-tekstit"
    },
    "category_interaction": {
        "message": "Vuorovaikutusmuistutus (tilaaminen)"
    },
-    "category_selfpromo": {
-        "message": "Itsepromootio ja fanituotteet"
-    },
    "category_music_offtopic": {
        "message": "Musiikki: muussa kuin Musiikki-osiossa"
    },
--- a/public/_locales/fr/messages.json
+++ b/public/_locales/fr/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock pour YouTube - Supprime les messages commerciaux et publicités intégrées",
        "description": "Name of the extension."
@@ -81,10 +77,10 @@
        "message": "Êtes-vous certain(e) de vouloir supprimer vos soumissions ?\n\n"
    },
    "Unknown": {
-        "message": "Une erreur s'est produite lors de la soumission, veuillez ré-essayer plus tard."
+        "message": "Une erreur s'est produite lors de la soumission, veuillez réessayer plus tard."
    },
    "sponsorFound": {
-        "message": "Les messages commerciaux pour cette vidéo sont déjà dans notre base de donnée !"
+        "message": "Les messages commerciaux pour cette vidéo sont déjà dans notre base de données !"
    },
    "sponsor404": {
        "message": "Pas de messages commerciaux trouvés"
@@ -104,9 +100,6 @@
    "voted": {
        "message": "A voté !"
    },
-    "voteFail": {
-        "message": "Vous avez déjà voté pour ce choix."
-    },
    "serverDown": {
        "message": "Le serveur ne fonctionne pas. Contactez le développeur."
    },
@@ -171,10 +164,10 @@
        "message": "Soumettre les temps"
    },
    "publicStats": {
-        "message": "Affiché sur le classement public pour montrer vos contributions. Voir sur"
+        "message": "Votre pseudo est inscrit dans le classement public pour afficher vos contributions. Le consulter"
    },
    "setUsername": {
-        "message": "Choisir pseudo"
+        "message": "Choisir un pseudonyme"
    },
    "discordAdvert": {
        "message": "Rejoignez le serveur Discord officiel pour toutes suggestions ou remarques!"
@@ -224,10 +217,6 @@
    "showNotice": {
        "message": "Afficher la notification"
    },
-    "longDescription": {
-        "message": "SponsorBlock est une extension qui permet de passer les messages commerciaux des vidéos YouTube. SponsorBlock est une extension pour navigateur basée sur le crowdsourcing permettant à n'importe qui de soumettre le début et la fin des segments commerciaux sur les vidéos YouTube. Dès qu'une personne a soumis ces informations, les autres utilisateurs de l'extension en bénéficieront et verront les messages commerciaux automatiquement sautés.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Site web",
        "description": "Used on Firefox Store Page"
@@ -300,7 +289,7 @@
        "message": "Vous avez passé "
    },
    "youHaveSaved": {
-        "message": "Vous avez économisé "
+        "message": "Vous vous êtes économisé "
    },
    "minLower": {
        "message": "minute"
@@ -345,13 +334,13 @@
        "message": "Passage automatique"
    },
    "showSkipNotice": {
-        "message": "Afficher l'avis après le passage d'un sponsor"
+        "message": "Notifier après qu'un sponsor ait été sauté"
    },
    "keybindCurrentlySet": {
        "message": ". Il est actuellement réglé sur :"
    },
    "supportInvidious": {
-        "message": "Soutenir Invidious"
+        "message": "Supporter Invidious"
    },
    "supportInvidiousDescription": {
        "message": "Invidious (invidio.us) est un client tiers pour YouTube. Vous devez accepter des permissions supplémentaires pour activer son support. Cette fonctionnalité ne fonctionne pas en mode incognito sur Chrome et les autres variantes de Chromium."
@@ -473,9 +462,6 @@
    "theKey": {
        "message": "La clé"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "est déjà utilisé par YouTube. Veuillez sélectionner une autre clé."
-    },
    "keyAlreadyUsed": {
        "message": "est lié à une autre action. Veuillez sélectionner une autre clé."
    },
@@ -486,24 +472,45 @@
    "category_sponsor": {
        "message": "Message commercial"
    },
-    "category_intro": {
-        "message": "Générique d'introduction"
+    "category_sponsor_description": {
+        "message": "Promotion rémunérée, parrainage rémunéré et publicité directe. Pas pour l'autopromotion ou les présentations gratuites de causes, de créateurs, de sites web ou de produits qu'ils aiment."
    },
    "category_outro": {
        "message": "Générique de fin"
    },
+    "category_outro_description": {
+        "message": "Générique de fin ou quand les fiches de fin de vidéo apparaissent. Ne pas utiliser pour les conclusions orales. Ne doit pas inclure de contenu utile. Ne pas utiliser sur les vidéos de musique."
+    },
    "category_interaction": {
        "message": "Rappel d'interaction (abonnement)"
    },
+    "category_interaction_description": {
+        "message": "Lorsqu'il y a un bref rappel pour liker, s'abonner ou les follow parmi le contenu. Si le message est long ou porte sur quelque chose de spécifique, cela devrait plutôt être classé comme une autopromotion."
+    },
+    "category_interaction_short": {
+        "message": "Rappel d'interaction"
+    },
    "category_selfpromo": {
-        "message": "Auto-promotion et produits dérivés"
+        "message": "Non rémunéré/autopromotion"
+    },
+    "category_selfpromo_description": {
+        "message": "Semblable au \"sponsor\", excepté pour la promotion non rémunérée ou l'auto-promotion. Cela inclut les marchandises, les dons et les informations sur leurs collaborateurs."
    },
    "category_music_offtopic": {
        "message": "Musique : Segment non-musicale"
    },
+    "category_music_offtopic_description": {
+        "message": "A utiliser uniquement dans les vidéos musicales. Cela inclut les introductions ou les fins dans les vidéos."
+    },
+    "category_music_offtopic_short": {
+        "message": "Hors musique"
+    },
    "category_livestream_messages": {
        "message": "Stream : lecture de dons et messages"
    },
+    "category_livestream_messages_short": {
+        "message": "Lecture de messages"
+    },
    "disable": {
        "message": "Désactiver"
    },
@@ -513,6 +520,23 @@
    "showOverlay": {
        "message": "Afficher dans la barre de progression"
    },
+    "colorFormatIncorrect": {
+        "message": "Votre couleur est mal formatée. Il devrait s'agir d'un code hexadécimal à 3 ou 6 chiffres avec un signe numérique au début."
+    },
+    "previewColor": {
+        "message": "Couleur en mode aperçu",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Couleur dans la barre de progression"
+    },
+    "category": {
+        "message": "Catégorie"
+    },
+    "skipOption": {
+        "message": "Option de saut",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "Activer le serveur de test bêta"
    },
@@ -566,5 +590,24 @@
    },
    "multipleSegments": {
        "message": "Plusieurs segments"
+    },
+    "guidelines": {
+        "message": "Instructions"
+    },
+    "readTheGuidelines": {
+        "message": "Lisez les instructions !!",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "Les catégories sont là !"
+    },
+    "categoryUpdate2": {
+        "message": "Ouvrir les options pour sauter les intros, outros, marchandises, etc."
+    },
+    "unsubmittedWarning": {
+        "message": "Notification de segments non soumis"
+    },
+    "unsubmittedWarningDescription": {
+        "message": "Envoyer une notification lorsque vous quittez une vidéo avec des segments qui ne sont pas téléversés"
    }
 }
--- a/public/_locales/gu/messages.json
+++ b/public/_locales/gu/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "સ્પોન્સરબ્લોક",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "યુટ્યુબ માટે સ્પોન્સરબ્લોક - સ્પોન્સરશિપ છોડી દો",
        "description": "Name of the extension."
--- a/public/_locales/it/messages.json
+++ b/public/_locales/it/messages.json
@@ -91,9 +91,6 @@
    "voted": {
        "message": "Votato!"
    },
-    "voteFail": {
-        "message": "Hai già votato."
-    },
    "connectionError": {
        "message": "Si è verificato un errore durante la connessione. Codice errore: "
    },
@@ -208,10 +205,6 @@
    "showNotice": {
        "message": "Mostra di Nuovo l'Avviso"
    },
-    "longDescription": {
-        "message": "SponsorBlock è un'estensione che salta gli spezzoni con contenuti sponsorizzati nei video di YouTube. SponsorBlock è un'estensione crowdsourced per i browser che permette a chiunque di inviare i minutaggi degli spezzoni sponsorizzati nei video di YouTube. Quando una persona avrà inviato questa informazione, tutti gli utenti che utilizzano questa estensione potranno saltare lo spezzone sponsorizzato.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Sito Web",
        "description": "Used on Firefox Store Page"
--- a/public/_locales/nl/messages.json
+++ b/public/_locales/nl/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock voor YouTube - Sla sponsorberichten over",
        "description": "Name of the extension."
@@ -11,15 +7,39 @@
        "message": "Sla sponsoring over op YouTube video's. Rapporteer sponsors van video's die je bekijkt om tijd van anderen te besparen.",
        "description": "Description of the extension."
    },
+    "400": {
+        "message": "Server zegt dat het verzoek ongeldig is"
+    },
+    "429": {
+        "message": "Je hebt te veel sponsortijden voor deze video doorgegeven, weet je zeker dat het er zo veel zijn?"
+    },
+    "409": {
+        "message": "Dit is al een keer ingediend"
+    },
+    "channelWhitelisted": {
+        "message": "Kanaal gewhitelist!"
+    },
    "Sponsor": {
        "message": "sponsor"
    },
    "Sponsors": {
        "message": "sponsoren"
    },
+    "Segment": {
+        "message": "Sponsor segment"
+    },
+    "Segments": {
+        "message": "Sponsor segmenten"
+    },
+    "upvoteButtonInfo": {
+        "message": "Stem op deze indiening"
+    },
    "reportButtonTitle": {
        "message": "Melden"
    },
+    "reportButtonInfo": {
+        "message": "Rapporteer deze indiening als onjuist."
+    },
    "Dismiss": {
        "message": "Negeren"
    },
@@ -35,9 +55,21 @@
    "Hide": {
        "message": "Nooit weergeven"
    },
+    "hitGoBack": {
+        "message": "Druk op unskip om naar waar je vandaan komt te gaan."
+    },
+    "unskip": {
+        "message": "Unskip"
+    },
+    "reskip": {
+        "message": "Reskip"
+    },
    "paused": {
        "message": "Gepauzeerd"
    },
+    "manualPaused": {
+        "message": "Timer gestopt"
+    },
    "clearThis": {
        "message": "Weet je zeker dat je dit formulier wilt wissen?\n\n"
    },
@@ -59,9 +91,6 @@
    "voted": {
        "message": "Gestemd!"
    },
-    "voteFail": {
-        "message": "U hebt al eerder op deze manier gestemd."
-    },
    "connectionError": {
        "message": "Er is een verbindingsfout opgetreden. Foutcode: "
    },
--- a/public/_locales/pl_PL/messages.json
+++ b/public/_locales/pl_PL/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock na YouTube - Omiń reklamy sponsorów",
        "description": "Name of the extension."
@@ -95,9 +91,6 @@
    "voted": {
        "message": "Zagłosowano!"
    },
-    "voteFail": {
-        "message": "Już na to głosowałeś."
-    },
    "connectionError": {
        "message": "Błąd z połączeniem. Kod błędu: "
    },
@@ -212,10 +205,6 @@
    "showNotice": {
        "message": "Pokaż informacje ponownie"
    },
-    "longDescription": {
-        "message": "SponsorBlock jest rozszerzeniem które przewinie segmenty sponsorów w filmach na YouTube. SponsorBlock jest opartym na crowdsourcing rozszerzeniem które pozwala każdemu zgłaszać początek i koniec segmentu reklamowego w filmach na YouTube. Kiedy ktoś zgłosi taki fragment zostanie on pominięty przez innych użytkowników rozszerzenia.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Strona",
        "description": "Used on Firefox Store Page"
--- a/public/_locales/pt_BR/messages.json
+++ b/public/_locales/pt_BR/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock para YouTube - Pule patrocínios",
        "description": "Name of the extension."
@@ -38,6 +34,9 @@
    "reportButtonTitle": {
        "message": "Reportar"
    },
+    "reportButtonInfo": {
+        "message": "Reportar esse segmento como inválido."
+    },
    "Dismiss": {
        "message": "Ignorar"
    },
@@ -54,7 +53,7 @@
        "message": "Nunca mostrar"
    },
    "hitGoBack": {
-        "message": "Aperta reverter pulo para voltar onde estava"
+        "message": "Aperta \"reverter pulo\" para voltar onde estava."
    },
    "unskip": {
        "message": "Reverter pulo"
@@ -72,7 +71,7 @@
        "message": "Tem certeza que quer limpar isso?\n\n"
    },
    "Unknown": {
-        "message": "Teve um erro ao enviar seus segmentos, tente novamente depois."
+        "message": "Houve um erro ao enviar seus segmentos, tente novamente mais tarde."
    },
    "sponsorFound": {
        "message": "Os patrocinadores desse vídeo estão no banco de dados!"
@@ -87,7 +86,7 @@
        "message": "Patrocínio termina agora"
    },
    "noVideoID": {
-        "message": "Isso provavelmente não é uma tab do YouTube, ou você clicou muito cedo. \n Se sabe que é uma tab do YouTube,\n feche esse popup e abra de novo."
+        "message": "Nenhum vídeo do YouTube foi encontrado nesta aba. Se você sabe que esta é uma aba do YouTube, feche este pop-up e abra-o novamente. Se isso não funcionar, tente recarregar a aba."
    },
    "success": {
        "message": "Sucesso!"
@@ -95,17 +94,17 @@
    "voted": {
        "message": "Votado!"
    },
-    "voteFail": {
-        "message": "Você já votou antes."
+    "serverDown": {
+        "message": "Parece que o servidor caiu. Contate o desenvolvedor o quanto antes."
    },
    "connectionError": {
-        "message": "Um erro de conexão aconteceu: Código: "
+        "message": "Ocorreu um erro de conexão. Código de erro: "
    },
    "wantToSubmit": {
        "message": "Quer enviar os segmentos para o vídeo de ID"
    },
    "leftTimes": {
-        "message": "Parece que você se esqueceu de enviar alguns segmentos. Volta pra página para os enviar (não foram deletados)."
+        "message": "Parece que você se esqueceu de enviar alguns segmentos. Volte para aquela página para enviá-los (eles não foram deletados)."
    },
    "clearTimes": {
        "message": "Apagar intervalos dos patrocínios"
@@ -114,25 +113,25 @@
        "message": "Abrir o Popup SponsorBlock"
    },
    "SubmitTimes": {
-        "message": "Submeter intervalos dos patrocínios"
+        "message": "Enviar intervalos de patrocínios"
    },
    "submitCheck": {
-        "message": "Tem a certeza que pretende submeter?"
+        "message": "Você tem certeza que deseja enviar isto?"
    },
    "whitelistChannel": {
-        "message": "Meter canal na Whitelist"
+        "message": "Colocar canal na lista branca"
    },
    "removeFromWhitelist": {
-        "message": "Remover canal da Whitelist"
+        "message": "Remover canal da lista branca"
    },
    "voteOnTime": {
        "message": "Vote num intervalo de patrocínio"
    },
    "recordTimes": {
-        "message": "Registe um intervalo de patrocínio"
+        "message": "Grave os intervalos de um patrocínio"
    },
    "soFarUHSubmited": {
-        "message": "Até agora submeteu"
+        "message": "Até agora, você já enviou"
    },
    "savedPeopleFrom": {
        "message": "Poupaste a outros de "
@@ -144,10 +143,10 @@
        "message": "aqui"
    },
    "recordTimesDescription": {
-        "message": "Clique no botão abaixo quando o patrocínio começar e quando terminar para registrar e submetê-lo à base de dados."
+        "message": "Clique no botão abaixo quando o patrocínio começa e termina para gravá-lo na base de dados."
    },
    "popupHint": {
-        "message": "Dica: Aperte a tecla ; enquanto reproduzir o vídeo para registar o começo/fim de um patrocínio e \" para enviar. (Essa configuração pode ser mudada em opções.)"
+        "message": "Dica: Aperte a tecla ponto e vírgula (;) com a janela focada em um vídeo para reportar o começo/fim de um patrocínio e aspas (\") para enviar. (Esta configuração pode ser mudada nas opções.)"
    },
    "lastTimes": {
        "message": "Últimos Intervalos de Patrocínios Seleciados"
@@ -162,10 +161,10 @@
        "message": "Isso é usado na página pública de estatísticas que mostra o quanto você já contríbuíu. Veja-a"
    },
    "setUsername": {
-        "message": "Criar nomde de utilizador"
+        "message": "Definir nome de usuário"
    },
    "discordAdvert": {
-        "message": "Junte-se ao discord oficial para sugerir dicas e sugestões!"
+        "message": "Junte-se ao servidor do discord oficial para dar dicas e sugestões!"
    },
    "hideThis": {
        "message": "Esconder isto"
@@ -212,10 +211,6 @@
    "showNotice": {
        "message": "Mostrar notificação outra vez"
    },
-    "longDescription": {
-        "message": "SponsorBlock é uma extensão que salta segmentos patrocinados em vídeos do YouTube. SponsorBlock é uma extenção crowdfunded que permite a qualquer um submeter o início e o fim de segmentos patrocinados. Assim que uma pessoa submete essa informação todos com a extenção poderam saltar automaticamete o patrocínio.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Site",
        "description": "Used on Firefox Store Page"
@@ -266,6 +261,9 @@
    "skip": {
        "message": "Pular"
    },
+    "skipped": {
+        "message": "Pulado"
+    },
    "disableAutoSkip": {
        "message": "Desativar Salto Automático"
    },
@@ -458,9 +456,6 @@
    "theKey": {
        "message": "A tecla"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "já está sendo usado pelo youtube. Por favor, selecione outra tecla."
-    },
    "keyAlreadyUsed": {
        "message": "está vinculado a outra ação. Por favor, selecione outra tecla."
    },
@@ -471,17 +466,14 @@
    "category_sponsor": {
        "message": "Patrocinador"
    },
-    "category_intro": {
-        "message": "Animação de Introdução"
-    },
    "category_outro": {
        "message": "Finalização/Créditos"
    },
    "category_interaction": {
        "message": "Lembrete de interação (inscrever-se)"
    },
-    "category_selfpromo": {
-        "message": "Auto-Promoção e Mercadorias"
+    "category_interaction_short": {
+        "message": "Lembrete de interação"
    },
    "category_music_offtopic": {
        "message": "Música: Seção sem música"
@@ -489,6 +481,9 @@
    "category_livestream_messages": {
        "message": "Livestream: Leituras de Doação/Mensagem"
    },
+    "category_livestream_messages_short": {
+        "message": "Leitura de mensagens"
+    },
    "disable": {
        "message": "Desativar"
    },
@@ -498,6 +493,20 @@
    "showOverlay": {
        "message": "Mostrar barra de progresso"
    },
+    "previewColor": {
+        "message": "Cor de pré-visualização",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Cor da barra"
+    },
+    "category": {
+        "message": "Categoria"
+    },
+    "skipOption": {
+        "message": "Opção de pulo",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "Habilitar Servidor em teste Beta"
    },
@@ -540,10 +549,25 @@
    "forceChannelCheckPopup": {
        "message": "Considere habilitar a verificação de canal forçada antes de pular os patrocinadores"
    },
+    "downvoteDescription": {
+        "message": "Incorreto/tempo errado"
+    },
    "incorrectCategory": {
        "message": "Categoria errada"
    },
    "nonMusicCategoryOnMusic": {
        "message": "Este vídeo é classificado como música. Você tem certeza que deseja enviar segmentos com categorias que não são músicas? A menos que esse vídeo não seja de fato música, você não deve enviar esse segmento. Por favor leia as orientações se estiver em dúvidas."
+    },
+    "multipleSegments": {
+        "message": "Multiplos segmentos"
+    },
+    "categoryUpdate1": {
+        "message": "As categorias estão aqui!"
+    },
+    "unsubmittedWarning": {
+        "message": "Notificação de segmentos não enviados"
+    },
+    "unsubmittedWarningDescription": {
+        "message": "Enviar uma notificação quando você sair de um vídeo com segmentos que não foram enviados"
    }
 }
--- a/public/_locales/pt_PT/messages.json
+++ b/public/_locales/pt_PT/messages.json
@@ -91,9 +91,6 @@
    "voted": {
        "message": "Votado!"
    },
-    "voteFail": {
-        "message": "Já votou antes."
-    },
    "connectionError": {
        "message": "Deu-se um erro de conecção: Código: "
    },
@@ -208,10 +205,6 @@
    "showNotice": {
        "message": "Mostrar notificação outra vez"
    },
-    "longDescription": {
-        "message": "SponsorBlock é uma extensão que salta segmentos patrocinados em vídeos do YouTube. SponsorBlock é uma extenção crowdfunded que permite a qualquer um submeter o início e o fim de segmentos patrocinados. Assim que uma pessoa submete essa informação todos com a extenção poderam saltar automaticamete o patrocínio.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Site",
        "description": "Used on Firefox Store Page"
--- a/public/_locales/ro/messages.json
+++ b/public/_locales/ro/messages.json
@@ -1 +1,613 @@
-{}
+{
+    "fullName": {
+        "message": "SponsorBlock pentru YouTube - Sari peste sponsorizări",
+        "description": "Name of the extension."
+    },
+    "Description": {
+        "message": "Sari peste sponsorizările din videoclipurile de pe YouTube. Adaugă sponsorizări din videoclipurile pe care le urmăriți pentru a salva timpul altora.",
+        "description": "Description of the extension."
+    },
+    "400": {
+        "message": "Serverul a spus că această cerere este invalidă"
+    },
+    "429": {
+        "message": "Ai trimis prea multe timpuri ale sponsorizărilor pentru acest videoclip, sunteți sigur că sunt atât de multe?"
+    },
+    "409": {
+        "message": "Acest lucru a fost deja trimis înainte"
+    },
+    "channelWhitelisted": {
+        "message": "Canalul a fost adăugat la excepții!"
+    },
+    "Sponsor": {
+        "message": "sponsor"
+    },
+    "Sponsors": {
+        "message": "sponsori"
+    },
+    "Segment": {
+        "message": "segment sponsorizat"
+    },
+    "Segments": {
+        "message": "segmente sponsorizate"
+    },
+    "upvoteButtonInfo": {
+        "message": "Votează această înregistrare"
+    },
+    "reportButtonTitle": {
+        "message": "Raportează"
+    },
+    "reportButtonInfo": {
+        "message": "Raportează această înregistrare ca fiind incorectă."
+    },
+    "Dismiss": {
+        "message": "Renunță"
+    },
+    "Loading": {
+        "message": "Se încarcă..."
+    },
+    "Mins": {
+        "message": "Minute"
+    },
+    "Secs": {
+        "message": "Secunde"
+    },
+    "Hide": {
+        "message": "Nu mai afișa niciodată"
+    },
+    "hitGoBack": {
+        "message": "Apasă unskip pentru a reveni."
+    },
+    "unskip": {
+        "message": "Unskip"
+    },
+    "reskip": {
+        "message": "Sari peste"
+    },
+    "paused": {
+        "message": "Pauză"
+    },
+    "manualPaused": {
+        "message": "Cronometru oprit"
+    },
+    "confirmMSG": {
+        "message": "Pentru a edita sau a șterge valori individuale, apasă butonul de informații sau deschide popup-ul extensiei apăsând iconița extensiei din colțul dreapta sus."
+    },
+    "clearThis": {
+        "message": "Ești sigur că vrei să ștergi asta?\n\n"
+    },
+    "Unknown": {
+        "message": "A apărut o eroare în trimiterea timpilor sponsorizărilor, încearcă din nou mai târziu."
+    },
+    "sponsorFound": {
+        "message": "Sponsorii acestui videoclip se află în baza de date!"
+    },
+    "sponsor404": {
+        "message": "Nu s-a gasit niciun sponsor"
+    },
+    "sponsorStart": {
+        "message": "Sponsorizarea Începe Acum"
+    },
+    "sponsorEnd": {
+        "message": "Sponsorizarea Se Termină Acum"
+    },
+    "noVideoID": {
+        "message": "Nu există niciun videoclip YouTube în aceast tab. Dacă știți că acesta este un tab YouTube, închideți acest popup și deschideți-l din nou. Daca nici asta nu merge, încercați să reîncărcați pagina."
+    },
+    "success": {
+        "message": "Succes!"
+    },
+    "voted": {
+        "message": "Votat!"
+    },
+    "serverDown": {
+        "message": "Se pare că serverul este oprit. Contactează imediat dezvoltatorul."
+    },
+    "connectionError": {
+        "message": "A apărut o eroare de conexiune. Cod de eroare: "
+    },
+    "wantToSubmit": {
+        "message": "Doriți să trimiteți timpii sponsorizărilor pentru acest video id"
+    },
+    "leftTimes": {
+        "message": "Se pare că ați lăsat unii timpi ai sponsorilor netrimiși. Mergeți înapoi la pagina respectivă pentru a îi trimite (timpii nu au fost șterși)."
+    },
+    "clearTimes": {
+        "message": "Șterge Timpii Sponsorizărilor"
+    },
+    "openPopup": {
+        "message": "Deschide Popup-ul SponsorBlock"
+    },
+    "SubmitTimes": {
+        "message": "Trimte Timpii Sponsorizărilor"
+    },
+    "submitCheck": {
+        "message": "Sunteți sigur că doriți să trimiteți asta?"
+    },
+    "whitelistChannel": {
+        "message": "Adaugă Canalul La Excepții"
+    },
+    "removeFromWhitelist": {
+        "message": "Șterge Canalul De La Excepții"
+    },
+    "voteOnTime": {
+        "message": "Votează Timpii Sponsorizărilor"
+    },
+    "recordTimes": {
+        "message": "Înregistrează timpul unei sponsorizări"
+    },
+    "soFarUHSubmited": {
+        "message": "Până acum, ai trimis"
+    },
+    "savedPeopleFrom": {
+        "message": "Ai salvat alte persoane de la "
+    },
+    "viewLeaderboard": {
+        "message": "Vezi clasamentul"
+    },
+    "here": {
+        "message": "aici"
+    },
+    "recordTimesDescription": {
+        "message": "Apasă pe butonul de mai jos când începe o sponsorizare și când se termină pentru a înregistra-o și pentru a o trimite la baza de date."
+    },
+    "popupHint": {
+        "message": "Indiciu: Apasă pe tasta punct și virgulă în timp ce ești centrat pe videoclip pentru a raporta începutul/finalul unei sponsorizări și apasă pe ghilimele pentru a o trimite. (Acest lucru poate fi schimbat din opțiuni)"
+    },
+    "lastTimes": {
+        "message": "Ultimii Timpi Ai Mesajului Sponsorizat Aleși"
+    },
+    "clearTimesButton": {
+        "message": "Șterge Timpii"
+    },
+    "submitTimesButton": {
+        "message": "Trimite Timpii"
+    },
+    "publicStats": {
+        "message": "Acest lucru este folosit pe pagina publică de statistici pentru a arăta cât de mult ai contribuit. Vezi pagina"
+    },
+    "setUsername": {
+        "message": "Setează Numele De Utilizator"
+    },
+    "discordAdvert": {
+        "message": "Vino și alătură-te serverului oficial de discord pentru a oferi sugestii și feedback!"
+    },
+    "hideThis": {
+        "message": "Ascunde asta"
+    },
+    "Options": {
+        "message": "Opţiuni"
+    },
+    "showButtons": {
+        "message": "Arată Butoanele Pe Playerul De YouTube"
+    },
+    "hideButtons": {
+        "message": "Ascunde Butoanele Pe Playerul De YouTube"
+    },
+    "hideButtonsDescription": {
+        "message": "Asta ascunde butoanele ce apar pe playerul de YouTube pentru a trimite segmente."
+    },
+    "showInfoButton": {
+        "message": "Arată Butoanele De Informații Pe Playerul De YouTube"
+    },
+    "hideInfoButton": {
+        "message": "Ascunde Butoanele De Informații Pe Playerul De YouTube"
+    },
+    "whatInfoButton": {
+        "message": "Acesta este butonul care deschide popup-ul pe pagina de YouTube."
+    },
+    "hideDeleteButton": {
+        "message": "Ascunde Butonul De Ștergere Pe Playerul De YouTube"
+    },
+    "showDeleteButton": {
+        "message": "Arată Butonul De Ștergere Pe Playerul De YouTube"
+    },
+    "whatDeleteButton": {
+        "message": "Acest buton de pe playerul de YouTube va șterge toate segmentele netrimise pentru videoclipul curent."
+    },
+    "disableViewTracking": {
+        "message": "Dezactivează Urmărirea Săriturilor"
+    },
+    "enableViewTracking": {
+        "message": "Activează Urmărirea Săriturilor"
+    },
+    "whatViewTracking": {
+        "message": "Acest lucru urmărește peste ce sponsori ai sărit pentru a informa utilizatorii cât de mult înregistrările lor i-au ajutat pe alții și\neste folosit ca un contor împreună cu upvoturile pentru a ne asigura că spamul nu pătrunde în baza de date. Extensia trimite un mesaj\nserverului de fiecare dată când sari peste un sponsor. Sperăm că majoritatea oamenilor nu vor schimba această setare astfel că numerele să fie exacte. :)"
+    },
+    "showNotice": {
+        "message": "Arată Notificarea Din Nou"
+    },
+    "website": {
+        "message": "Website",
+        "description": "Used on Firefox Store Page"
+    },
+    "sourceCode": {
+        "message": "Cod Sursă",
+        "description": "Used on Firefox Store Page"
+    },
+    "noticeUpdate": {
+        "message": "Notificarea a fost actualizată!",
+        "description": "The first line of the message displayed after the notice was upgraded."
+    },
+    "noticeUpdate2": {
+        "message": "Dacă nu îți place, apasă butonul nu mai arăta niciodată.",
+        "description": "The second line of the message displayed after the notice was upgraded."
+    },
+    "setStartSponsorShortcut": {
+        "message": "Setează tasta pentru pornirea sponsorizării"
+    },
+    "setSubmitKeybind": {
+        "message": "Setează tasta pentru trimiterea sponsorizării"
+    },
+    "keybindDescription": {
+        "message": "Selectează o tastă apasând-o"
+    },
+    "keybindDescriptionComplete": {
+        "message": "Tasta a fost setată la: "
+    },
+    "0": {
+        "message": "Eroare de Conexiune. Verifică-ți conexiunea la internet. Daca internetul functionează, serverul este probabil supraîncărcat sau a căzut."
+    },
+    "disableSkipping": {
+        "message": "Dezactivează SponsorBlock"
+    },
+    "enableSkipping": {
+        "message": "Activează SponsorBlock"
+    },
+    "yourWork": {
+        "message": "Munca Ta",
+        "description": "Used to describe the section that will show you the statistics from your submissions."
+    },
+    "502": {
+        "message": "Serverul pare să fie supraîncărcat. Încercați din nou în câteva secunde."
+    },
+    "errorCode": {
+        "message": "Codul Erorii: "
+    },
+    "skip": {
+        "message": "Sari"
+    },
+    "skipped": {
+        "message": "Sărit"
+    },
+    "disableAutoSkip": {
+        "message": "Dezactivează Autoskip"
+    },
+    "enableAutoSkip": {
+        "message": "Activează Autoskip"
+    },
+    "autoSkipDescription": {
+        "message": "Autoskip va sări automat peste segmentele sponsorizate pentru tine. Dacă este dezactivată, o notificare va apărea care vă va întreba dacă doriți să săriți peste."
+    },
+    "audioNotification": {
+        "message": "Notificare Audio Când Sari"
+    },
+    "audioNotificationDescription": {
+        "message": "Notificarea audio va reda un sunet atunci când sari peste un segement sponsorizat. Daca este dezactivat (sau autoskip este dezactivat), niciun sunet nu va fi redat."
+    },
+    "youHaveSkipped": {
+        "message": "Ai sărit peste "
+    },
+    "youHaveSaved": {
+        "message": "V-ați salvat "
+    },
+    "minLower": {
+        "message": "minut"
+    },
+    "minsLower": {
+        "message": "minute"
+    },
+    "hourLower": {
+        "message": "oră"
+    },
+    "hoursLower": {
+        "message": "ore"
+    },
+    "youHaveSavedTime": {
+        "message": "Ai salvat alte persoane"
+    },
+    "youHaveSavedTimeEnd": {
+        "message": " din viața lor."
+    },
+    "guildlinesSummary": {
+        "message": "- Asigurați-vă că segmentul conține doar promoții plătite, nimic altceva.\n- Asigurați-vă că dacă săriți peste acest segment nu săriți și peste conținut valoros\n- Dacă tot videoclipul este o sponsorizare, vă rugăm să nu îl trimiteți. Un sistem de trimitere a întregului videoclip este în lucru.\n- Vă rugăm să nu trimiteți mențiunile că videoclipul este sponsorizat care ar putea arăta favoritismul (spre exemplu dacă un videoclip de tip review este sponsorizat, nu trimiteți mențiunea că acel videoclip este sponsorizat)."
+    },
+    "statusReminder": {
+        "message": "Verificați status.sponsor.ajay.app pentru starea serverului."
+    },
+    "changeUserID": {
+        "message": "Importă/Exportă Id-ul Tău De Utilizator"
+    },
+    "whatChangeUserID": {
+        "message": "Acest lucru trebuie să fie păstrat. Este ca și o parolă și nu ar trebui împartășită cu nimeni. Daca cineva are acest lucru, se poate da drept tu."
+    },
+    "setUserID": {
+        "message": "Setează Id-ul Utilizatorului"
+    },
+    "userIDChangeWarning": {
+        "message": "Atenție: Schimbarea Id-ului Utilizatorului este permanentă. Sunteți sigur că doriți să faceți asta? Asigurați-vă că ați făcut o copie de rezervă."
+    },
+    "createdBy": {
+        "message": "Creat De"
+    },
+    "autoSkip": {
+        "message": "Sari Peste Automat"
+    },
+    "showSkipNotice": {
+        "message": "Arată O Notificare După Ce Am Sărit Peste O Sponsorizare"
+    },
+    "keybindCurrentlySet": {
+        "message": ". În prezent este setat:"
+    },
+    "supportInvidious": {
+        "message": "Sprijină Invidious"
+    },
+    "supportInvidiousDescription": {
+        "message": "Invidious (invidio.us) este un client YouTube terț. Pentru a susține, trebuie să acceptați permisiunile suprimentare. Această funcție NU funcționează în incognito pe Chrome sau în alte variante Chromium."
+    },
+    "optionsInfo": {
+        "message": "Activează suportul Invidious, dezactivează autoskip-ul, ascunde butoanele și altele."
+    },
+    "addInvidiousInstance": {
+        "message": "Adaugă O Instanță Invidious"
+    },
+    "addInvidiousInstanceDescription": {
+        "message": "Adaugă o instanță personalizată Invidious. Aceasta trebuie să fie formatată DOAR cu domeniul. Exemplu: invidious.ajay.app"
+    },
+    "add": {
+        "message": "Adaugă"
+    },
+    "addInvidiousInstanceError": {
+        "message": "Acesta este un domeniu invalid. Acesta trebuie să includă DOAR partea de domeniu. Exemplu: invidious.ajay.app"
+    },
+    "resetInvidiousInstance": {
+        "message": "Resetează Lista De Instanțe Invidious"
+    },
+    "resetInvidiousInstanceAlert": {
+        "message": "Sunteți pe cale să resetați lista de instanțe Invidious"
+    },
+    "currentInstances": {
+        "message": "Instanțele curente:"
+    },
+    "minDuration": {
+        "message": "Durată minimă (secunde):"
+    },
+    "minDurationDescription": {
+        "message": "Segmentele de sponsor mai scurte decât valoarea setată nu vor fi omise sau afișate în player."
+    },
+    "shortCheck": {
+        "message": "Următoarea înregistrare este mai mică decât opțiunea voastră de durată minimă. Acest lucru ar putea însemna că a fost deja trimisă și a fost ignorat datorită acestei opțiuni. Sunteți sigur că doriți să trimiteți?"
+    },
+    "showUploadButton": {
+        "message": "Arată Butonul De Încărcare"
+    },
+    "whatUploadButton": {
+        "message": "Acest buton apare pe playerul YouTube după ce ați selectat un marcaj de timp și sunteți gata să îl trimiteți."
+    },
+    "customServerAddress": {
+        "message": "Adresa Serverului SponsorBlock"
+    },
+    "customServerAddressDescription": {
+        "message": "Adresa SponsorBlock este folosită pentru a se efectua apeluri către server.\nDacă nu ai propriul tău server, acesta nu ar trebui modificat."
+    },
+    "save": {
+        "message": "Salvează"
+    },
+    "reset": {
+        "message": "Resetează"
+    },
+    "customAddressError": {
+        "message": "Adresa nu este în forma corectă. Asigurați-vă că http:// sau https:// se află la început."
+    },
+    "areYouSureReset": {
+        "message": "Sunteți sigur că doriți să resetați asta?"
+    },
+    "confirmPrivacy": {
+        "message": "Acest videoclip a fost detectat ca nelistat. Apasă anulați dacă nu doriți să verificați sponsorii."
+    },
+    "unlistedCheck": {
+        "message": "Ignoră Videoclipurile Nelistate/Private"
+    },
+    "whatUnlistedCheck": {
+        "message": "Această setare va încetini puțin SponsorBlock. Căutările segmentelor sponsorizate necesită trimiterea ID-ului videoclipului către server. Dacă sunteți îngrijorat de trimiterea ID-ul videoclipurilor nelistate, activați această opțiune."
+    },
+    "mobileUpdateInfo": {
+        "message": "m.youtube.com este acum suportat"
+    },
+    "exportOptions": {
+        "message": "Importă/Exportă Toate Opțiunile"
+    },
+    "whatExportOptions": {
+        "message": "Aceasta este întreaga configurație în format JSON. Asta include si ID-ul tău de utilizator, așa că fi sigur să împărtășești asta cu înțelepciune."
+    },
+    "setOptions": {
+        "message": "Setează Opțiuni"
+    },
+    "exportOptionsWarning": {
+        "message": "Atenție: Schimbarea acestei opțiuni este permanentă și poate strica instalarea. Sunteți sigur că doriți să faceți asta? Asigurati-vă că ați făcut o copie de rezervă."
+    },
+    "incorrectlyFormattedOptions": {
+        "message": "Acest JSON nu este formatat corect. Opțiunile dumneavoastră nu au fost modificate."
+    },
+    "confirmNoticeTitle": {
+        "message": "Trimite Segment"
+    },
+    "submit": {
+        "message": "Trimite"
+    },
+    "cancel": {
+        "message": "Anulează"
+    },
+    "delete": {
+        "message": "Șterge"
+    },
+    "preview": {
+        "message": "Previzualizare"
+    },
+    "edit": {
+        "message": "Editare"
+    },
+    "copyDebugInformation": {
+        "message": "Copiază Informațiile de Depanare În Clipboard"
+    },
+    "copyDebugInformationFailed": {
+        "message": "Eroare la scrierea în clipboard"
+    },
+    "copyDebugInformationOptions": {
+        "message": "Copiază informația în clipboard pentru a fi furnizată dezvoltatorului când se găsește o eroare / când un dezvoltator o cere. Informațiile sensibile precum ID-ul de utilizator, canale exceptate, și adresa serverului personalizat au fost șterse. Însă conține informații precum useragent-ul, browser-ul, sistemul de operare, și numărul versiunii extensiei. "
+    },
+    "copyDebugInformationComplete": {
+        "message": "Informația de depanare a fost copiată în clipboard. Puteți elimina orice informație pe care nu doriți să o partajați. Salvați într-un fișier sau lipiți-o în raportul de erori."
+    },
+    "theKey": {
+        "message": "Tasta"
+    },
+    "keyAlreadyUsed": {
+        "message": "este deja setată la o altă acțiune. Vă rugăm să selectați o altă tastă."
+    },
+    "to": {
+        "message": "până la",
+        "description": "Used between sponsor times. Example: 1:20 to 1:30"
+    },
+    "category_sponsor": {
+        "message": "Sponsor"
+    },
+    "category_sponsor_description": {
+        "message": "Promovare plătită, refferali plătiți și reclame directe. Nu pentru autopromovări sau promovări gratis ale cauzelor/creatorilor/website-urilor/produselor."
+    },
+    "category_outro": {
+        "message": "Ecran De Final/Credite"
+    },
+    "category_outro_description": {
+        "message": "Credite sau când ecranul de final YouTube apare. Nu pentru concluzii vorbite. Nu ar trebui să includă conținut util. Nu ar trebui folosit în videoclipuri muzicale."
+    },
+    "category_interaction": {
+        "message": "Reamintire de Interactiune (Abonare)"
+    },
+    "category_interaction_description": {
+        "message": "Când există o scurtă remintire pentru like, abonare sau urmărire în mijlocul conținutului. Daca este mai lung sau despre ceva specific, folosiți autopromovarea."
+    },
+    "category_interaction_short": {
+        "message": "Reamintire de Interacțiune"
+    },
+    "category_selfpromo": {
+        "message": "Promovare neplătită/autopromovare"
+    },
+    "category_selfpromo_description": {
+        "message": "Similar cu \"sponsorizare\" doar că este neplătit sau autopromovare. Aceasta include secțiuni despre merchandise, donații, sau informații despre cei cu care au colaborat."
+    },
+    "category_music_offtopic": {
+        "message": "Muzică: Secţiune Non-Muzicală"
+    },
+    "category_music_offtopic_description": {
+        "message": "Doar pentru videoclipuri muzicale. Include introducțiile sau outro-urile în videoclipurile muzicale."
+    },
+    "category_music_offtopic_short": {
+        "message": "Non-Muzical"
+    },
+    "category_livestream_messages": {
+        "message": "Transmisiune În Direct: Donație/Citirea Mesajelor"
+    },
+    "category_livestream_messages_short": {
+        "message": "Citire Mesaj"
+    },
+    "disable": {
+        "message": "Dezactivare"
+    },
+    "manualSkip": {
+        "message": "Sari Peste Manual"
+    },
+    "showOverlay": {
+        "message": "Arată În Bara de Derulare"
+    },
+    "colorFormatIncorrect": {
+        "message": "Culoarea ta este formatată incorect. Ar trebui să fie un cod hexadecimal de 3 sau 6 cifre cu un hash la început."
+    },
+    "previewColor": {
+        "message": "Previzualizare Culoare",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Culoarea Barei de Derulare"
+    },
+    "category": {
+        "message": "Categorie"
+    },
+    "skipOption": {
+        "message": "Opțiunea Săriturii",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
+    "enableTestingServer": {
+        "message": "Activează Serverul de Teste"
+    },
+    "whatEnableTestingServer": {
+        "message": "Înregistrările și voturile dumneavoastră NU VOR FI CONTORIZATE pe serverul principal. Utilizați asta doar pentru teste."
+    },
+    "testingServerWarning": {
+        "message": "Toate înregistrările și voturile dumneavoastră NU VOR FI CONTORIZATE pe serverul principal în timp ce vă conectați la serverul de teste. Asigurați-vă că dezactivați asta când vreți să trimiteți înregistrări reale."
+    },
+    "bracketNow": {
+        "message": "(Acum)"
+    },
+    "moreCategories": {
+        "message": "Mai multe categorii"
+    },
+    "bracketEnd": {
+        "message": "(Sfârșit)"
+    },
+    "hiddenDueToDownvote": {
+        "message": "ascuns: downvote"
+    },
+    "hiddenDueToDuration": {
+        "message": "ascuns: prea scurt"
+    },
+    "channelDataNotFound": {
+        "message": "ID-ul Canalului nu a fost încărcat încă."
+    },
+    "adblockerIssue": {
+        "message": "Se pare că ceva blocheaza abilitatea extensiei SponsorBlock pentru a obține datele videoclipului. Cel mai probabil este adblocker-ul dumneavoastră. Vă rugăm să verificați https://github.com/ajayyy/SponsorBlock/wiki/Fix-Ad-Blocker-Blocking-SponsorBlock's-Requests"
+    },
+    "itCouldBeAdblockerIssue": {
+        "message": "Dacă acest lucru continuă să se întample, ar putea fi cauzat de adblocker-ul dumneavoastră. Vă rugăm să verificați \nhttps://github.com/ajayyy/SponsorBlock/wiki/Fix-Ad-Blocker-Blocking-SponsorBlock's-Requests"
+    },
+    "forceChannelCheck": {
+        "message": "Forțează Verificarea Canalului Înainte De A Sări Peste Sponsorizări"
+    },
+    "whatForceChannelCheck": {
+        "message": "În mod implicit, va sări peste sponsorizări chiar și înainte de a ști ce canal este. În mod implicit, s-ar putea să se sară și peste unele sponsorizări ce încep la secunda zero din canalele excluse. Activând această opțiune va preveni asta, dar va face ca toate săriturile să aibă o ușoară întârziere, deoarece obținerea Id-ului canalului poate dura ceva timp. Această întărziere poate fi neobservată daca aveți internet rapid."
+    },
+    "forceChannelCheckPopup": {
+        "message": "Consideră Activarea Forțării Verificarii Canalului Înainte De A Sări Peste Sponsorizări"
+    },
+    "downvoteDescription": {
+        "message": "Timpi Incorecți/Greșiți"
+    },
+    "incorrectCategory": {
+        "message": "Categorie Greșită"
+    },
+    "nonMusicCategoryOnMusic": {
+        "message": "Categoria acestui videoclip este muzică. Sunteți sigur că doriți să trimiteți segmente non-muzicale? Dacă acest videoclip nu este de fapt muzică, nu ar trebui să trimiteți acest segment. Vă rugăm să citiți recomandările dacă sunteți confuz."
+    },
+    "multipleSegments": {
+        "message": "Segmente Multiple"
+    },
+    "guidelines": {
+        "message": "Instrucțiuni"
+    },
+    "readTheGuidelines": {
+        "message": "Citește Instrucțiunile!!",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "Categoriile sunt aici!"
+    },
+    "categoryUpdate2": {
+        "message": "Deschide opțiunile pentru a sări peste intro-uri, outro-uri, merch, etc."
+    },
+    "unsubmittedWarning": {
+        "message": "Notificare Segmente Netrimise"
+    },
+    "unsubmittedWarningDescription": {
+        "message": "Trimite o notificare atunci când părăsești un video cu segmente care nu au fost încărcate"
+    }
+}
--- a/public/_locales/ru/messages.json
+++ b/public/_locales/ru/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock для YouTube - Пропускайте спонсорские вставки",
        "description": "Name of the extension."
@@ -65,6 +61,9 @@
    "paused": {
        "message": "Пауза"
    },
+    "manualPaused": {
+        "message": "Таймер остановлен"
+    },
    "confirmMSG": {
        "message": "\n\nЧтобы изменить или удалить отдельные значения, нажмите кнопку «Информация» или откройте всплывающее окно расширения, щелкнув значок расширения в правом верхнем углу."
    },
@@ -95,9 +94,6 @@
    "voted": {
        "message": "Голос засчитан!"
    },
-    "voteFail": {
-        "message": "Вы уже проголосовали таким образом раньше."
-    },
    "connectionError": {
        "message": "Ошибка соединения. Код ошибки: "
    },
@@ -110,6 +106,9 @@
    "clearTimes": {
        "message": "Удалить отмеченные сегменты"
    },
+    "openPopup": {
+        "message": "Открыть всплывающее окно SponsorBlock"
+    },
    "SubmitTimes": {
        "message": "Отправить отмеченные сегменты"
    },
@@ -209,10 +208,6 @@
    "showNotice": {
        "message": "Показывать уведомление снова"
    },
-    "longDescription": {
-        "message": "SponsorBlock — это расширение, которое пропускает спонсорские вставки в видео на YouTube. SponsorBlock — это краудсорсинговое расширение, которое позволяет каждому отправить время начала и конца спонсорских сегментов в видео на YouTube. После того, как кто-нибудь отправляет эту информацию, все остальные пользователи расширения будут автоматически пропускать спонсорские сегменты.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Сайт",
        "description": "Used on Firefox Store Page"
@@ -416,6 +411,24 @@
    "whatExportOptions": {
        "message": "Это вся конфигурация в формате JSON. Этот файл содержит Ваш идентификатор пользователя, поэтому не забудьте общаться с этим разумно."
    },
+    "submit": {
+        "message": "Отправить"
+    },
+    "cancel": {
+        "message": "Отменить"
+    },
+    "delete": {
+        "message": "Удалить"
+    },
+    "preview": {
+        "message": "Превью"
+    },
+    "edit": {
+        "message": "Редактировать"
+    },
+    "copyDebugInformation": {
+        "message": "Скопировать отладочную информацию в буфер обмена"
+    },
    "bracketNow": {
        "message": "(Сейчас)"
    },
--- a/public/_locales/sk/messages.json
+++ b/public/_locales/sk/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "Sponsor": {
        "message": "sponzor"
    },
--- a/public/_locales/sv/messages.json
+++ b/public/_locales/sv/messages.json
@@ -4,7 +4,7 @@
        "description": "Name of the extension."
    },
    "Description": {
-        "message": "Hoppa över sponsormeddelanden på YouTube-videor. Rapportera sponsring på videor du ser på för att spara tid för andra.",
+        "message": "Hoppa över sponsormeddelanden på YouTube-videor. Rapportera sponsring på videor du ser på för att spara tid åt andra.",
        "description": "Description of the extension."
    },
    "400": {
@@ -14,11 +14,14 @@
        "message": "Du har rapporterat för många sponsormeddelanden för den här videon, är du säker att det finns så många?"
    },
    "409": {
-        "message": "Den här har redan blivit rapporterad."
+        "message": "Den här har redan blivit rapporterad"
    },
    "channelWhitelisted": {
        "message": "Kanal vitlistad!"
    },
+    "Sponsor": {
+        "message": "sponsor"
+    },
    "Sponsors": {
        "message": "sponsorer"
    },
@@ -31,6 +34,9 @@
    "reportButtonTitle": {
        "message": "Rapportera"
    },
+    "reportButtonInfo": {
+        "message": "Rapportera det här segmentet som inkorrekt."
+    },
    "Dismiss": {
        "message": "Avfärda"
    },
@@ -44,7 +50,7 @@
        "message": "Sekunder"
    },
    "Hide": {
-        "message": "\"Visa aldrig\"-knappen. "
+        "message": "Visa Aldrig"
    },
    "hitGoBack": {
        "message": "Tryck på Tillbaka för att ångra åtgärden."
@@ -53,11 +59,14 @@
        "message": "Tillbaka"
    },
    "reskip": {
-        "message": "Frammåt"
+        "message": "Framåt"
    },
    "paused": {
        "message": "Pausad"
    },
+    "manualPaused": {
+        "message": "Timern stoppad"
+    },
    "confirmMSG": {
        "message": "Klicka på infoknappen eller öppna popup-rutan genom att klicka på tilläggets ikon i hörnet uppe till höger för att redigera eller ta bort inviduella värden."
    },
@@ -88,8 +97,8 @@
    "voted": {
        "message": "Röstat!"
    },
-    "voteFail": {
-        "message": "Du har redan röstat."
+    "serverDown": {
+        "message": "Det verkar som att servern är nere. Kontakta utvecklaren omedelbart."
    },
    "connectionError": {
        "message": "Anslutningsfel. Felkod: "
@@ -133,6 +142,9 @@
    "viewLeaderboard": {
        "message": "Se leaderboarden"
    },
+    "here": {
+        "message": "här"
+    },
    "recordTimesDescription": {
        "message": "Klicka på knappen nedan när sponsormeddelandet börjar och slutar för att spela in och rapportera till databasen."
    },
@@ -202,10 +214,6 @@
    "showNotice": {
        "message": "Visa Notisen Igen"
    },
-    "longDescription": {
-        "message": "SponsorBlock är ett webbläsartillägg som hoppar över sponsormeddelanden på YouTube-videor. SponsorBlock är ett crowdsourcat webbläsartillägg som låter vem som hellst att rapportera start och sluttider för sponsorsegment på YouTube-videor. När informationen väl har rapporterats kommer alla andra med detta tillägg att hoppa över sponsorsegmentet.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Hemsida",
        "description": "Used on Firefox Store Page"
@@ -256,6 +264,9 @@
    "skip": {
        "message": "Hoppa över"
    },
+    "skipped": {
+        "message": "Skippat"
+    },
    "disableAutoSkip": {
        "message": "Avaktivera Hoppa Över Automatiskt"
    },
@@ -328,6 +339,9 @@
    "supportInvidious": {
        "message": "Stöd Invidious"
    },
+    "supportInvidiousDescription": {
+        "message": "Invidious (invidio.us) är en tredjeparts YouTube-klient. För att aktivera stöd måste du acceptera de extra behörigheterna. Detta kommer INTE att fungera i incognito i Chrome och andra Cromium-varianter."
+    },
    "optionsInfo": {
        "message": "Aktivera Invidious stöd, avaktivera hoppa över automatiskt, dölj knappar och mer."
    },
@@ -445,9 +459,6 @@
    "theKey": {
        "message": "Nyckeln"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "används redan av YouTube. Välj en annan nyckel."
-    },
    "keyAlreadyUsed": {
        "message": "är kopplad till en annan funktion. Välj en annan knapp."
    },
@@ -458,8 +469,11 @@
    "category_sponsor": {
        "message": "Sponsormeddelande"
    },
-    "category_selfpromo": {
-        "message": "Självreklam och egna produkter"
+    "category_music_offtopic_description": {
+        "message": "Endast för användning i musikvideor. Detta inkluderar intros och outros i musikvideor."
+    },
+    "category_music_offtopic_short": {
+        "message": "Icke-musik"
    },
    "disable": {
        "message": "Avaktivera"
@@ -470,6 +484,9 @@
    "showOverlay": {
        "message": "Visa Lager Ovanpå Spelare"
    },
+    "category": {
+        "message": "Kategori"
+    },
    "enableTestingServer": {
        "message": "Aktivera Server För Betatestning"
    },
@@ -488,6 +505,9 @@
    "bracketEnd": {
        "message": "(Slut)"
    },
+    "hiddenDueToDuration": {
+        "message": "dold: för kort"
+    },
    "channelDataNotFound": {
        "message": "Kanal-ID är inte inladdat än."
    },
@@ -496,5 +516,24 @@
    },
    "itCouldBeAdblockerIssue": {
        "message": "Om detta fortsätter att inträffa, kan orsaken vara din annonsblockerare. Vänligen kontrollera https://github.com/ajayyy/SponsorBlock/wiki/Fix-Ad-Blocker-Blocking-SponsorBlock's-Requests"
+    },
+    "downvoteDescription": {
+        "message": "Fel timing"
+    },
+    "incorrectCategory": {
+        "message": "Fel kategori"
+    },
+    "nonMusicCategoryOnMusic": {
+        "message": "Den här videon är kategoriserad som musik. Är du säker på att du vill skicka in segment med icke-musikkategorier? Om denna video faktiskt är musik, bör du inte skicka in detta segment. Vänligen läs riktlinjerna om du är förvirrad."
+    },
+    "multipleSegments": {
+        "message": "Flera segment"
+    },
+    "guidelines": {
+        "message": "Riktlinjer"
+    },
+    "readTheGuidelines": {
+        "message": "Läs riktlinjerna!!",
+        "description": "Show the first time they submit or if they are \"high risk\""
    }
 }
--- a/public/_locales/tr/messages.json
+++ b/public/_locales/tr/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "Youtube için SponsorBlock - Sponsorlukları Atla",
        "description": "Name of the extension."
@@ -104,9 +100,6 @@
    "voted": {
        "message": "Oylandı!"
    },
-    "voteFail": {
-        "message": "Bu şekilde zaten oy kullanmıştın."
-    },
    "serverDown": {
        "message": "Sunucu çökmüş gibi duruyor. Derhal geliştiriciyle iletişime geçin."
    },
@@ -224,10 +217,6 @@
    "showNotice": {
        "message": "Uyarıyı Tekrar Göster"
    },
-    "longDescription": {
-        "message": "SponsorBlock, YouTube'da sponsorlu bölümleri atlamanıza yardımcı olan bir eklentidir. SponsorBlock, herkesin YouTube videolarında bulunan sponsorlu bölümlerin başını ve sonunu göndermesine izin veren kitlekaynaklı bir tarayıcı eklentisidir. Bu bilgiyi biri yolladığında, bu sponsorlu bölüm herkeste atlanır.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Website",
        "description": "Used on Firefox Store Page"
@@ -473,9 +462,6 @@
    "theKey": {
        "message": "Anahtar"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "YouTube tarafından zaten kullanımda. Lütfen başka bir anahtar seçin."
-    },
    "keyAlreadyUsed": {
        "message": "başka bir eyleme bağlı. Lütfen başka bir anahtar seçin."
    },
@@ -486,9 +472,6 @@
    "category_sponsor": {
        "message": "Sponsor"
    },
-    "category_intro": {
-        "message": "Giriş Animasyonu"
-    },
    "category_outro": {
        "message": "Bitiş Ekranı/Jenerik"
    },
@@ -496,7 +479,7 @@
        "message": "Etkileşim Hatırlatıcısı (Abonelik)"
    },
    "category_selfpromo": {
-        "message": "Kendi Reklamını Yapma ve Ürün"
+        "message": "Karşılıksız/Kendi Reklamı"
    },
    "category_music_offtopic": {
        "message": "Müzik: Müzik Olmayan Bölüm"
@@ -513,6 +496,20 @@
    "showOverlay": {
        "message": "Arama Çubuğunda Göster"
    },
+    "previewColor": {
+        "message": "Önizleme Rengi",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "Oynatma Çubuğu Rengi"
+    },
+    "category": {
+        "message": "Kategori"
+    },
+    "skipOption": {
+        "message": "Atlama Seçeneği",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "Beta Deneme Sunucusunu Devreye Sok"
    },
@@ -566,5 +563,15 @@
    },
    "multipleSegments": {
        "message": "Birden Çok Bölüm"
+    },
+    "guidelines": {
+        "message": "Kılavuz"
+    },
+    "readTheGuidelines": {
+        "message": "Kılavuzu Oku!!",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "Kategoriler burada!"
    }
 }
--- a/public/_locales/uk/messages.json
+++ b/public/_locales/uk/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock для YouTube - Пропускайте спонсорські вставки",
        "description": "Name of the extension."
@@ -95,9 +91,6 @@
    "voted": {
        "message": "Голос зарахований!"
    },
-    "voteFail": {
-        "message": "Ви вже проголосували таким чином раніше."
-    },
    "connectionError": {
        "message": "Помилка з'єднання. Код помилки: "
    },
@@ -212,10 +205,6 @@
    "showNotice": {
        "message": "Показувати сповіщення знову"
    },
-    "longDescription": {
-        "message": "SponsorBlock - це розширення, яке пропускає спонсорські вставки в відео на YouTube. SponsorBlock - це краудсорсінгове розширення, яке дозволяє кожному надіслати час початку і кінця спонсорських сегментів в відео на YouTube. Після того, як хто-небудь надсилає цю інформацію, всі інші користувачі розширення будуть автоматично пропускати спонсорські сегменти.",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "Сайт",
        "description": "Used on Firefox Store Page"
--- a/public/_locales/zh_CN/messages.json
+++ b/public/_locales/zh_CN/messages.json
@@ -1,8 +1,4 @@
 {
-    "Name": {
-        "message": "SponsorBlock",
-        "description": "Name of the extension."
-    },
    "fullName": {
        "message": "SponsorBlock for YouTube - 跳过赞助商广告",
        "description": "Name of the extension."
@@ -104,9 +100,6 @@
    "voted": {
        "message": "已投票！"
    },
-    "voteFail": {
-        "message": "您之前已经这样投过了。"
-    },
    "serverDown": {
        "message": "服务器似乎已宕机。请立即联系开发者。"
    },
@@ -224,10 +217,6 @@
    "showNotice": {
        "message": "重新显示通知"
    },
-    "longDescription": {
-        "message": "SponsorBlock 是一个用于跳过 YouTube 视频的赞助商广告片段的扩展。SponsorBlock 是一个众包的浏览器扩展，可以让任何人提交 Youtube 视频的赞助商广告片段的开始和结束时间。一旦有人提交了信息，其他所有使用此扩展的人都能直接跳过赞助商广告片段。",
-        "description": "Full description of the extension on the store pages."
-    },
    "website": {
        "message": "网站",
        "description": "Used on Firefox Store Page"
@@ -473,9 +462,6 @@
    "theKey": {
        "message": "按键"
    },
-    "keyAlreadyUsedByYouTube": {
-        "message": "已被 Youtube 使用。请选择其他按键。"
-    },
    "keyAlreadyUsed": {
        "message": "已绑定其他操作。请选择其他按键。"
    },
@@ -486,24 +472,30 @@
    "category_sponsor": {
        "message": "赞助商广告"
    },
-    "category_intro": {
-        "message": "开头动画"
-    },
    "category_outro": {
        "message": "结束画面/结尾职员表"
    },
    "category_interaction": {
        "message": "互动提醒（订阅）"
    },
+    "category_interaction_short": {
+        "message": "互动提醒"
+    },
    "category_selfpromo": {
-        "message": "自我推销和商品"
+        "message": "未收钱的/自我推销"
    },
    "category_music_offtopic": {
        "message": "音乐：非音乐部分"
    },
+    "category_music_offtopic_short": {
+        "message": "无音乐"
+    },
    "category_livestream_messages": {
        "message": "直播：捐赠/消息阅读"
    },
+    "category_livestream_messages_short": {
+        "message": "阅读消息"
+    },
    "disable": {
        "message": "禁用"
    },
@@ -513,6 +505,20 @@
    "showOverlay": {
        "message": "在搜索栏中显示"
    },
+    "previewColor": {
+        "message": "预览颜色",
+        "description": "Referring to submissions that have not been sent to the server yet."
+    },
+    "seekBarColor": {
+        "message": "拖动条颜色"
+    },
+    "category": {
+        "message": "类别"
+    },
+    "skipOption": {
+        "message": "跳过选项",
+        "description": "Used on the options page to describe the ways to skip the segment (auto skip, manual, etc.)"
+    },
    "enableTestingServer": {
        "message": "启用 Beta 测试服务器"
    },
@@ -566,5 +572,18 @@
    },
    "multipleSegments": {
        "message": "多个片段"
+    },
+    "guidelines": {
+        "message": "指南"
+    },
+    "readTheGuidelines": {
+        "message": "阅读指南！！",
+        "description": "Show the first time they submit or if they are \"high risk\""
+    },
+    "categoryUpdate1": {
+        "message": "类别在这里！"
+    },
+    "categoryUpdate2": {
+        "message": "打开选项，跳过开头，结尾，商业等。"
    }
 }
--- a/public/content.css
+++ b/public/content.css
@@ -140,6 +140,7 @@
 	color: rgb(235, 235, 235);
 	border: none;
 	display: inline-block;
+	font-size: 13.3333px !important;

 	cursor: pointer;

@@ -179,6 +180,7 @@
 .sponsorSkipNoticeCloseButton {
 	height: 10px;
 	width: 10px;
+	box-sizing: unset;
 	
 	padding: 2px 5px;

@@ -394,4 +396,22 @@ input::-webkit-inner-spin-button {
    color: white;
    border-width: 3px;
    padding: 3px;
+}
+
+.helpButton {
+
+}
+
+.helpButton {
+	height: 25px;
+	cursor: pointer;
+	padding: 5px;
+	
+	margin: auto;
+    top: 0;
+    bottom: 0;
+    position: absolute;
+}
+.helpButton:hover {
+	filter: brightness(80%);
 }
--- a/public/help/index_en.html
+++ b/public/help/index_en.html
@@ -30,15 +30,15 @@
 	  Come contribute, make some suggestions and help out in the Discord: <a href="https://discord.gg/QnmVMpU">https://discord.gg/QnmVMpU</a>
    </p>

-    <div class="center">
-      <a class="bigText" href="/options/options.html">Enable optional features</a>
-    </div>
+    <p style="margin-bottom: 0" class="bigText center">Please review the options below</p>

    <p>
-      Some features, such as support for non third-party YouTube sites, are disabled by default and can be enabled in the options. These can be enabled or disabled at any time.
+      Many features are disabled by default. If you want to skip Intros, outros, use Invidious, please enable the specific options. These can be enabled or disabled at any time.
      You can also hide/show all UI elements added to the YouTube page.
    </p>

+    <iframe src="../options/options.html#embed" width="100%" height="500px" style="border: none"></iframe>
+
    <h1>How skipping works</h1>

    <p class="projectPreview">
--- a/public/icons/help.svg
+++ b/public/icons/help.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="24"
+   viewBox="0 0 24 24"
+   width="24"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="help.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="730"
+     inkscape:window-height="480"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg6" />
+  <path
+     d="M0 0h24v24H0z"
+     fill="none"
+     id="path2" />
+  <path
+     d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"
+     id="path4"
+     style="fill:#ffffff" />
+</svg>
--- a/public/options/options.css
+++ b/public/options/options.css
@@ -346,4 +346,8 @@ svg {
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
+}
+
+.categoryColorTextBox {
+    width: 60px;
 }
--- a/public/options/options.html
+++ b/public/options/options.html
@@ -12,13 +12,13 @@

 <body class="sponsorBlockPageBody">

-	<div id="title">
+	<div id="title" class="titleBar">
 		<img src="../icons/LogoSponsorBlocker256px.png" height="80" class="profilepic"/>
 		SponsorBlock
 	</div>

 	<div class="center">
-		<p class="createdBy">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>
+		<p class="createdBy titleBar">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>

 		<h1>__MSG_Options__</h1>
 	
@@ -149,6 +149,40 @@
 				</label>
 			</div>
 	
+			<br/>
+			<br/>
+
+			<div option-type="toggle" sync-option="unsubmittedWarning">
+				<label class="switch-container" label-name="__MSG_unsubmittedWarning__">
+					<label class="switch">
+						<input type="checkbox" checked>
+						<span class="slider round"></span>
+					</label>
+				</label>
+	
+				<br/>
+				<br/>
+	
+				<div class="small-description">__MSG_unsubmittedWarningDescription__</div>
+			</div>
+	
+			<br/>
+			<br/>
+
+			<div option-type="toggle" sync-option="forceChannelCheck">
+				<label class="switch-container" label-name="__MSG_forceChannelCheck__">
+					<label class="switch">
+						<input type="checkbox" checked>
+						<span class="slider round"></span>
+					</label>
+				</label>
+	
+				<br/>
+				<br/>
+	
+				<div class="small-description">__MSG_whatForceChannelCheck__</div>
+			</div>
+	
 			<br/>
 			<br/>
 	
@@ -234,6 +268,23 @@
 				<div class="small-description">__MSG_audioNotificationDescription__</div>
 			</div>

+			<br/>
+			<br/>
+
+			<div option-type="toggle" sync-option="showTimeWithSkips">
+				<label class="switch-container" label-name="__MSG_showTimeWithSkips__">
+					<label class="switch">
+						<input type="checkbox" checked>
+						<span class="slider round"></span>
+					</label>
+				</label>
+	
+				<br/>
+				<br/>
+	
+				<div class="small-description">__MSG_showTimeWithSkipsDescription__</div>
+			</div>
+
 			<br/>
 			<br/>
 	
--- a/public/popup.html
+++ b/public/popup.html
@@ -10,7 +10,7 @@
      <div id="app" class="popupBody sponsorBlockPageBody">
          <h1 class="popupElement logoText">
            <img src="icons/IconSponsorBlocker256px.png" height="32px" id="sponsorBlockPopupLogo"/>
-            __MSG_Name__
+            SponsorBlock
          </h1>

          <!-- Loading text -->
--- a/src/background.ts
+++ b/src/background.ts
@@ -40,21 +40,6 @@ chrome.runtime.onMessage.addListener(function (request, sender, callback) {
                });
            });
        
-            return true;
-        case "addSponsorTime":
-            addSponsorTime(request.time, request.videoID, callback);
-        
-            //this allows the callback to be called later
-            return true;
-        
-        case "getSponsorTimes":
-            getSponsorTimes(request.videoID, function(sponsorTimes) {
-                callback({
-                    sponsorTimes
-                });
-            });
-        
-            //this allows the callback to be called later
            return true;
        case "submitVote":
            submitVote(request.type, request.UUID, request.category).then(callback);
@@ -62,12 +47,14 @@ chrome.runtime.onMessage.addListener(function (request, sender, callback) {
            //this allows the callback to be called later
            return true;
        case "alertPrevious":
-            chrome.notifications.create("stillThere" + Math.random(), {
-                type: "basic",
-                title: chrome.i18n.getMessage("wantToSubmit") + " " + request.previousVideoID + "?",
-                message: chrome.i18n.getMessage("leftTimes"),
-                iconUrl: "./icons/LogoSponsorBlocker256px.png"
-            });
+            if (Config.config.unsubmittedWarning) {
+                chrome.notifications.create("stillThere" + Math.random(), {
+                    type: "basic",
+                    title: chrome.i18n.getMessage("wantToSubmit") + " " + request.previousVideoID + "?",
+                    message: chrome.i18n.getMessage("leftTimes"),
+                    iconUrl: "./icons/LogoSponsorBlocker256px.png"
+                });
+            }
        case "registerContentScript": 
            registerFirefoxContentScript(request);
            return false;
@@ -125,38 +112,6 @@ function unregisterFirefoxContentScript(id: string) {
    delete contentScriptRegistrations[id];
 }

-//gets the sponsor times from memory
-function getSponsorTimes(videoID, callback) {
-    let sponsorTimes = [];
-    let sponsorTimesStorage = Config.config.sponsorTimes.get(videoID);
-
-    if (sponsorTimesStorage != undefined && sponsorTimesStorage.length > 0) {
-        sponsorTimes = sponsorTimesStorage;
-    }
-	
-    callback(sponsorTimes);
-}
-
-function addSponsorTime(time, videoID, callback) {
-    getSponsorTimes(videoID, function(sponsorTimes) {
-        //add to sponsorTimes
-        if (sponsorTimes.length > 0 && sponsorTimes[sponsorTimes.length - 1].length < 2) {
-            //it is an end time
-            sponsorTimes[sponsorTimes.length - 1][1] = time;
-        } else {
-            //it is a start time
-            let sponsorTimesIndex = sponsorTimes.length;
-            sponsorTimes[sponsorTimesIndex] = [];
-
-            sponsorTimes[sponsorTimesIndex][0] = time;
-        }
-
-        //save this info
-		Config.config.sponsorTimes.set(videoID, sponsorTimes);
-		callback();
-    });
-}
-
 async function submitVote(type: number, UUID: string, category: string) {
    let userID = Config.config.userID;

--- a/src/components/CategoryChooserComponent.tsx
+++ b/src/components/CategoryChooserComponent.tsx
@@ -28,6 +28,26 @@ class CategoryChooserComponent extends React.Component<CategoryChooserProps, Cat
            <table id="categoryChooserTable"
                className="categoryChooserTable"> 
                <tbody>
+                    {/* Headers */}
+                    <tr id={"CategoryOptionsRow"}
+                            className="categoryTableElement categoryTableHeader">
+                        <td id={"CategoryOptionName"}>
+                            {chrome.i18n.getMessage("category")}
+                        </td>
+
+                        <td id={"CategorySkipOption"}>
+                            {chrome.i18n.getMessage("skipOption")}
+                        </td>
+
+                        <td id={"CategoryColorOption"}>
+                            {chrome.i18n.getMessage("seekBarColor")}
+                        </td>
+
+                        <td id={"CategoryPreviewColorOption"}>
+                            {chrome.i18n.getMessage("previewColor")}
+                        </td>
+                    </tr>
+
                    {this.getCategorySkipOptions()}
                </tbody> 
            </table>
@@ -40,7 +60,6 @@ class CategoryChooserComponent extends React.Component<CategoryChooserProps, Cat
        for (const category of CompileConfig.categoryList) {
            elements.push(
                <CategorySkipOptionsComponent category={category}
-                    defaultColor={"00d400"}
                    key={category}>
                </CategorySkipOptionsComponent>
            );
--- a/src/components/CategorySkipOptionsComponent.tsx
+++ b/src/components/CategorySkipOptionsComponent.tsx
@@ -2,14 +2,19 @@ import * as React from "react";

 import Config from "../config"
 import { CategorySkipOption } from "../types";
+import Utils from "../utils";
+
+const utils = new Utils();

 export interface CategorySkipOptionsProps { 
    category: string;
-    defaultColor: string;
+    defaultColor?: string;
+    defaultPreviewColor?: string;
 }

 export interface CategorySkipOptionsState {
    color: string;
+    previewColor: string;
 }

 class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsProps, CategorySkipOptionsState> {
@@ -19,7 +24,8 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr

        // Setup state
        this.state = {
-            color: props.defaultColor
+            color: props.defaultColor || Config.config.barTypes[this.props.category].color,
+            previewColor: props.defaultPreviewColor || Config.config.barTypes["preview-" + this.props.category].color,
        }
    }

@@ -39,28 +45,65 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
                        defaultOption = "autoSkip";
                        break;
                }
+
+                break;
            }
        }

        return (
-            <tr id={this.props.category + "OptionsRow"}
-                className="categoryTableElement">
-                <td id={this.props.category + "OptionName"}
-                    className="categoryTableLabel">
-                        {chrome.i18n.getMessage("category_" + this.props.category)}
-                </td>
+            <>
+                <tr id={this.props.category + "OptionsRow"}
+                    className="categoryTableElement">
+                    <td id={this.props.category + "OptionName"}
+                        className="categoryTableLabel">
+                            {chrome.i18n.getMessage("category_" + this.props.category)}
+                    </td>

-                <td id={this.props.category + "SkipOption"}>
-                    <select
-                        className="categoryOptionsSelector"
-                        defaultValue={defaultOption}
-                        onChange={this.skipOptionSelected.bind(this)}>
-                            {this.getCategorySkipOptions()}
-                    </select>
-                </td>
+                    <td id={this.props.category + "SkipOption"}>
+                        <select
+                            className="categoryOptionsSelector"
+                            defaultValue={defaultOption}
+                            onChange={this.skipOptionSelected.bind(this)}>
+                                {this.getCategorySkipOptions()}
+                        </select>
+                    </td>
+                    
+                    <td id={this.props.category + "ColorOption"}>
+                        <input
+                            className="categoryColorTextBox option-text-box"
+                            type="text"
+                            onChange={(event) => this.setColorState(event, false)}
+                            value={this.state.color} />
+                    </td>

-                {/* TODO: Add colour chooser */}
-            </tr>
+                    <td id={this.props.category + "PreviewColorOption"}>
+                        <input
+                            className="categoryColorTextBox option-text-box"
+                            type="text"
+                            onChange={(event) => this.setColorState(event, true)}
+                            value={this.state.previewColor} />
+                    </td>
+
+                    <td id={this.props.category + "SaveButton"}>
+                        <div 
+                            className="option-button trigger-button"
+                            onClick={() => this.save()}>
+                            {chrome.i18n.getMessage("save")}
+                        </div>
+                    </td>
+
+                    
+                </tr>
+
+                <tr id={this.props.category + "DescriptionRow"}
+                    className="small-description">
+                        <td
+                            colSpan={2}>
+                            {chrome.i18n.getMessage("category_" + this.props.category + "_description")}
+                        </td>
+                </tr>
+
+            </>
        );
    }

@@ -112,7 +155,7 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr

    getCategorySkipOptions(): JSX.Element[] {
        let elements: JSX.Element[] = [];
-""
+
        let optionNames = ["disable", "showOverlay", "manualSkip", "autoSkip"];

        for (const optionName of optionNames) {
@@ -125,6 +168,36 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr

        return elements;
    }
+
+    setColorState(event: React.ChangeEvent<HTMLInputElement>, preview: boolean) {
+        if (preview) {
+            this.setState({
+                previewColor: event.target.value
+            });
+        } else {
+            this.setState({
+                color: event.target.value
+            });
+        }
+    }
+
+    // Save text box data
+    save() {
+        // Validate colors
+        let checkVar = [this.state.color, this.state.previewColor]
+        for (const color of checkVar) {
+            if (color[0] !== "#" || (color.length !== 7 && color.length !== 4) || !utils.isHex(color.slice(1))) {
+                alert(chrome.i18n.getMessage("colorFormatIncorrect") + " " + color.slice(1) + " " + utils.isHex(color.slice(1)) + " " + utils.isHex("abcd123"));
+                return;
+            }
+        }
+
+        // Save colors
+        Config.config.barTypes[this.props.category].color = this.state.color;
+        Config.config.barTypes["preview-" + this.props.category].color = this.state.previewColor;
+        // Make listener get called
+        Config.config.barTypes = Config.config.barTypes;
+    }
 }

 export default CategorySkipOptionsComponent;
--- a/src/components/NoticeTextSectionComponent.tsx
+++ b/src/components/NoticeTextSectionComponent.tsx
@@ -2,7 +2,8 @@ import * as React from "react";

 export interface NoticeTextSelectionProps {
    text: string,
-    idSuffix: string
+    idSuffix: string,
+    onClick?: (event: React.MouseEvent) => any
 }

 export interface NoticeTextSelectionState {
@@ -16,8 +17,16 @@ class NoticeTextSelectionComponent extends React.Component<NoticeTextSelectionPr
    }

    render() {
+        let style: React.CSSProperties = {};
+        if (this.props.onClick) {
+            style.cursor = "pointer";
+            style.textDecoration = "underline"
+        }
+
        return (
            <p id={"sponsorTimesInfoMessage" + this.props.idSuffix}
+                onClick={this.props.onClick}
+                style={style}
                className="sponsorTimesInfoMessage">
                    {this.props.text}
            </p>
--- a/src/components/SkipNoticeComponent.tsx
+++ b/src/components/SkipNoticeComponent.tsx
@@ -31,6 +31,7 @@ export interface SkipNoticeState {
    noticeTitle: string;

    messages: string[];
+    messageOnClick: (event: React.MouseEvent) => any;

    countdownTime: number;
    maxCountdownTime: () => number;
@@ -73,7 +74,8 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
        this.contentContainer = props.contentContainer;
        this.audio = null;

-        let categoryName = chrome.i18n.getMessage(this.segments.length > 1 ? "multipleSegments" : "category_" + this.segments[0].category);
+        let categoryName = chrome.i18n.getMessage(this.segments.length > 1 ? "multipleSegments" 
+            : "category_" + this.segments[0].category + "_short") || chrome.i18n.getMessage("category_" + this.segments[0].category);
        let noticeTitle = categoryName + " " + chrome.i18n.getMessage("skipped");
        if (!this.autoSkip) {
            noticeTitle = chrome.i18n.getMessage("skip") + " " + categoryName + "?";
@@ -104,6 +106,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
        this.state = {
            noticeTitle,
            messages: [],
+            messageOnClick: null,

            //the countdown until this notice closes
            maxCountdownTime: () => 4,
@@ -324,6 +327,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
            elements.push(
                <NoticeTextSelectionComponent idSuffix={this.idSuffix}
                    text={this.state.messages[i]}
+                    onClick={this.state.messageOnClick}
                    key={i}>
                </NoticeTextSelectionComponent>
            )
@@ -504,6 +508,13 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
        }
    }

+    setNoticeInfoMessageWithOnClick(onClick: (event: React.MouseEvent) => any, ...messages: string[]) {
+        this.setState({
+            messages,
+            messageOnClick: (event) => onClick(event)
+        });
+    }
+
    setNoticeInfoMessage(...messages: string[]) {
        this.setState({
            messages
--- a/src/components/SponsorTimeEditComponent.tsx
+++ b/src/components/SponsorTimeEditComponent.tsx
@@ -182,14 +182,23 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                {timeDisplay}

                {/* Category */}
+                <div style={{position: "relative"}}>
+                    <select id={"sponsorTimeCategories" + this.idSuffix}
+                        className="sponsorTimeCategories"
+                        defaultValue={sponsorTime.category}
+                        ref={this.categoryOptionRef}
+                        onChange={this.categorySelectionChange.bind(this)}>
+                        {this.getCategoryOptions()}
+                    </select>

-                <select id={"sponsorTimeCategories" + this.idSuffix}
-                    className="sponsorTimeCategories"
-                    defaultValue={sponsorTime.category}
-                    ref={this.categoryOptionRef}
-                    onChange={this.categorySelectionChange.bind(this)}>
-                    {this.getCategoryOptions()}
-                </select>
+                    <img id={"sponsorTimeCategoriesHelpButton" + this.idSuffix}
+                        className="helpButton"
+                        src={chrome.extension.getURL("icons/help.svg")}
+                        title={chrome.i18n.getMessage("categoryGuidelines")}
+                        onClick={() => chrome.runtime.sendMessage({"message": "openConfig"})}>
+                    
+                    </img>
+                </div>

                <br/>

@@ -221,7 +230,12 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
    }

    getCategoryOptions() {
-        let elements = [];
+        let elements = [(
+            <option value={"chooseACategory"}
+                    key={"chooseACategory"}>
+                {chrome.i18n.getMessage("chooseACategory")}
+            </option>
+        )];

        for (const category of Config.config.categorySelections) {
            elements.push(
@@ -313,7 +327,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo

        sponsorTimesSubmitting[this.props.index].category = this.categoryOptionRef.current.value;

-        Config.config.sponsorTimes.set(this.props.contentContainer().sponsorVideoID, utils.getSegmentsFromSponsorTimes(sponsorTimesSubmitting));
+        Config.config.segmentTimes.set(this.props.contentContainer().sponsorVideoID, sponsorTimesSubmitting);

        this.props.contentContainer().updatePreviewBar();
    }
@@ -345,7 +359,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
        sponsorTimes.splice(index, 1);
  
        //save this
-        Config.config.sponsorTimes.set(this.props.contentContainer().sponsorVideoID, sponsorTimes);
+        Config.config.segmentTimes.set(this.props.contentContainer().sponsorVideoID, sponsorTimes);

        this.props.contentContainer().updatePreviewBar();
        
--- a/src/components/SubmissionNoticeComponent.tsx
+++ b/src/components/SubmissionNoticeComponent.tsx
@@ -86,13 +86,20 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
                        {this.getSponsorTimeMessages()}
                    </td>
                </tr>
-              
+
                {/* Last Row */}
                <tr id={"sponsorSkipNoticeSecondRow" + this.state.idSuffix}>

                    <td className="sponsorSkipNoticeRightSection"
                        style={{position: "relative"}}>

+                        {/* Guidelines button */}
+                        <button className="sponsorSkipObject sponsorSkipNoticeButton sponsorSkipNoticeRightButton"
+                            onClick={() => window.open("https://github.com/ajayyy/SponsorBlock/wiki/Guidelines")}>
+
+                            {chrome.i18n.getMessage(Config.config.submissionCountSinceCategories > 3 ? "guidelines" : "readTheGuidelines")}
+                        </button>
+
                        {/* Submit Button */}
                        <button className="sponsorSkipObject sponsorSkipNoticeButton sponsorSkipNoticeRightButton"
                            onClick={this.submit.bind(this)}>
@@ -160,9 +167,16 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
            ref.current.saveEditTimes();
        }

+        let sponsorTimesSubmitting = this.props.contentContainer().sponsorTimesSubmitting;
+        for (const sponsorTime of sponsorTimesSubmitting) {
+            if (sponsorTime.category === "chooseACategory") {
+                alert(chrome.i18n.getMessage("youMustSelectACategory"));
+                return;
+            }
+        }
+
        // Check if any non music categories are being used on a music video
        if (this.contentContainer().videoInfo?.microformat?.playerMicroformatRenderer?.category === "Music") {
-            let sponsorTimesSubmitting = this.props.contentContainer().sponsorTimesSubmitting;
            for (const sponsorTime of sponsorTimesSubmitting) {
                if (!sponsorTime.category.startsWith("music_")) {
                    if (!confirm(chrome.i18n.getMessage("nonMusicCategoryOnMusic"))) return;
--- a/src/config.ts
+++ b/src/config.ts
@@ -1,12 +1,14 @@
 import * as CompileConfig from "../config.json";
-import { CategorySelection, CategorySkipOption } from "./types";
+import { CategorySelection, CategorySkipOption, PreviewBarOption, SponsorTime } from "./types";

 import Utils from "./utils";
 const utils = new Utils();

 interface SBConfig {
    userID: string,
-    sponsorTimes: SBMap<string, any>,
+    // sponsorTimes: SBMap<string, SponsorTime[]>,
+    segmentTimes: SBMap<string, SponsorTime[]>,
+    defaultCategory: string,
    whitelistedChannels: string[],
    forceChannelCheck: boolean,
    startSponsorKeybind: string,
@@ -14,6 +16,9 @@ interface SBConfig {
    minutesSaved: number,
    skipCount: number,
    sponsorTimesContributed: number,
+    submissionCountSinceCategories: number, // New count used to show the "Read The Guidelines!!" message
+    showTimeWithSkips: boolean,
+    unsubmittedWarning: boolean,
    disableSkipping: boolean,
    trackViewCount: boolean,
    dontShowNotice: boolean,
@@ -29,11 +34,27 @@ interface SBConfig {
    minDuration: number,
    audioNotificationOnSkip,
    checkForUnlistedVideos: boolean,
-    mobileUpdateShowCount: number,
    testingServer: boolean,

    // What categories should be skipped
-    categorySelections: CategorySelection[]
+    categorySelections: CategorySelection[],
+
+    // Preview bar
+    barTypes: {
+        "preview-chooseACategory": PreviewBarOption,
+        "sponsor": PreviewBarOption,
+        "preview-sponsor": PreviewBarOption,
+        "intro": PreviewBarOption,
+        "preview-intro": PreviewBarOption,
+        "outro": PreviewBarOption,
+        "preview-outro": PreviewBarOption,
+        "interaction": PreviewBarOption,
+        "preview-interaction": PreviewBarOption,
+        "selfpromo": PreviewBarOption,
+        "preview-selfpromo": PreviewBarOption,
+        "music_offtopic": PreviewBarOption,
+        "preview-music_offtopic": PreviewBarOption,
+    }
 }

 interface SBObject {
@@ -65,24 +86,39 @@ class SBMap<T, U> extends Map {
        }
    }

-    set(key, value) {
-        const result = super.set(key, value);
+    get(key): U {
+        return super.get(key);
+    }

+    rawSet(key, value) {
+        return super.set(key, value);
+    }
+
+    update() {
        // Store updated SBMap locally
        chrome.storage.sync.set({
            [this.id]: encodeStoredItem(this)
        });
+    }

+    set(key: T, value: U) {
+        const result = super.set(key, value);
+
+        this.update();
        return result;
    }
 	
    delete(key) {
        const result = super.delete(key);

-	    // Store updated SBMap locally
-	    chrome.storage.sync.set({
-            [this.id]: encodeStoredItem(this)
-        });
+        // Make sure there are no empty elements
+        for (const entry of this.entries()) {
+            if (entry[1].length === 0) {
+                super.delete(entry[0]);
+            }
+        }
+
+        this.update();

        return result;
    }
@@ -90,10 +126,7 @@ class SBMap<T, U> extends Map {
    clear() {
        const result = super.clear();

-	    chrome.storage.sync.set({
-            [this.id]: encodeStoredItem(this)
-        });
-
+        this.update();
        return result;
    }
 }
@@ -105,7 +138,8 @@ var Config: SBObject = {
    configListeners: [],
    defaults: {
        userID: null,
-        sponsorTimes: new SBMap("sponsorTimes"),
+        segmentTimes: new SBMap("segmentTimes"),
+        defaultCategory: "chooseACategory",
        whitelistedChannels: [],
        forceChannelCheck: false,
        startSponsorKeybind: ";",
@@ -113,6 +147,9 @@ var Config: SBObject = {
        minutesSaved: 0,
        skipCount: 0,
        sponsorTimesContributed: 0,
+        submissionCountSinceCategories: 0,
+	    showTimeWithSkips: true,
+        unsubmittedWarning: true,
        disableSkipping: false,
        trackViewCount: true,
        dontShowNotice: false,
@@ -128,13 +165,68 @@ var Config: SBObject = {
        minDuration: 0,
        audioNotificationOnSkip: false,
        checkForUnlistedVideos: false,
-        mobileUpdateShowCount: 0,
        testingServer: false,

        categorySelections: [{
            name: "sponsor",
            option: CategorySkipOption.AutoSkip
-        }]
+        }],
+
+        // Preview bar
+        barTypes: {
+            "preview-chooseACategory": {
+                color: "#ffffff",
+                opacity: "0.7"
+            },
+            "sponsor": {
+                color: "#00d400",
+                opacity: "0.7"
+            },
+            "preview-sponsor": {
+                color: "#007800",
+                opacity: "0.7"
+            },
+            "intro": {
+                color: "#00ffff",
+                opacity: "0.7"
+            },
+            "preview-intro": {
+                color: "#008080",
+                opacity: "0.7"
+            },
+            "outro": {
+                color: "#0202ed",
+                opacity: "0.7"
+            },
+            "preview-outro": {
+                color: "#000070",
+                opacity: "0.7"
+            },
+            "interaction": {
+                color: "#cc00ff",
+                opacity: "0.7"
+            },
+            "preview-interaction": {
+                color: "#6c0087",
+                opacity: "0.7"
+            },
+            "selfpromo": {
+                color: "#ffff00",
+                opacity: "0.7"
+            },
+            "preview-selfpromo": {
+                color: "#bfbf35",
+                opacity: "0.7"
+            },
+            "music_offtopic": {
+                color: "#ff9900",
+                opacity: "0.7"
+            },
+            "preview-music_offtopic": {
+                color: "#a6634a",
+                opacity: "0.7"
+            }
+        }
    },
    localConfig: null,
    config: null,
@@ -164,24 +256,13 @@ function encodeStoredItem<T>(data: T): T | Array<any>  {
 * 
 * @param {*} data 
 */
-function decodeStoredItem<T>(id: string, data: T): T | SBMap<string, any> {
+function decodeStoredItem<T>(id: string, data: T): T | SBMap<string, SponsorTime[]> {
    if (!Config.defaults[id]) return data;

    if (Config.defaults[id] instanceof SBMap) {
        try {
-            let jsonData: any = data;
-
-            // Check if data is stored in the old format for SBMap (a JSON string)
-            if (typeof data === "string") {
-                try {	
-                    jsonData = JSON.parse(data);	   
-                } catch(e) {
-                    // Continue normally (out of this if statement)
-                }
-            }
-
-            if (!Array.isArray(jsonData)) return data;
-            return new SBMap(id, jsonData);
+            if (!Array.isArray(data)) return data;
+            return new SBMap(id, data);
        } catch(e) {
            console.error("Failed to parse SBMap: " + id);
        }
@@ -239,9 +320,9 @@ function fetchConfig() {
    });
 }

-async function migrateOldFormats() {
-    if (Config.config["disableAutoSkip"]) {
-        for (const selection of Config.config.categorySelections) {
+function migrateOldFormats(config: SBConfig) {
+    if (config["disableAutoSkip"]) {
+        for (const selection of config.categorySelections) {
            if (selection.name === "sponsor") {
                selection.option = CategorySkipOption.ManualSkip;

@@ -251,57 +332,108 @@ async function migrateOldFormats() {
    }

    // Auto vote removal
-    if (Config.config["autoUpvote"]) {
+    if (config["autoUpvote"]) {
        chrome.storage.sync.remove("autoUpvote");
    }
+    // mobileUpdateShowCount removal
+    if (config["mobileUpdateShowCount"] !== undefined) {
+        chrome.storage.sync.remove("mobileUpdateShowCount");
+    }
+    // categoryUpdateShowCount removal
+    if (config["categoryUpdateShowCount"] !== undefined) {
+        chrome.storage.sync.remove("categoryUpdateShowCount");
+    }

    // Channel URLS
-    if (Config.config.whitelistedChannels.length > 0 && 
-            (Config.config.whitelistedChannels[0] == null || Config.config.whitelistedChannels[0].includes("/"))) {
-        let newChannelList: string[] = [];
-        for (const item of Config.config.whitelistedChannels) {
-            if (item != null) {
-                if (item.includes("/channel/")) {
-                    newChannelList.push(item.split("/")[2]);
-                } else if (item.includes("/user/") &&  utils.isContentScript()) {
-                    // Replace channel URL with channelID
-                    let response = await utils.asyncRequestToCustomServer("GET", "https://sponsor.ajay.app/invidious/api/v1/channels/" + item.split("/")[2] + "?fields=authorId");
-                
-                    if (response.ok) {
-                        newChannelList.push((JSON.parse(response.responseText)).authorId);
-                    } else {
-                        // Add it at the beginning so it gets converted later
+    if (config.whitelistedChannels.length > 0 && 
+            (config.whitelistedChannels[0] == null || config.whitelistedChannels[0].includes("/"))) {
+        const channelURLFixer = async() => {
+            let newChannelList: string[] = [];
+            for (const item of config.whitelistedChannels) {
+                if (item != null) {
+                    if (item.includes("/channel/")) {
+                        newChannelList.push(item.split("/")[2]);
+                    } else if (item.includes("/user/") &&  utils.isContentScript()) {
+
+                        
+                        // Replace channel URL with channelID
+                        let response = await utils.asyncRequestToCustomServer("GET", "https://sponsor.ajay.app/invidious/api/v1/channels/" + item.split("/")[2] + "?fields=authorId");
+                    
+                        if (response.ok) {
+                            newChannelList.push((JSON.parse(response.responseText)).authorId);
+                        } else {
+                            // Add it at the beginning so it gets converted later
+                            newChannelList.unshift(item);
+                        }
+                    } else if (item.includes("/user/")) {
+                        // Add it at the beginning so it gets converted later (The API can only be called in the content script due to CORS issues)
                        newChannelList.unshift(item);
+                    } else {
+                        newChannelList.push(item);
                    }
-                } else if (item.includes("/user/")) {
-                    // Add it at the beginning so it gets converted later (The API can only be called in the content script due to CORS issues)
-                    newChannelList.unshift(item);
-                } else {
-                    newChannelList.push(item);
                }
            }
+
+            config.whitelistedChannels = newChannelList;
        }

-        Config.config.whitelistedChannels = newChannelList;
+        channelURLFixer();
    }

    // Check if off-topic category needs to be removed
-    for (let i = 0; i < Config.config.categorySelections.length; i++) {
-        if (Config.config.categorySelections[i].name === "offtopic") {
-            Config.config.categorySelections.splice(i, 1);
+    for (let i = 0; i < config.categorySelections.length; i++) {
+        if (config.categorySelections[i].name === "offtopic") {
+            config.categorySelections.splice(i, 1);
            // Call set listener
-            Config.config.categorySelections = Config.config.categorySelections;
+            config.categorySelections = config.categorySelections;
            break;
        }
    }
+
+    // Migrate old "sponsorTimes"
+    if (config["sponsorTimes"]) {
+        let jsonData: any = config["sponsorTimes"];
+
+        // Check if data is stored in the old format for SBMap (a JSON string)
+        if (typeof jsonData === "string") {
+            try {	
+                jsonData = JSON.parse(jsonData);	   
+            } catch(e) {
+                // Continue normally (out of this if statement)
+            }
+        }
+
+        // Otherwise junk data
+        if (Array.isArray(jsonData)) {
+            let oldMap = new Map(jsonData);
+            oldMap.forEach((sponsorTimes: number[][], key) => {
+                let segmentTimes: SponsorTime[] = [];
+                for (const segment of sponsorTimes) {
+                    segmentTimes.push({
+                        segment: segment,
+                        category: "sponsor",
+                        UUID: null
+                    });
+                }
+
+                config.segmentTimes.rawSet(key, segmentTimes);
+            });
+
+            config.segmentTimes.update();
+        }
+
+        chrome.storage.sync.remove("sponsorTimes");
+    }
 }

 async function setupConfig() {
    await fetchConfig();
    addDefaults();
    convertJSON();
-    Config.config = configProxy();
-    migrateOldFormats();
+    const config = configProxy();
+    migrateOldFormats(config);
+
+    Config.config = config;
 }

 // Reset config
@@ -320,6 +452,12 @@ function addDefaults() {
    for (const key in Config.defaults) {
        if(!Config.localConfig.hasOwnProperty(key)) {
 	        Config.localConfig[key] = Config.defaults[key];
+        } else if (key === "barTypes") {
+            for (const key2 in Config.defaults[key]) {
+                if(!Config.localConfig[key].hasOwnProperty(key2)) {
+                    Config.localConfig[key][key2] = Config.defaults[key][key2];
+                }
+            }
        }
    }
 };
@@ -327,4 +465,4 @@ function addDefaults() {
 // Sync config
 setupConfig();

-export default Config;
+export default Config;
--- a/src/content.ts
+++ b/src/content.ts
@@ -323,13 +323,13 @@ async function videoIDChange(id) {
    //warn them if they had unsubmitted times
    if (previousVideoID != null) {
        //get the sponsor times from storage
-        let sponsorTimes = Config.config.sponsorTimes.get(previousVideoID);
+        let sponsorTimes = Config.config.segmentTimes.get(previousVideoID);
        if (sponsorTimes != undefined && sponsorTimes.length > 0) {
            //warn them that they have unsubmitted sponsor times
-                chrome.runtime.sendMessage({
-                    message: "alertPrevious",
-                    previousVideoID: previousVideoID
-                })
+            chrome.runtime.sendMessage({
+                message: "alertPrevious",
+                previousVideoID: previousVideoID
+            });
        }

        //set the previous video id to the currentID
@@ -347,10 +347,10 @@ async function videoIDChange(id) {
    //make sure everything is properly added
    updateVisibilityOfPlayerControlsButton().then(() => {
        //see if the onvideo control image needs to be changed
-        let segments = Config.config.sponsorTimes.get(sponsorVideoID);
-        if (segments != null && segments.length > 0 && segments[segments.length - 1].length >= 2) {
+        let segments = Config.config.segmentTimes.get(sponsorVideoID);
+        if (segments != null && segments.length > 0 && segments[segments.length - 1].segment.length >= 2) {
            changeStartSponsorButton(true, true);
-        } else if (segments != null && segments.length > 0 && segments[segments.length - 1].length < 2) {
+        } else if (segments != null && segments.length > 0 && segments[segments.length - 1].segment.length < 2) {
            changeStartSponsorButton(false, true);
        } else {
            changeStartSponsorButton(true, false);
@@ -418,7 +418,7 @@ function createPreviewBar(): void {
        const el = document.querySelectorAll(selector);

        if (el && el.length && el[0]) {
-            previewBar = new PreviewBar(el[0], onMobileYouTube);
+            previewBar = new PreviewBar(el[0], onMobileYouTube, onInvidious);
            
            updatePreviewBar();

@@ -801,7 +801,7 @@ function updatePreviewBar() {
    if (localSponsorTimes == null) localSponsorTimes = [];

    let allSponsorTimes = localSponsorTimes.concat(sponsorTimesSubmitting);
-
+	
    //create an array of the sponsor types
    let types = [];
    for (let i = 0; i < localSponsorTimes.length; i++) {
@@ -818,6 +818,10 @@ function updatePreviewBar() {

    previewBar.set(utils.getSegmentsFromSponsorTimes(allSponsorTimes), types, video.duration)

+    if (Config.config.showTimeWithSkips) {
+        showTimeWithoutSkips(allSponsorTimes);
+    }
+
    //update last video id
    lastPreviewBarUpdate = sponsorVideoID;
 }
@@ -973,7 +977,7 @@ function skipToTime(v: HTMLVideoElement, skipTime: number[], skippingSegments: S
    if (openNotice) {
        //send out the message saying that a sponsor message was skipped
        if (!Config.config.dontShowNotice || !autoSkip) {
-            let skipNotice = new SkipNotice(skippingSegments, autoSkip, skipNoticeContentContainer);
+            new SkipNotice(skippingSegments, autoSkip, skipNoticeContentContainer);
        }
    }

@@ -1007,8 +1011,6 @@ function unskipSponsorTime(segment: SponsorTime) {
    if (sponsorTimes != null) {
        //add a tiny bit of time to make sure it is not skipped again
        video.currentTime = segment.segment[0] + 0.001;
-
-        checkIfInsideSegment();
    }
 }

@@ -1016,16 +1018,6 @@ function reskipSponsorTime(segment: SponsorTime) {
    video.currentTime = segment.segment[1];
 }

-/**
- * Checks if currently inside a segment and will trigger 
- * a skip schedule if true.
- * 
- * This is used for when a manual skip is finished or a reskip is complete
- */
-function checkIfInsideSegment() {
-    // for
-}
-
 function createButton(baseID, title, callback, imageName, isDraggable=false): boolean {
    if (document.getElementById(baseID + "Button") != null) return false;

@@ -1034,18 +1026,10 @@ function createButton(baseID, title, callback, imageName, isDraggable=false): bo
    newButton.draggable = isDraggable;
    newButton.id = baseID + "Button";
    newButton.classList.add("playerButton");
-    if (!onMobileYouTube) {
-        newButton.classList.add("ytp-button");
-    } else {
-        newButton.classList.add("icon-button");
-        newButton.style.padding = "0";
-    }
+    newButton.classList.add("ytp-button");
    newButton.setAttribute("title", chrome.i18n.getMessage(title));
    newButton.addEventListener("click", (event: Event) => {
        callback();
-
-        // Prevents the contols from closing when clicked
-        if (onMobileYouTube) event.stopPropagation();
    });

    // Image HTML
@@ -1087,6 +1071,8 @@ function getControls(): HTMLElement | boolean {

 //adds all the player controls buttons
 async function createButtons(): Promise<boolean> {
+    if (onMobileYouTube) return;
+
    let result = await utils.wait(getControls).catch();

    //set global controls variable
@@ -1164,36 +1150,28 @@ function startSponsorClicked() {
        sponsorTimesSubmitting.push({
            segment: [getRealCurrentTime()],
            UUID: null,
-            // Default to sponsor
-            category: "sponsor"
+            category: Config.config.defaultCategory
        });
    }

-    // Create raw segment list
-    let segments: number[][] = [];
-    for (const sponsorTime of sponsorTimesSubmitting) {
-        segments.push(sponsorTime.segment);
-    }
-
    //save this info
-    Config.config.sponsorTimes.set(sponsorVideoID, segments);
+    Config.config.segmentTimes.set(sponsorVideoID, sponsorTimesSubmitting);

    updateSponsorTimesSubmitting(false)
 }

 function updateSponsorTimesSubmitting(getFromConfig: boolean = true) {
-    let segments = Config.config.sponsorTimes.get(sponsorVideoID);
+    let segmentTimes = Config.config.segmentTimes.get(sponsorVideoID);

    //see if this data should be saved in the sponsorTimesSubmitting variable
-    if (getFromConfig && segments != undefined) {
+    if (getFromConfig && segmentTimes != undefined) {
        sponsorTimesSubmitting = [];

-        for (const segment of segments) {
+        for (const segmentTime of segmentTimes) {
            sponsorTimesSubmitting.push({
-                segment: segment,
+                segment: segmentTime.segment,
                UUID: null,
-                // Default to sponsor
-                category: "sponsor"
+                category: segmentTime.category
            });
        }
    }
@@ -1220,9 +1198,9 @@ async function changeStartSponsorButton(showStartSponsor, uploadButtonVisible) {
        (<HTMLImageElement> document.getElementById("startSponsorImage")).src = chrome.extension.getURL("icons/PlayerStartIconSponsorBlocker256px.png");
        document.getElementById("startSponsorButton").setAttribute("title", chrome.i18n.getMessage("sponsorStart"));

-        if (document.getElementById("startSponsorImage").style.display != "none" && uploadButtonVisible && !Config.config.hideUploadButtonPlayerControls) {
+        if (document.getElementById("startSponsorImage").style.display != "none" && uploadButtonVisible && !Config.config.hideUploadButtonPlayerControls && !onInvidious) {
            document.getElementById("submitButton").style.display = "unset";
-        } else if (!uploadButtonVisible) {
+        } else if (!uploadButtonVisible || onInvidious) {
            //disable submit button
            document.getElementById("submitButton").style.display = "none";
        }
@@ -1317,7 +1295,7 @@ function clearSponsorTimes() {

    let currentVideoID = sponsorVideoID;

-    let sponsorTimes = Config.config.sponsorTimes.get(currentVideoID);
+    let sponsorTimes = Config.config.segmentTimes.get(currentVideoID);

    if (sponsorTimes != undefined && sponsorTimes.length > 0) {
        let confirmMessage = chrome.i18n.getMessage("clearThis") + getSegmentsMessage(sponsorTimes)
@@ -1325,7 +1303,7 @@ function clearSponsorTimes() {
        if(!confirm(confirmMessage)) return;

        //clear the sponsor times
-        Config.config.sponsorTimes.delete(currentVideoID);
+        Config.config.segmentTimes.delete(currentVideoID);

        //clear sponsor times submitting
        sponsorTimesSubmitting = [];
@@ -1447,14 +1425,14 @@ async function sendSubmitMessage(){
    }

    //update sponsorTimes
-    Config.config.sponsorTimes.set(sponsorVideoID, utils.getSegmentsFromSponsorTimes(sponsorTimesSubmitting));
+    Config.config.segmentTimes.set(sponsorVideoID, sponsorTimesSubmitting);

    // Check to see if any of the submissions are below the minimum duration set
    if (Config.config.minDuration > 0) {
        for (let i = 0; i < sponsorTimesSubmitting.length; i++) {
            if (sponsorTimesSubmitting[i].segment[1] - sponsorTimesSubmitting[i].segment[0] < Config.config.minDuration) {
                let confirmShort = chrome.i18n.getMessage("shortCheck") + "\n\n" + 
-                    getSegmentsMessage(utils.getSegmentsFromSponsorTimes(sponsorTimesSubmitting));
+                    getSegmentsMessage(sponsorTimesSubmitting);
                
                if(!confirm(confirmShort)) return;
            }
@@ -1484,7 +1462,7 @@ async function sendSubmitMessage(){
        submitButton.addEventListener("animationend", animationEndListener);

        //clear the sponsor times
-        Config.config.sponsorTimes.delete(sponsorVideoID);
+        Config.config.segmentTimes.delete(sponsorVideoID);

        //add submissions to current sponsors list
        if (sponsorTimes === null) sponsorTimes = [];
@@ -1494,6 +1472,10 @@ async function sendSubmitMessage(){
        // Increase contribution count
        Config.config.sponsorTimesContributed = Config.config.sponsorTimesContributed + sponsorTimesSubmitting.length;

+        // New count just used to see if a warning "Read The Guidelines!!" message needs to be shown
+        // One per time submitting
+        Config.config.submissionCountSinceCategories = Config.config.submissionCountSinceCategories + 1;
+
        // Empty the submitting times
        sponsorTimesSubmitting = [];

@@ -1508,12 +1490,12 @@ async function sendSubmitMessage(){
 }

 //get the message that visually displays the video times
-function getSegmentsMessage(segments: number[][]): string {
+function getSegmentsMessage(sponsorTimes: SponsorTime[]): string {
    let sponsorTimesMessage = "";

-    for (let i = 0; i < segments.length; i++) {
-        for (let s = 0; s < segments[i].length; s++) {
-            let timeMessage = utils.getFormattedTime(segments[i][s]);
+    for (let i = 0; i < sponsorTimes.length; i++) {
+        for (let s = 0; s < sponsorTimes[i].segment.length; s++) {
+            let timeMessage = utils.getFormattedTime(sponsorTimes[i].segment[s]);
            //if this is an end time
            if (s == 1) {
                timeMessage = " to " + timeMessage;
@@ -1589,3 +1571,38 @@ function updateAdFlag() {
        updateVisibilityOfPlayerControlsButton();
    }
 }
+
+function showTimeWithoutSkips(allSponsorTimes): void {
+    if (onMobileYouTube || onInvidious) return;
+
+	let skipDuration = 0;
+	
+	// Calculate skipDuration based from the segments in the preview bar
+	for (let i = 0; i < allSponsorTimes.length; i++) {
+        // If an end time exists
+        if (allSponsorTimes[i].segment[1]) {
+            skipDuration += allSponsorTimes[i].segment[1] - allSponsorTimes[i].segment[0];
+        }
+		
+	}
+	
+	// YouTube player time display
+	let display = document.getElementsByClassName("ytp-time-display notranslate")[0];
+	if (!display) return;
+	
+    let formatedTime = utils.getFormattedTime(video.duration - skipDuration);
+	
+	const durationID = "sponsorBlockDurationAfterSkips";	
+    let duration = document.getElementById(durationID);
+
+	// Create span if needed
+	if(duration === null) {
+		duration = document.createElement('span');
+        duration.id = durationID;
+        duration.classList.add("ytp-time-duration");
+
+		display.appendChild(duration);
+	}
+		
+    duration.innerText = (skipDuration <= 0 || isNaN(skipDuration)) ? "" : " ("+formatedTime+")";
+}
--- a/src/js-components/previewBar.ts
+++ b/src/js-components/previewBar.ts
@@ -5,75 +5,26 @@

 'use strict';

-let barTypes = {
-	"undefined": {
-		color: "#00d400",
-		opacity: "0.7"
-	},
-	"sponsor": {
-		color: "#00d400",
-		opacity: "0.7"
-	},
-	"preview-sponsor": {
-		color: "#007800",
-		opacity: "0.7"
-	},
-	"intro": {
-		color: "#00ffff",
-		opacity: "0.7"
-	},
-	"preview-intro": {
-		color: "#008080",
-		opacity: "0.7"
-	},
-	"outro": {
-		color: "#0202ed",
-		opacity: "0.7"
-	},
-	"preview-outro": {
-		color: "#000070",
-		opacity: "0.7"
-	},
-	"interaction": {
-		color: "#cc00ff",
-		opacity: "0.7"
-	},
-	"preview-interaction": {
-		color: "#6c0087",
-		opacity: "0.7"
-	},
-	"selfpromo": {
-		color: "#ffff00",
-		opacity: "0.7"
-	},
-	"preview-selfpromo": {
-		color: "#bfbf35",
-		opacity: "0.7"
-	},
-	"music_offtopic": {
-		color: "#ff9900",
-		opacity: "0.7"
-	},
-	"preview-music_offtopic": {
-		color: "#a6634a",
-		opacity: "0.7"
-	}
-};
+import Config from "../config";
+import Utils from "../utils";
+let utils = new Utils();

 class PreviewBar {
 	container: HTMLUListElement;
 	parent: any;
 	onMobileYouTube: boolean;
+	onInvidious: boolean;

 	timestamps: number[][];
 	types: string;

-	constructor(parent, onMobileYouTube) {
+	constructor(parent, onMobileYouTube, onInvidious) {
 		this.container = document.createElement('ul');
 		this.container.id = 'previewbar';
 		this.parent = parent;

 		this.onMobileYouTube = onMobileYouTube;
+		this.onInvidious = onInvidious;

 		this.updatePosition(parent);

@@ -81,6 +32,8 @@ class PreviewBar {
 	}

 	setupHoverText() {
+		if (this.onMobileYouTube || this.onInvidious) return;
+
 		let seekBar = document.querySelector(".ytp-progress-bar-container");

 		// Create label placeholder
@@ -132,8 +85,8 @@ class PreviewBar {
 						tooltipTextWrapper.classList.remove("sbTooltipOneTitleThumbnailOffset");
 					} else if (category !== null) {
 						categoryTooltip.classList.remove("sbHidden");
-						categoryTooltip.textContent = chrome.i18n.getMessage("category_" + category) 
-							|| (chrome.i18n.getMessage("preview") + " " + chrome.i18n.getMessage("category_" + category.split("preview-")[1]));
+						categoryTooltip.textContent = utils.shortCategoryName(category)
+							|| (chrome.i18n.getMessage("preview") + " " + utils.shortCategoryName(category.split("preview-")[1]));

 						// There is a title now
 						tooltip.classList.remove("ytp-tooltip-text-no-title");
@@ -208,8 +161,8 @@ class PreviewBar {
 			let bar = this.createBar();
 			bar.setAttribute('data-vs-segment-type', types[i]);

-			bar.style.backgroundColor = barTypes[types[i]].color;
-			if (!this.onMobileYouTube) bar.style.opacity = barTypes[types[i]].opacity;
+			bar.style.backgroundColor = Config.config.barTypes[types[i]].color;
+			if (!this.onMobileYouTube) bar.style.opacity = Config.config.barTypes[types[i]].opacity;
 			bar.style.width = width + '%';
 			bar.style.left = (timestamps[i][0] / duration * 100) + "%";
 			bar.style.position = "absolute"
--- a/src/options.ts
+++ b/src/options.ts
@@ -13,6 +13,13 @@ window.addEventListener('DOMContentLoaded', init);
 async function init() {
    utils.localizeHtmlPage();

+    // Remove header if needed
+    if (window.location.hash === "#embed") {
+        for (const element of document.getElementsByClassName("titleBar")) {
+            element.classList.add("hidden");
+        }
+    }
+
    if (!Config.configListeners.includes(optionsConfigUpdateListener)) {
        Config.configListeners.push(optionsConfigUpdateListener);
    }
@@ -230,7 +237,7 @@ function invidiousInstanceAddInit(element: HTMLElement, option: string) {

    let setButton = element.querySelector(".text-change-set");
    setButton.addEventListener("click", async function(e) {
-        if (textBox.value == "" || textBox.value.includes("/") || textBox.value.includes("http") || textBox.value.includes(":")) {
+        if (textBox.value == "" || textBox.value.includes("/") || textBox.value.includes("http")) {
            alert(chrome.i18n.getMessage("addInvidiousInstanceError"));
        } else {
            // Add this
@@ -291,19 +298,23 @@ function invidiousInit(checkbox: HTMLInputElement, option: string) {
 * @param checkbox 
 * @param option 
 */
-function invidiousOnClick(checkbox: HTMLInputElement, option: string) {
-    if (checkbox.checked) {
-        utils.setupExtraSitePermissions(function (granted) {
-            if (!granted) {
-                Config.config[option] = false;
-                checkbox.checked = false;
-            } else {
-                checkbox.checked = true;
-            }
-        });
-    } else {
-        utils.removeExtraSiteRegistration();
-    }
+async function invidiousOnClick(checkbox: HTMLInputElement, option: string) {
+    return new Promise((resolve) => {
+        if (checkbox.checked) {
+            utils.setupExtraSitePermissions(function (granted) {
+                if (!granted) {
+                    Config.config[option] = false;
+                    checkbox.checked = false;
+                } else {
+                    checkbox.checked = true;
+                }
+
+                resolve();
+            });
+        } else {
+            utils.removeExtraSiteRegistration();
+        }
+    });
 }

 /**
@@ -351,15 +362,6 @@ function keybindKeyPressed(element: HTMLElement, e: KeyboardEvent) {
        let button: HTMLElement = element.querySelector(".trigger-button");
        let option = element.getAttribute("sync-option");

-        // Don't allow keys which are already listened for by youtube 
-        let restrictedKeys = "1234567890,.jklftcibmJKLFTCIBMNP/<> -+";
-        if (restrictedKeys.indexOf(key) !== -1 ) {
-            closeKeybindOption(element, button);
-
-            alert(chrome.i18n.getMessage("theKey") + " " + key + " " + chrome.i18n.getMessage("keyAlreadyUsedByYouTube"));
-            return;
-        }
-
        // Make sure keybind isn't used by the other listener
        // TODO: If other keybindings are going to be added, we need a better way to find the other keys used.
        let otherKeybind = (option === "startSponsorKeybind") ? Config.config['submitKeybind'] : Config.config['startSponsorKeybind'];
@@ -428,8 +430,8 @@ function activatePrivateTextChange(element: HTMLElement) {
        case "*":
            let jsonData = JSON.parse(JSON.stringify(Config.localConfig));

-            // Fix sponsorTimes data as it is destroyed from the JSON stringify
-            jsonData.sponsorTimes = Config.encodeStoredItem(Config.localConfig.sponsorTimes);
+            // Fix segmentTimes data as it is destroyed from the JSON stringify
+            jsonData.segmentTimes = Config.encodeStoredItem(Config.localConfig.segmentTimes);

            result = JSON.stringify(jsonData);
            break;
@@ -438,7 +440,7 @@ function activatePrivateTextChange(element: HTMLElement) {
    textBox.value = result;
    
    let setButton = element.querySelector(".text-change-set");
-    setButton.addEventListener("click", () => {
+    setButton.addEventListener("click", async () => {
        let confirmMessage = element.getAttribute("confirm-message");

        if (confirmMessage === null || confirm(chrome.i18n.getMessage(confirmMessage))) {
@@ -453,15 +455,14 @@ function activatePrivateTextChange(element: HTMLElement) {
                        }
                        Config.convertJSON();

-                        // Reload options on page
-                        init();
-
                        if (newConfig.supportInvidious) {
                            let checkbox = <HTMLInputElement> document.querySelector("#support-invidious > label > label > input");
                            
                            checkbox.checked = true;
-                            invidiousOnClick(checkbox, "supportInvidious");
+                            await invidiousOnClick(checkbox, "supportInvidious");
                        }
+
+                        window.location.reload();
                        
                    } catch (e) {
                        alert(chrome.i18n.getMessage("incorrectlyFormattedOptions"));
@@ -512,8 +513,8 @@ function copyDebugOutputToClipboard() {
        config: JSON.parse(JSON.stringify(Config.localConfig)) // Deep clone config object
    };

-    // Fix sponsorTimes data as it is destroyed from the JSON stringify
-    output.config.sponsorTimes = Config.encodeStoredItem(Config.localConfig.sponsorTimes);
+    // Fix segmentTimes data as it is destroyed from the JSON stringify
+    output.config.segmentTimes = Config.encodeStoredItem(Config.localConfig.segmentTimes);
    
    // Sanitise sensitive user config values
    delete output.config.userID;
--- a/src/popup.ts
+++ b/src/popup.ts
@@ -119,7 +119,7 @@ async function runThePopup(messageListener?: MessageListener) {
    let startTimeChosen = false;
  
    //the start and end time pairs (2d)
-    let sponsorTimes = [];
+    let sponsorTimes: SponsorTime[] = [];
  
    //current video ID of this tab
    let currentVideoID = null;
@@ -252,9 +252,9 @@ async function runThePopup(messageListener?: MessageListener) {
        }
  
        //load video times for this video 
-        let sponsorTimesStorage = Config.config.sponsorTimes.get(currentVideoID);
+        let sponsorTimesStorage = Config.config.segmentTimes.get(currentVideoID);
        if (sponsorTimesStorage != undefined && sponsorTimesStorage.length > 0) {
-            if (sponsorTimesStorage[sponsorTimesStorage.length - 1] != undefined && sponsorTimesStorage[sponsorTimesStorage.length - 1].length < 2) {
+            if (sponsorTimesStorage[sponsorTimesStorage.length - 1] != undefined && sponsorTimesStorage[sponsorTimesStorage.length - 1].segment.length < 2) {
                startTimeChosen = true;
                PageElements.sponsorStart.innerHTML = chrome.i18n.getMessage("sponsorEnd");
            }
@@ -336,13 +336,17 @@ async function runThePopup(messageListener?: MessageListener) {
        let sponsorTimesIndex = sponsorTimes.length - (startTimeChosen ? 1 : 0);
  
        if (sponsorTimes[sponsorTimesIndex] == undefined) {
-            sponsorTimes[sponsorTimesIndex] = [];
+            sponsorTimes[sponsorTimesIndex] = {
+                segment: [],
+                category: Config.config.defaultCategory,
+                UUID: null
+            };
        }
  
-        sponsorTimes[sponsorTimesIndex][startTimeChosen ? 1 : 0] = response.time;
+        sponsorTimes[sponsorTimesIndex].segment[startTimeChosen ? 1 : 0] = response.time;

        let localStartTimeChosen = startTimeChosen;
-        Config.config.sponsorTimes.set(currentVideoID, sponsorTimes);
+        Config.config.segmentTimes.set(currentVideoID, sponsorTimes);
        
        //send a message to the client script
        if (localStartTimeChosen) {
@@ -528,7 +532,7 @@ async function runThePopup(messageListener?: MessageListener) {
    }

    function previewSponsorTime(index) {
-        let skipTime = sponsorTimes[index][0];
+        let skipTime = sponsorTimes[index].segment[0];

        if (document.getElementById("startTimeMinutes" + index) != null) {
            //edit is currently open, use that time
@@ -575,28 +579,28 @@ async function runThePopup(messageListener?: MessageListener) {
        startTimeMinutes.id = "startTimeMinutes" + index;
        startTimeMinutes.className = "sponsorTime popupElement";
        startTimeMinutes.type = "text";
-        startTimeMinutes.value = String(getTimeInMinutes(sponsorTimes[index][0]));
+        startTimeMinutes.value = String(getTimeInMinutes(sponsorTimes[index].segment[0]));
        startTimeMinutes.style.width = "45px";
    
        let startTimeSeconds = document.createElement("input");
        startTimeSeconds.id = "startTimeSeconds" + index;
        startTimeSeconds.className = "sponsorTime popupElement";
        startTimeSeconds.type = "text";
-        startTimeSeconds.value = getTimeInFormattedSeconds(sponsorTimes[index][0]);
+        startTimeSeconds.value = getTimeInFormattedSeconds(sponsorTimes[index].segment[0]);
        startTimeSeconds.style.width = "60px";

        let endTimeMinutes = document.createElement("input");
        endTimeMinutes.id = "endTimeMinutes" + index;
        endTimeMinutes.className = "sponsorTime popupElement";
        endTimeMinutes.type = "text";
-        endTimeMinutes.value = String(getTimeInMinutes(sponsorTimes[index][1]));
+        endTimeMinutes.value = String(getTimeInMinutes(sponsorTimes[index].segment[1]));
        endTimeMinutes.style.width = "45px";
    
        let endTimeSeconds = document.createElement("input");
        endTimeSeconds.id = "endTimeSeconds" + index;
        endTimeSeconds.className = "sponsorTime popupElement";
        endTimeSeconds.type = "text";
-        endTimeSeconds.value = getTimeInFormattedSeconds(sponsorTimes[index][1]);
+        endTimeSeconds.value = getTimeInFormattedSeconds(sponsorTimes[index].segment[1]);
        endTimeSeconds.style.width = "60px";

        //the button to set the current time
@@ -668,11 +672,11 @@ async function runThePopup(messageListener?: MessageListener) {
    }
  
    function saveSponsorTimeEdit(index, closeEditMode = true) {
-        sponsorTimes[index][0] = getSponsorTimeEditTimes("startTime", index);
-        sponsorTimes[index][1] = getSponsorTimeEditTimes("endTime", index);
+        sponsorTimes[index].segment[0] = getSponsorTimeEditTimes("startTime", index);
+        sponsorTimes[index].segment[1] = getSponsorTimeEditTimes("endTime", index);
  
        //save this
-        Config.config.sponsorTimes.set(currentVideoID, sponsorTimes);
+        Config.config.segmentTimes.set(currentVideoID, sponsorTimes);
        
        messageHandler.query({
            active: true,
@@ -692,7 +696,7 @@ async function runThePopup(messageListener?: MessageListener) {
    //deletes the sponsor time submitted at an index
    function deleteSponsorTime(index) {
        //if it is not a complete sponsor time
-        if (sponsorTimes[index].length < 2) {
+        if (sponsorTimes[index].segment.length < 2) {
            messageHandler.query({
                active: true,
                currentWindow: true
@@ -710,7 +714,7 @@ async function runThePopup(messageListener?: MessageListener) {
        sponsorTimes.splice(index, 1);
  
        //save this
-        Config.config.sponsorTimes.set(currentVideoID, sponsorTimes);
+        Config.config.segmentTimes.set(currentVideoID, sponsorTimes);
        
        //if they are all removed
        if (sponsorTimes.length == 0) {
@@ -780,7 +784,7 @@ async function runThePopup(messageListener?: MessageListener) {
    //hides and shows the submit times button when needed
    function showSubmitTimesIfNecessary() {
        //check if an end time has been specified for the latest sponsor time
-        if (sponsorTimes.length > 0 && sponsorTimes[sponsorTimes.length - 1].length > 1) {
+        if (sponsorTimes.length > 0 && sponsorTimes[sponsorTimes.length - 1].segment.length > 1) {
            //show submit times button
            document.getElementById("submitTimesContainer").style.display = "unset";
        } else {
--- a/src/render/SkipNotice.tsx
+++ b/src/render/SkipNotice.tsx
@@ -12,6 +12,8 @@ class SkipNotice {

    noticeElement: HTMLDivElement;

+    skipNoticeRef: React.MutableRefObject<SkipNoticeComponent>;
+
    constructor(segments: SponsorTime[], autoSkip: boolean = false, contentContainer) {
        this.segments = segments;
        this.autoSkip = autoSkip;
@@ -51,6 +53,7 @@ class SkipNotice {
            <SkipNoticeComponent segments={segments} 
                autoSkip={autoSkip} 
                contentContainer={contentContainer}
+                ref={this.skipNoticeRef}
                closeListener={() => this.close()} />,
            this.noticeElement
        );
--- a/src/types.ts
+++ b/src/types.ts
@@ -58,6 +58,11 @@ interface SponsorTime {
    hidden?: SponsorHideType;
 }

+interface PreviewBarOption {
+    color: string,
+    opacity: string
+}
+
 type VideoID = string;

 export {
@@ -68,5 +73,6 @@ export {
    CategorySkipOption,
    SponsorTime,
    VideoID,
-    SponsorHideType
+    SponsorHideType,
+    PreviewBarOption
 };
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -331,25 +331,30 @@ class Utils {
        return seconds % 60;
    }

-    getFormattedTime(seconds: number, precise?: boolean) {
-        let minutes = Math.floor(seconds / 60);
-        let secondsNum: number = seconds - minutes * 60;
+    getFormattedTime(seconds: number, precise?: boolean): string {
+        let hours = Math.floor(seconds / 60 / 60);
+        let minutes = Math.floor(seconds / 60) % 60;
+        let secondsNum = seconds % 60;
        if (!precise) {
            secondsNum = Math.floor(secondsNum);
        }

-        let secondsDisplay: string = String(secondsNum.toFixed(3));
+        let secondsDisplay: string = String(precise ? secondsNum.toFixed(3) : secondsNum);
        
        if (secondsNum < 10) {
            //add a zero
            secondsDisplay = "0" + secondsDisplay;
        }

-        let formatted = minutes + ":" + secondsDisplay;
+        let formatted = (hours ? hours + ":" : "") + minutes + ":" + secondsDisplay;

        return formatted;
    }

+    shortCategoryName(categoryName: string): string {
+        return chrome.i18n.getMessage("category_" + categoryName + "_short") || chrome.i18n.getMessage("category_" + categoryName);
+    }
+
    getRawSeconds(minutes: number, seconds: number): number {
        return minutes * 60 + seconds;
    }
@@ -358,6 +363,10 @@ class Utils {
        return window.location.protocol === "http:" || window.location.protocol === "https:";
    }

+    isHex(num: string): boolean {
+        return Boolean(num.match(/^[0-9a-f]+$/i));
+    }
+
    /**
     * Is this Firefox (web-extensions)
     */
Author	SHA1	Message	Date
Ajay Ramachandran	e9e53d1d43	Merge pull request #401 from ajayyy/react Improvements	2020-07-12 23:09:43 -04:00
Ajay Ramachandran	07ab99a8d0	New Crowdin updates (#400 ) * New translations messages.json (Romanian) * New translations messages.json (German) * New translations messages.json (Portuguese) * New translations messages.json (Polish) * New translations messages.json (Italian) * New translations messages.json (French) * New translations messages.json (Finnish) * New translations messages.json (Spanish) * New translations messages.json (Russian) * New translations messages.json (Chinese Simplified) * New translations messages.json (Ukrainian) * New translations messages.json (Turkish) * New translations messages.json (Swedish) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (German)	2020-07-12 23:08:04 -04:00
Ajay Ramachandran	896120d311	Update version number	2020-07-12 23:07:55 -04:00
Ajay Ramachandran	3dc6563048	Default to blank category when submitting	2020-07-12 20:59:35 -04:00
Ajay Ramachandran	2d74ce2093	Added hours to time with skips	2020-07-12 18:52:36 -04:00
Ajay Ramachandran	eac4ca4d71	Add edge	2020-07-08 21:43:26 -04:00
Ajay Ramachandran	399a5af990	Update README.md	2020-07-07 17:48:36 -04:00
Ajay Ramachandran	48861439b7	Don't run time without skips on mobile or invidious	2020-07-05 00:21:26 -04:00
Ajay Ramachandran	bd60875c66	Fix invidious css issues	2020-07-05 00:17:54 -04:00
Ajay Ramachandran	fe8f25fe23	Hide submit button on invidious	2020-07-05 00:11:29 -04:00
Ajay Ramachandran	87f3cf3881	Fixed invidious preview bar	2020-07-05 00:09:18 -04:00
Ajay Ramachandran	0b9df8a45c	Remove submitting on mobile	2020-07-05 00:07:10 -04:00
Ajay Ramachandran	59c5b7eefe	Remove unused function	2020-07-05 00:05:36 -04:00
Ajay Ramachandran	dea9dac20a	Fix crashing on mobile youtube	2020-07-05 00:03:52 -04:00
Ajay Ramachandran	684cd676e5	Delete empty unsubmitted submissions when delete is called	2020-07-04 15:34:29 -04:00
Ajay Ramachandran	929e3396cd	New Crowdin updates (#386 ) * New translations messages.json (Romanian) * New translations messages.json (German) * New translations messages.json (Turkish) * New translations messages.json (Ukrainian) * New translations messages.json (Chinese Simplified) * New translations messages.json (Slovak) * New translations messages.json (Russian) * New translations messages.json (French) * New translations messages.json (Dutch) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (Finnish) * New translations messages.json (Hungarian) * New translations messages.json (Swedish) * New translations messages.json (Bulgarian) * New translations messages.json (Spanish) * New translations messages.json (Gujarati) * New translations messages.json (Polish) * New translations messages.json (German) * New translations messages.json (French) * New translations messages.json (German) * New translations messages.json (Swedish) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (German) * New translations messages.json (Russian) * New translations messages.json (Chinese Simplified)	2020-07-03 21:25:13 -04:00
Ajay Ramachandran	fad3284c4f	Merge pull request #399 from ajayyy/react Save category in preview submissions and other fixes	2020-07-03 21:20:53 -04:00
Ajay Ramachandran	c69047c7f9	Show short names when hovering the preview bar	2020-07-03 21:16:38 -04:00
Ajay Ramachandran	4fc7a69dd5	Merge branch 'master' of https://github.com/ajayyy/SponsorBlock into react	2020-07-03 20:58:15 -04:00
Ajay Ramachandran	dd4c903c6a	Merge pull request #395 from NDevTK/patch-1 Added config option for excluding skipped content from the video duration	2020-07-03 20:58:01 -04:00
Ajay Ramachandran	c9a2edaf3d	Remove unused function	2020-07-03 20:56:45 -04:00
Ajay Ramachandran	8d41af073d	Added option to options page	2020-07-03 20:55:58 -04:00
Ajay Ramachandran	bfafcd07cc	Fix font issue, NaN issue and remove hide real time	2020-07-03 19:56:08 -04:00
Ajay Ramachandran	77abc1d031	Reuse existing functions	2020-07-03 19:44:15 -04:00
Ajay Ramachandran	809de0e0fd	Increased version number	2020-07-03 19:31:18 -04:00
Ajay Ramachandran	e55d1f5115	Removed intermission category and renamed intro to intermission.	2020-07-03 19:31:00 -04:00
Ajay Ramachandran	037bd511b0	Remove keybind restriction. Closes https://github.com/ajayyy/SponsorBlock/issues/379	2020-07-03 19:07:05 -04:00
Ajay Ramachandran	1265eeb941	Save category with the preview submissions.	2020-07-02 23:34:13 -04:00
Ajay Ramachandran	b3a94142c3	Allow colon on invidious options	2020-07-02 21:39:00 -04:00
Ajay Ramachandran	367657e44e	Added intermission category	2020-07-02 21:37:38 -04:00
Ajay Ramachandran	955ee32b46	Remove category update message	2020-07-02 21:13:07 -04:00
Ajay Ramachandran	cd0b1f4a31	Wait for permissions before reloading	2020-07-02 20:56:41 -04:00
Ajay Ramachandran	5c4f0c960c	Reload after importing options	2020-07-02 20:50:06 -04:00
Ajay Ramachandran	5ac6dd1a7f	Update description	2020-07-02 20:48:39 -04:00
NDevTK	8d53e776b8	Do not show if skipDuration is 0	2020-06-29 19:35:11 +01:00
NDevTK	ec2950786f	Skip if skipDuration is 0	2020-06-29 17:52:28 +01:00
Ajay Ramachandran	f33fa2f621	Moved Android to official	2020-06-27 11:38:49 -04:00
NDevTK	fd77748b15	Updated config	2020-06-27 15:20:00 +01:00
NDevTK	3b59389cab	Added different ui option	2020-06-27 15:16:36 +01:00
Ajay Ramachandran	e6f53a3ef9	Update README.md	2020-06-27 00:49:55 -04:00
Ajay Ramachandran	b2f1a737f5	Remove port without pre-built release	2020-06-27 00:44:38 -04:00
Ajay Ramachandran	e2c7f4d16f	Merge pull request #397 from daniel11420/patch-2 Add more unofficial ports to the Unofficial Ports section in the README	2020-06-27 00:44:00 -04:00
Ajay Ramachandran	4a89dfaac5	Merge pull request #396 from daniel11420/patch-1 Fix typo in README	2020-06-27 00:42:50 -04:00
daniel11420	e47330a79c	Add more unofficial ports to the Unofficial Ports section in the README	2020-06-27 06:38:29 +02:00
daniel11420	72fc3620bc	Fix typo in README	2020-06-27 06:32:21 +02:00
NDevTK	0ebd7f4f8d	Added duration override	2020-06-26 19:33:19 +01:00
NDevTK	beea8181a1	Added config option	2020-06-26 19:19:51 +01:00
Ajay Ramachandran	f0716e8bbb	Merge pull request #389 from kittenparry/patch-1 Fix typo in Chrome Users badge	2020-06-22 18:51:02 -04:00
Edvin Boul	783ea5cf5b	Fix typo in Chrome Users badge Chome -> Chrome	2020-06-22 18:29:08 +03:00
Ajay Ramachandran	42a813d325	Merge pull request #388 from ajayyy/react Another hotfix for name string issue	2020-06-21 15:54:25 -04:00
Ajay Ramachandran	e6dfb5041e	Another hotfix for name string issue	2020-06-21 15:53:26 -04:00
Ajay Ramachandran	c857308038	Merge pull request #387 from ajayyy/react Fixed wrong string removed	2020-06-21 12:55:27 -04:00
Ajay Ramachandran	f73abdbabc	Fixed wrong string removed	2020-06-21 12:55:10 -04:00
Ajay Ramachandran	43184e466f	Merge pull request #385 from ajayyy/react Fixed options page issues	2020-06-20 00:20:01 -04:00
Ajay Ramachandran	627c7769b0	New Crowdin updates (#380 ) * New translations messages.json (French) * New translations messages.json (French) * New translations messages.json (French) * New translations messages.json (French)	2020-06-19 18:54:17 -04:00
Ajay Ramachandran	759dba9cd3	Increased version number	2020-06-19 18:53:39 -04:00
Ajay Ramachandran	7cac2c4045	Fix help page not hiding options title bar	2020-06-19 18:53:24 -04:00
Ajay Ramachandran	27bb44189f	Remove name from localisation	2020-06-19 18:49:49 -04:00
Ajay Ramachandran	4c44f3da25	Merge pull request #378 from ajayyy/react Fixed missing options from options page	2020-06-16 22:01:55 -04:00
Ajay Ramachandran	e917a3e94a	New Crowdin translations (#369 ) * New translations messages.json (French) * New translations messages.json (French) * New translations messages.json (Dutch) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (Finnish) * New translations messages.json (German) * New translations messages.json (German) * New translations messages.json (Hungarian) * New translations messages.json (Swedish) * New translations messages.json (Swedish) * New translations messages.json (Bulgarian) * New translations messages.json (Finnish) * New translations messages.json (French)	2020-06-16 22:01:08 -04:00
Ajay Ramachandran	1570bfdd0a	Fixed missing options from options page	2020-06-16 22:00:49 -04:00
Ajay Ramachandran	e511de9f88	Update README.md	2020-06-14 20:29:12 -04:00
drlellinger	e694393edc	Improve German translation (#371 )	2020-06-10 19:53:35 -04:00
Ajay Ramachandran	e1cb86e6b4	New Crowdin translations (#368 ) * New translations messages.json (Romanian) * New translations messages.json (German)	2020-06-07 21:24:15 -04:00
Ajay Ramachandran	22221ba9bd	Update version number	2020-06-07 21:21:38 -04:00
Ajay Ramachandran	9ad67c1a03	Merge pull request #363 from ajayyy/react Category Improvements	2020-06-07 11:30:33 -04:00
Ajay Ramachandran	53071a9291	New Crowdin translations (#362 ) * New translations messages.json (Portuguese, Brazilian) * New translations messages.json (Swedish) * New translations messages.json (Ukrainian) * New translations messages.json (Chinese Simplified) * New translations messages.json (Russian) * New translations messages.json (Turkish) * New translations messages.json (Bulgarian) * New translations messages.json (French) * New translations messages.json (Spanish) * New translations messages.json (German) * New translations messages.json (Finnish) * New translations messages.json (Portuguese) * New translations messages.json (Italian) * New translations messages.json (Dutch) * New translations messages.json (Polish) * New translations messages.json (Turkish) * New translations messages.json (Chinese Simplified) * New translations messages.json (Romanian) * New translations messages.json (Romanian)	2020-06-07 11:30:10 -04:00
Ajay Ramachandran	56e40b791f	Increased version number	2020-06-07 11:28:41 -04:00
Ajay Ramachandran	93316bf463	Added option to disable notification	2020-06-07 11:27:35 -04:00
Ajay Ramachandran	3f98e2fc73	Remove options page header on help page	2020-06-07 11:21:21 -04:00
Ajay Ramachandran	9f4fec2a43	Added category update info on the notice	2020-06-07 11:16:24 -04:00
Ajay Ramachandran	89cc6ed184	Added "read the guidelines button.	2020-06-05 21:38:38 -04:00
Ajay Ramachandran	730d966019	Lowered category description width	2020-06-05 21:26:07 -04:00
Ajay Ramachandran	c509b8807c	Shortened sponsor description	2020-06-05 19:37:39 -04:00
Ajay Ramachandran	7de907fa23	Added help button to submission notice	2020-06-04 21:46:56 -04:00
Ajay Ramachandran	b4e03ae055	Added category descriptions	2020-06-03 21:00:32 -04:00
Ajay Ramachandran	c9460bd6c6	Added short category names	2020-06-03 20:42:38 -04:00
Ajay Ramachandran	d9800b3c14	Added options page to help page as iframe	2020-06-03 20:31:14 -04:00
Ajay Ramachandran	fa7f577177	Fix skip options	2020-06-03 20:30:25 -04:00
Ajay Ramachandran	ca2727655e	Added customizable seek bar colors	2020-06-03 20:20:02 -04:00