ukrainian localization and new error popup

README.md

@@ -23,10 +23,11 @@ It preserves original media quality so you get best downloads possible (unless y
 - YouTube Music
 
 ## Translations
-- Spanish: [@adrigoomy](https://github.com/adrigoomy)
+- Spanish: [@adrigoomy](https://github.com/adrigoomy) (translation is outdated, update needed)
-- French: [@lexito-o](https://github.com/lexito-o)
+- French: [@lexito-o](https://github.com/lexito-o) (translation is outdated, update needed)
-- Indonesian: [@LyfeV](https://github.com/LyfeV)
+- Indonesian: [@LyfeV](https://github.com/LyfeV) (translation is outdated, update needed)
 - Polish: [@hexandcube](https://github.com/hexandcube)
+- Ukrainian: Löffel
 
 ## How you can help cobalt speak your language
 Take English or Russian localization from [this directory](https://github.com/wukko/cobalt/tree/current/src/localization/languages) and use it as a base for your translation. Then simply make a pull request and it'll be out for everyone upon review!
@@ -34,14 +35,15 @@ Take English or Russian localization from [this directory](https://github.com/wu
 ### What you should keep in mind:
 - Do **NOT** use formal language, that's boring and lame. Use informal language on all occasions.
 - Strings are **ALWAYS** lowercase unless it's an internal value like {ContactLink} or STRESSED LIKE THIS.
-- Keep translations as friendly and fun as possible.
+- Keep translations as friendly and fun as possible. Just as if cobalt user was your buddy.
-- Word-for-word translations from original language are not valid.
+- Robotic translations from original language are not valid.
-- You can rephrase sentences as long as they keep the same sense.
+- You can (and should) rephrase sentences as long as they keep the same sense, if you think it'd be better that way.
 - You can add wordplays or puns if it feels natural to do so.
-- Even though I love cursing, keep that away from translations.
+- Even though I love cursing, keep that to minimum in translations, and do **NOT** use offensive words.
 - Always check if there are issues in UI with your localization.
 - There's no need to translate `ChangelogContentTitle` and `ChangelogContent`, because those are very often changed. You can remove both of them from your translation file.
-- Add "(in english)" in translation language to `ChangelogLastCommit` and `ChangelogLastMajor`, because those are almost always kept exclusively in English. Remove that phrase if you do translate major update changelog.
+- Add "(in english)" translated to your language at the end of `ChangelogLastCommit` and `ChangelogLastMajor`. Those are almost always kept exclusively in English. Remove that phrase if you do translate major update changelog.
+    - Example: `"ChangelogLastCommit": "последний коммит (на английском)"`
 - Be nice.
 
 ## TO-DO

package.json

@@ -1,7 +1,7 @@
 {
     "name": "cobalt",
     "description": "save what you love",
-    "version": "3.1",
+    "version": "3.2",
     "author": "wukko",
     "exports": "./src/cobalt.js",
     "type": "module",

src/front/cobalt.css

@@ -249,6 +249,9 @@ input[type="checkbox"] {
     font-size: 0.9rem;
     max-height: 80%;
 }
+.popup.small {
+    width: 20%
+}
 #popup-backdrop {
     opacity: 0.5;
     background-color: var(--background);
@@ -375,7 +378,7 @@ input[type="checkbox"] {
     padding-bottom: 0.4rem;
     color: var(--accent);
 }
-.subtitle.extra {
+.extra {
     margin-top: 1rem;
 }
 .small-padding .subtitle {
@@ -389,6 +392,9 @@ input[type="checkbox"] {
     line-height: 1.3rem!important;
     color: var(--accent-unhover-2);
 }
+.subtext {
+    color: var(--accent-unhover-2);
+}
 .switch {
     padding: 0.8rem;
     width: 100%;
@@ -463,10 +469,18 @@ input[type="checkbox"] {
         zoom: 300%;
     }
 }
+@media screen and (max-width: 1550px) {
+    .popup.small {
+        width: 25%
+    }
+}
 @media screen and (max-width: 1440px) {
     #cobalt-main-box {
         width: 65%;
     }
+    .popup.small {
+        width: 30%
+    }
     .popup {
         width: 40%;
     }
@@ -475,6 +489,9 @@ input[type="checkbox"] {
     #cobalt-main-box {
         width: 70%;
     }
+    .popup.small {
+        width: 35%
+    }
     .popup {
         width: 50%;
     }
@@ -483,6 +500,9 @@ input[type="checkbox"] {
     #cobalt-main-box {
         width: 75%;
     }
+    .popup.small {
+        width: 40%
+    }
     .popup {
         width: 60%;
     }
@@ -491,35 +511,22 @@ input[type="checkbox"] {
     .popup {
         height: 80%
     }
+    .popup.small {
+        height: auto;
+    }
     .bottom-link {
         padding-bottom: 2rem;
     }
 }
 /* mobile page */
 @media screen and (max-width: 949px) {
-    #logo-area {
-        padding-right: 0;
-        padding-top: 0;
-        position: fixed;
-        line-height: 0;
-        margin-top: -2rem;
-        width: 100%;
-        text-align: center;
-    }
     #cobalt-main-box {
         width: 85%;
-        display: flex;
-        border: none;
-        padding: 0;
     }
-    .popup, .popup.scrollable {
+    #close-error {
-        border: none;
+        bottom: 5%;
-        width: 90%;
+        position: absolute;
-        height: 90%;
+        width: var(--without-padding);
-        max-height: 100%;
-    }
-    .bottom-link {
-        padding-bottom: 2rem;
     }
 }
 @media screen and (max-width: 475px) {
@@ -529,6 +536,16 @@ input[type="checkbox"] {
     .tab .emoji {
         margin-right: 0;
     }
+    #cobalt-main-box {
+        width: 90%;
+    }
+}
+@media screen and (max-width: 949px) {
+    #close-error {
+        bottom: 5%;
+        position: absolute;
+        width: var(--without-padding);
+    }
     #logo-area {
         padding-right: 0;
         padding-top: 0;
@@ -539,12 +556,11 @@ input[type="checkbox"] {
         text-align: center;
     }
     #cobalt-main-box {
-        width: 90%;
         display: flex;
         border: none;
         padding: 0;
     }
-    .popup, .popup.scrollable {
+    .popup, .popup.scrollable, .popup.small {
         border: none;
         width: 90%;
         height: 90%;

src/front/emoji/dragon_face.svg

@@ -2,10 +2,10 @@
 <path d="M12.0985 20L11.2876 20.0023C11.163 20.0027 11.039 20.0205 10.9196 20.0553C9.57284 20.4476 9.75254 22.345 11.1502 22.4907L15.3126 22.9244C15.6061 22.955 15.7939 22.6293 15.6127 22.404L14.6445 21.1998C14.0337 20.4401 13.0937 19.9972 12.0985 20Z" fill="#F70A8D"/>
 <path d="M9.86911 18.7891L9.82812 18.75H13.2344L12.1306 20.02C11.8606 20.29 11.4306 20.29 11.1606 20.02L10.2561 19.1579L9.41187 20.02C9.14187 20.29 8.71187 20.29 8.44187 20.02L7.54963 19.1104L6.6775 20.02C6.4075 20.29 5.9775 20.29 5.7075 20.02L4.51562 18.8281H7.27269L7.23438 18.7891H9.86911Z" fill="#D3D3D3"/>
 <path d="M19.6562 19.0002H19L19.5369 12.0625H29.6719C30.2519 12.0625 30.5469 12.6075 30.5469 13.1875V14.5C30.5469 16.8086 28.7796 18.7047 26.1464 18.9688H29.3263C30.0562 18.9688 30.6562 19.3796 30.6562 20.1096V23.7609C30.6562 27.5159 28.5156 29.9209 26.1875 29.9209H19.6562V19.0002Z" fill="#F70A8D"/>
-<path d="M10.551 1.6787C10.037 1.52971 9.49953 1.82562 9.35054 2.33964C9.20154 2.85367 9.49746 3.39115 10.0115 3.54014C10.6835 3.73494 10.9953 3.99416 11.132 4.17663C11.2583 4.34529 11.285 4.5116 11.2547 4.67813C11.1764 5.1085 10.7662 5.42164 10.4687 5.42164C10.0082 5.42164 9.68487 5.27825 9.18246 5.05545C9.01246 4.98007 8.82196 4.89559 8.59871 4.8045C7.74074 4.45443 6.70167 4.20545 5.30247 4.75415C3.38698 5.50532 3.04516 7.3959 3.15013 8.85442C3.25691 10.3381 3.8277 11.8428 4.30202 12.6056C4.58464 13.06 5.18217 13.1994 5.63664 12.9167C6.09112 12.6341 6.23044 12.0366 5.94782 11.5821C5.63587 11.0805 5.16689 9.87831 5.08319 8.7153C4.99768 7.52712 5.31466 6.83113 6.01003 6.55843C6.79885 6.24909 7.29885 6.3673 7.86654 6.59893C7.96477 6.63901 8.07609 6.68952 8.19917 6.74536C8.75588 6.99795 9.55319 7.3597 10.4687 7.3597C11.8252 7.3597 12.9384 6.25096 13.1615 5.02508C13.2819 4.36349 13.1537 3.64307 12.6832 3.01486C12.2231 2.40046 11.4961 1.95264 10.551 1.6787Z" fill="#F9AD3C"/>
+<path d="M10.551 1.6787C10.037 1.52971 9.49953 1.82562 9.35054 2.33964C9.20154 2.85367 9.49746 3.39115 10.0115 3.54014C10.6835 3.73494 10.9953 3.99416 11.132 4.17663C11.2583 4.34529 11.285 4.5116 11.2547 4.67813C11.1764 5.1085 10.7662 5.42164 10.4687 5.42164C10.0082 5.42164 9.68487 5.27825 9.18246 5.05545C9.01246 4.98007 8.82196 4.89559 8.59871 4.8045C7.74074 4.45443 6.70167 4.20545 5.30247 4.75415C3.38698 5.50532 3.04516 7.3959 3.15013 8.85442C3.25691 10.3381 3.8277 11.8428 4.30202 12.6056C4.58464 13.06 5.18217 13.1994 5.63664 12.9167C6.09112 12.6341 6.23044 12.0366 5.94782 11.5821C5.63587 11.0805 5.16689 9.87831 5.08319 8.7153C4.99768 7.52712 5.31466 6.83113 6.01003 6.55843C6.79885 6.24909 7.29885 6.3673 7.86654 6.59893C7.96477 6.63901 8.07609 6.68952 8.19917 6.74536C8.75588 6.99795 9.55319 7.3597 10.4687 7.3597C11.8252 7.3597 12.9384 6.25096 13.1615 5.02508C13.2819 4.36349 13.1537 3.64307 12.6832 3.01486C12.2231 2.40046 11.4961 1.95264 10.551 1.6787Z" fill="#FFB02E"/>
-<path d="M22.8585 5.00005H27.5433C27.7528 5.00005 27.9051 5.23005 27.8194 5.43005L27.5909 6.00005C27.1148 7.21005 25.9912 8.00005 24.7439 8.00005H22.8585C22.5919 8.00005 22.3444 8.17005 22.2301 8.42005L20.8399 11.65C20.7447 11.86 20.5447 12 20.3257 12H18.3738C17.9738 12 17.6977 11.56 17.8596 11.17L19.4497 7.34005C20.0401 5.92005 21.3827 5.00005 22.8585 5.00005Z" fill="#F9AD3C"/>
+<path d="M22.8585 5.00005H27.5433C27.7528 5.00005 27.9051 5.23005 27.8194 5.43005L27.5909 6.00005C27.1148 7.21005 25.9912 8.00005 24.7439 8.00005H22.8585C22.5919 8.00005 22.3444 8.17005 22.2301 8.42005L20.8399 11.65C20.7447 11.86 20.5447 12 20.3257 12H18.3738C17.9738 12 17.6977 11.56 17.8596 11.17L19.4497 7.34005C20.0401 5.92005 21.3827 5.00005 22.8585 5.00005Z" fill="#FFB02E"/>
-<path d="M13.545 7.74869C13.7109 7.46456 13.8246 7.2698 13.8438 7.23444C13.9453 7.04684 14.4842 6.07835 15.4062 6.07819C16.0743 6.07808 16.6307 6.07814 16.9406 6.07817C17.033 6.07818 17.1035 6.07819 17.1484 6.07819C17.7109 6.07819 18.0234 6.64842 18.0234 6.98436C18.0234 7.37498 17.8047 7.99996 17.1484 7.99996H16.375C16.3125 7.98434 16.1687 7.98746 16.0938 8.12496C16.06 8.18681 15.9428 8.5144 15.8028 8.92064H27.6793C27.9293 8.92064 28.0993 9.15064 28.0493 9.39064L27.7193 11.3506C27.4193 12.5506 26.3393 13.3906 25.1093 13.3906H23.3993L23.4593 13.4606C23.9993 14.0606 24.2993 14.8306 24.2993 15.6406L24.2893 23.0606V23.4206L24.2493 24.4606C24.2393 24.6306 24.2193 24.8106 24.1993 24.9806L24.1393 25.5006C24.1256 25.6243 24.1024 25.7432 24.0795 25.8607C24.0691 25.9142 24.0587 25.9674 24.0493 26.0206L23.9493 26.5306C23.9293 26.644 23.9004 26.7573 23.8715 26.8707C23.8571 26.9273 23.8426 26.984 23.8293 27.0406C23.5693 28.0306 23.2093 29.0006 22.7593 29.9206H14.5155L15.4365 26.7122C15.9941 26.1945 16.0208 25.5264 16.0493 24.8137C16.057 24.6214 16.0648 24.4258 16.0832 24.229C16.0946 24.1079 16.0016 24 15.8799 24H7.13932C5.49932 24 4.06932 22.7706 4.07932 21.5206C4.07932 21.1906 4.34618 21.0337 4.67618 21.0337H10.2278C10.7195 21.0337 11.4005 20.7175 11.7505 20.3675L13.0793 18.9206H3.81932C2.85932 18.9206 2.07932 18.1406 2.07932 17.1806V13.3806C2.09932 12.0206 3.20932 10.9206 4.57932 10.9206C5.17932 10.9206 5.91494 11.0606 6.34494 11.4206C6.37301 11.444 6.40148 11.4681 6.43038 11.4925C6.71031 11.7292 7.02924 11.9988 7.39182 11.9988L10.4293 11.8906C10.9293 11.8906 11.3693 11.5906 11.5593 11.1406L11.9993 10.4206C12.0261 10.3744 12.0541 10.3291 12.0831 10.2848C12.5006 9.53792 13.162 8.40493 13.545 7.74869Z" fill="#00D26A"/>
+<path d="M13.545 7.74869C13.7109 7.46456 13.8246 7.2698 13.8438 7.23444C13.9453 7.04684 14.4842 6.07835 15.4062 6.07819C16.0743 6.07808 16.6307 6.07814 16.9406 6.07817C17.033 6.07818 17.1035 6.07819 17.1484 6.07819C17.7109 6.07819 18.0234 6.64842 18.0234 6.98436C18.0234 7.37498 17.8047 7.99996 17.1484 7.99996H16.375C16.3125 7.98434 16.1687 7.98746 16.0938 8.12496C16.06 8.18681 15.9428 8.5144 15.8028 8.92064H27.6793C27.9293 8.92064 28.0993 9.15064 28.0493 9.39064L27.7193 11.3506C27.4193 12.5506 26.3393 13.3906 25.1093 13.3906H23.3993L23.4593 13.4606C23.9993 14.0606 24.2993 14.8306 24.2993 15.6406L24.2893 23.0606V23.4206L24.2493 24.4606C24.2393 24.6306 24.2193 24.8106 24.1993 24.9806L24.1393 25.5006C24.1256 25.6243 24.1024 25.7432 24.0795 25.8607C24.0691 25.9142 24.0587 25.9674 24.0493 26.0206L23.9493 26.5306C23.9293 26.644 23.9004 26.7573 23.8715 26.8707C23.8571 26.9273 23.8426 26.984 23.8293 27.0406C23.5693 28.0306 23.2093 29.0006 22.7593 29.9206H14.5155L15.4365 26.7122C15.9941 26.1945 16.0208 25.5264 16.0493 24.8137C16.057 24.6214 16.0648 24.4258 16.0832 24.229C16.0946 24.1079 16.0016 24 15.8799 24H7.13932C5.49932 24 4.06932 22.7706 4.07932 21.5206C4.07932 21.1906 4.34618 21.0337 4.67618 21.0337H10.2278C10.7195 21.0337 11.4005 20.7175 11.7505 20.3675L13.0793 18.9206H3.81932C2.85932 18.9206 2.07932 18.1406 2.07932 17.1806V13.3806C2.09932 12.0206 3.20932 10.9206 4.57932 10.9206C5.17932 10.9206 5.91494 11.0606 6.34494 11.4206C6.37301 11.444 6.40147 11.4681 6.43038 11.4925C6.71031 11.7292 7.02924 11.9988 7.39182 11.9988L10.4293 11.8906C10.9293 11.8906 11.3693 11.5906 11.5593 11.1406L11.9993 10.4206C12.0261 10.3744 12.0541 10.3291 12.0831 10.2848C12.5006 9.53792 13.162 8.40493 13.545 7.74869Z" fill="#00D26A"/>
-<path d="M14.6163 29.9206C15.3233 29.4798 16.5543 27.5772 17.25 25.8614C17.8125 24.4741 16.849 24.0424 16.2969 24H14.2031L14.1373 24.0416C14.243 24.0583 14.3192 24.1576 14.3038 24.2674C14.1748 25.1883 14.0447 26.0547 13.3367 26.7122C12.4068 27.5889 10.6728 28.1548 9.44602 28.5551C9.35742 28.584 9.27147 28.6121 9.18865 28.6393C9.09412 28.6857 8.99703 28.7294 8.90129 28.7725C8.46026 28.971 8.04803 29.1566 8.04803 29.5299C8.04803 29.8805 8.27447 29.888 8.63616 29.8998C8.74322 29.9034 8.86213 29.9073 8.99054 29.9206H14.6163Z" fill="#F9AD3C"/>
+<path d="M14.6163 29.9206C15.3233 29.4798 16.5543 27.5772 17.25 25.8614C17.8125 24.4741 16.849 24.0424 16.2969 24H14.2031L14.1373 24.0416C14.243 24.0583 14.3192 24.1576 14.3038 24.2674C14.1748 25.1883 14.0447 26.0547 13.3367 26.7122C12.4068 27.5889 10.6728 28.1548 9.44602 28.5551C9.35742 28.584 9.27147 28.6121 9.18865 28.6393C9.09412 28.6857 8.99703 28.7294 8.90129 28.7725C8.46026 28.971 8.04803 29.1566 8.04803 29.5299C8.04803 29.8805 8.27447 29.888 8.63616 29.8998C8.74322 29.9034 8.86213 29.9073 8.99054 29.9206H14.6163Z" fill="#FFB02E"/>
 <path d="M4 17C3.45361 17 3 16.5905 3 16.0762V13.9238C3 13.419 3.4433 13 4 13C4.54639 13 5 13.4095 5 13.9238V16.0762C4.98969 16.581 4.54639 17 4 17Z" fill="#008463"/>
 <path d="M14 14C14 13.4477 14.4477 13 15 13C15.5523 13 16 13.4477 16 14V16C16 16.5523 15.5523 17 15 17C14.4477 17 14 16.5523 14 16V14Z" fill="#1C1C1C"/>
 </svg>

src/front/emoji/frowning_face.svg

@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z" fill="#FFB02E"/>
+<path d="M10.4191 16.2244C12.742 16.2244 14.6251 14.3414 14.6251 12.0185C14.6251 9.69557 12.742 7.8125 10.4191 7.8125C8.09621 7.8125 6.21313 9.69557 6.21313 12.0185C6.21313 14.3414 8.09621 16.2244 10.4191 16.2244Z" fill="white"/>
+<path d="M21.5683 16.3011C23.9123 16.3011 25.8126 14.4009 25.8126 12.0568C25.8126 9.71274 23.9123 7.8125 21.5683 7.8125C19.2242 7.8125 17.324 9.71274 17.324 12.0568C17.324 14.4009 19.2242 16.3011 21.5683 16.3011Z" fill="white"/>
+<path d="M14 12C14 13.6569 12.6569 15 11 15C9.34315 15 8 13.6569 8 12C8 10.3431 9.34315 9 11 9C12.6569 9 14 10.3431 14 12Z" fill="#402A32"/>
+<path d="M24 12C24 13.6569 22.6569 15 21 15C19.3431 15 18 13.6569 18 12C18 10.3431 19.3431 9 21 9C22.6569 9 24 10.3431 24 12Z" fill="#402A32"/>
+<path d="M10.8944 22.4472C11.098 22.04 12.46 20 16 20C19.54 20 20.902 22.04 21.1056 22.4472C21.3526 22.9412 21.9532 23.1414 22.4472 22.8944C22.9412 22.6474 23.1414 22.0468 22.8944 21.5528C22.4314 20.6267 20.46 18 16 18C11.54 18 9.56864 20.6267 9.10557 21.5528C8.85858 22.0468 9.05881 22.6474 9.55279 22.8944C10.0468 23.1414 10.6474 22.9412 10.8944 22.4472Z" fill="#402A32"/>
+</svg>

src/front/emoji/magic_wand.svg

@@ -1,5 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M5 29L3 27L19 11L21 13L5 29Z" fill="#6B438B"/>
 <path d="M18 12L20 14L21.6741 12.3327C22.1086 11.8878 22.1086 11.0935 21.6741 10.658L21.3436 10.3266C20.8996 9.89111 20 9.99999 19.5 10.5L18 12ZM2.3375 29.2516L2.7475 29.6628C3.1875 30.114 3.9175 30.114 4.3575 29.6528L6 28.0056L4 26L2.3375 27.6271C1.8875 28.0784 1.8875 28.8004 2.3375 29.2516Z" fill="#D3D3D3"/>
-<path d="M27.8709 4.42343C28.0014 4.70653 28.2224 4.93105 28.5136 5.05796L29.7288 5.58511C30.0904 5.75107 30.0904 6.24893 29.7288 6.41488L28.5237 6.94203C28.2324 7.06894 28.0014 7.29347 27.8809 7.57657L26.9268 9.74375C26.7561 10.0854 26.2439 10.0854 26.0732 9.74375L25.1191 7.57657C24.9885 7.29347 24.7676 7.06894 24.4763 6.94203L23.2712 6.41488C22.9096 6.24893 22.9096 5.75107 23.2712 5.58511L24.4763 5.05796C24.7676 4.93105 24.9986 4.70653 25.1191 4.42343L26.0732 2.25625C26.2439 1.91458 26.7561 1.91458 26.9268 2.25625L27.8709 4.42343ZM16.4412 5.60266C16.2331 5.51505 16.077 5.35929 15.9834 5.1646L15.307 3.67522C15.1821 3.44159 14.8179 3.44159 14.693 3.67522L14.0167 5.1646C13.9334 5.35929 13.7669 5.51505 13.5588 5.60266L12.6951 5.96283C12.435 6.07964 12.435 6.42036 12.6951 6.53717L13.5588 6.89735C13.7669 6.98496 13.923 7.14071 14.0167 7.3354L14.693 8.82478C14.8179 9.05841 15.1821 9.05841 15.307 8.82478L15.9834 7.3354C16.0666 7.14071 16.2331 6.98496 16.4412 6.89735L17.3049 6.53717C17.565 6.42036 17.565 6.07964 17.3049 5.96283L16.4412 5.60266ZM25.9507 16.2976C25.7473 16.1996 25.5867 16.0363 25.4904 15.8185L24.8051 14.196C24.6767 13.9347 24.3126 13.9347 24.1949 14.196L23.5096 15.8185C23.424 16.0254 23.2527 16.1996 23.0493 16.2976L22.1927 16.6897C21.9358 16.8203 21.9358 17.1906 22.1927 17.3103L23.0493 17.7024C23.2527 17.8004 23.4133 17.9637 23.5096 18.1815L24.1949 19.804C24.3233 20.0653 24.6874 20.0653 24.8051 19.804L25.4904 18.1815C25.576 17.9746 25.7473 17.8004 25.9507 17.7024L26.8073 17.3103C27.0642 17.1797 27.0642 16.8094 26.8073 16.6897L25.9507 16.2976ZM12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14ZM30 13C30 13.5523 29.5523 14 29 14C28.4477 14 28 13.5523 28 13C28 12.4477 28.4477 12 29 12C29.5523 12 30 12.4477 30 13ZM19 4C19.5523 4 20 3.55229 20 3C20 2.44771 19.5523 2 19 2C18.4477 2 18 2.44771 18 3C18 3.55229 18.4477 4 19 4ZM20 21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21C18 20.4477 18.4477 20 19 20C19.5523 20 20 20.4477 20 21Z" fill="#F9AD3C"/>
+<path d="M27.8709 4.42343C28.0014 4.70653 28.2224 4.93105 28.5136 5.05796L29.7288 5.58511C30.0904 5.75107 30.0904 6.24893 29.7288 6.41488L28.5237 6.94203C28.2324 7.06894 28.0014 7.29347 27.8809 7.57657L26.9268 9.74375C26.7561 10.0854 26.2439 10.0854 26.0732 9.74375L25.1191 7.57657C24.9885 7.29347 24.7676 7.06894 24.4763 6.94203L23.2712 6.41488C22.9096 6.24893 22.9096 5.75107 23.2712 5.58511L24.4763 5.05796C24.7676 4.93105 24.9986 4.70653 25.1191 4.42343L26.0732 2.25625C26.2439 1.91458 26.7561 1.91458 26.9268 2.25625L27.8709 4.42343ZM16.4412 5.60266C16.2331 5.51505 16.077 5.35929 15.9834 5.1646L15.307 3.67522C15.1821 3.44159 14.8179 3.44159 14.693 3.67522L14.0167 5.1646C13.9334 5.35929 13.7669 5.51505 13.5588 5.60266L12.6951 5.96283C12.435 6.07964 12.435 6.42036 12.6951 6.53717L13.5588 6.89735C13.7669 6.98496 13.923 7.14071 14.0167 7.3354L14.693 8.82478C14.8179 9.05841 15.1821 9.05841 15.307 8.82478L15.9834 7.3354C16.0666 7.14071 16.2331 6.98496 16.4412 6.89735L17.3049 6.53717C17.565 6.42036 17.565 6.07964 17.3049 5.96283L16.4412 5.60266ZM25.9507 16.2976C25.7473 16.1996 25.5867 16.0363 25.4904 15.8185L24.8051 14.196C24.6767 13.9347 24.3126 13.9347 24.1949 14.196L23.5096 15.8185C23.424 16.0254 23.2527 16.1996 23.0493 16.2976L22.1927 16.6897C21.9358 16.8203 21.9358 17.1906 22.1927 17.3103L23.0493 17.7024C23.2527 17.8004 23.4133 17.9637 23.5096 18.1815L24.1949 19.804C24.3233 20.0653 24.6874 20.0653 24.8051 19.804L25.4904 18.1815C25.576 17.9746 25.7473 17.8004 25.9507 17.7024L26.8073 17.3103C27.0642 17.1797 27.0642 16.8094 26.8073 16.6897L25.9507 16.2976ZM12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14ZM30 13C30 13.5523 29.5523 14 29 14C28.4477 14 28 13.5523 28 13C28 12.4477 28.4477 12 29 12C29.5523 12 30 12.4477 30 13ZM19 4C19.5523 4 20 3.55229 20 3C20 2.44771 19.5523 2 19 2C18.4477 2 18 2.44771 18 3C18 3.55229 18.4477 4 19 4ZM20 21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21C18 20.4477 18.4477 20 19 20C19.5523 20 20 20.4477 20 21Z" fill="#FFB02E"/>
 </svg>

src/front/emoji/money_bag.svg

@@ -1,4 +1,4 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.44 3.385C17.77 3.765 18.33 3.835 18.74 3.545C19.54 2.975 20.58 3.835 20.17 4.715L17.75 7.485H13.88L11.44 4.685C11.03 3.795 12.07 2.935 12.87 3.505L12.94 3.555C13.35 3.845 13.91 3.765 14.23 3.385L15.1 2.345C15.48 1.885 16.19 1.885 16.57 2.345L17.44 3.385ZM4 21.2249C4 14.6849 9.3 9.38489 15.84 9.38489C22.38 9.38489 27.68 14.6849 27.67 21.2249C27.67 26.0549 23.75 29.9749 18.92 29.9749H12.75C7.92 29.9749 4 26.0549 4 21.2249Z" fill="#F9AD3C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.44 3.385C17.77 3.765 18.33 3.835 18.74 3.545C19.54 2.975 20.58 3.835 20.17 4.715L17.75 7.485H13.88L11.44 4.685C11.03 3.795 12.07 2.935 12.87 3.505L12.94 3.555C13.35 3.845 13.91 3.765 14.23 3.385L15.1 2.345C15.48 1.885 16.19 1.885 16.57 2.345L17.44 3.385ZM4 21.2249C4 14.6849 9.3 9.38489 15.84 9.38489C22.38 9.38489 27.68 14.6849 27.67 21.2249C27.67 26.0549 23.75 29.9749 18.92 29.9749H12.75C7.92 29.9749 4 26.0549 4 21.2249Z" fill="#FFB02E"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.12 7.46484H17.56C18.17 7.46484 18.67 7.96484 18.67 8.57484C18.67 9.18484 18.17 9.68484 17.56 9.68484H14.12C13.51 9.68484 13.01 9.18484 13.01 8.57484C13.01 7.96484 13.51 7.46484 14.12 7.46484ZM15.8401 19.3449H15.9101C17.4101 19.3849 18.6101 20.6049 18.6101 22.1049C18.6101 23.3849 17.7401 24.4549 16.5601 24.7749V25.8949C16.5601 26.2949 16.2401 26.6149 15.8401 26.6149C15.4401 26.6149 15.1201 26.2949 15.1201 25.8949V24.7749C13.9401 24.4549 13.0701 23.3849 13.0701 22.1049C13.0701 21.7049 13.3901 21.3849 13.7901 21.3849C14.1901 21.3849 14.5101 21.7049 14.5101 22.1049C14.5101 22.8449 15.1001 23.4349 15.8301 23.4349C16.5601 23.4349 17.1601 22.8349 17.1601 22.1049C17.1601 21.3749 16.5601 20.7749 15.8301 20.7749H15.7601C14.2701 20.7349 13.0701 19.5149 13.0701 18.0149C13.0701 16.7349 13.9401 15.6649 15.1201 15.3449V14.2249C15.1201 13.8249 15.4401 13.5049 15.8401 13.5049C16.2401 13.5049 16.5601 13.8249 16.5601 14.2249V15.3449C17.7401 15.6649 18.6101 16.7349 18.6101 18.0149C18.6101 18.4149 18.2901 18.7349 17.8901 18.7349C17.4901 18.7349 17.1701 18.4149 17.1701 18.0149C17.1701 17.2849 16.5701 16.6849 15.8401 16.6849C15.1101 16.6849 14.5101 17.2849 14.5101 18.0149C14.5101 18.7449 15.1101 19.3449 15.8401 19.3449Z" fill="#8C5543"/>
 </svg>

src/front/emoji/party_popper.svg

@@ -1,5 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.04996 29.9L6.5216 29.5061L6.91647 28.6508L9.46694 28.7178L12.1194 28.0078L12.7168 27.0816L15.1987 27.1836L17.79 26.49C19.59 26.01 20.2 23.75 18.88 22.43L9.55996 13.1C8.23996 11.78 5.97996 12.38 5.49996 14.19L4.72734 17.0766L4.8355 19.4212L3.95471 19.9632L3.16482 22.9143L3.29717 25.1621L2.4337 25.6458L2.08996 26.93C1.59996 28.73 3.24996 30.38 5.04996 29.9Z" fill="#F9AD3C"/>
+<path d="M5.04996 29.9L6.5216 29.5061L6.91647 28.6508L9.46694 28.7178L12.1194 28.0078L12.7168 27.0816L15.1987 27.1836L17.79 26.49C19.59 26.01 20.2 23.75 18.88 22.43L9.55996 13.1C8.23996 11.78 5.97996 12.38 5.49996 14.19L4.72734 17.0766L4.8355 19.4212L3.95471 19.9632L3.16482 22.9143L3.29717 25.1621L2.4337 25.6458L2.08996 26.93C1.59996 28.73 3.24996 30.38 5.04996 29.9Z" fill="#FFB02E"/>
 <path d="M7.80079 25.0526C6.32047 23.6703 5.05958 22.006 3.94623 19.995L4.72357 17.0908C6.00204 19.8887 7.44018 21.98 9.16541 23.591C10.8281 25.1437 12.7976 26.2878 15.2358 27.1736L12.1066 28.0112C10.5047 27.2141 9.07999 26.2472 7.80079 25.0526Z" fill="#3F5FFF"/>
 <path d="M4.28706 27.8862C3.57939 27.2244 2.97105 26.4832 2.43201 25.6523L3.17687 22.8694C3.87953 24.3596 4.66657 25.5034 5.65277 26.4256C6.63663 27.3457 7.8612 28.085 9.4909 28.7113L6.5021 29.5113C5.67933 29.0387 4.94637 28.5028 4.28706 27.8862Z" fill="#3F5FFF"/>
 <path d="M19.11 25.69C20.51 24.29 18.77 20.29 15.23 16.75C11.69 13.21 7.69997 11.47 6.29997 12.87C4.89997 14.27 6.63997 18.27 10.18 21.81C13.72 25.35 17.72 27.08 19.11 25.69Z" fill="#6D4534"/>
@@ -7,8 +7,8 @@
 <path d="M22.1498 16.7126C24.0405 15.219 26.4927 14.9149 28.6037 15.7022C29.1461 15.9045 29.7499 15.6288 29.9522 15.0863C30.1545 14.5439 29.8787 13.9402 29.3363 13.7379C26.5673 12.7052 23.3395 13.1011 20.8502 15.0675C20.3959 15.4263 20.3186 16.0855 20.6775 16.5398C21.0363 16.9941 21.6955 17.0715 22.1498 16.7126Z" fill="#F70A8D"/>
 <path d="M6.00998 9.69003C6.65063 9.69003 7.16998 9.17068 7.16998 8.53003C7.16998 7.88938 6.65063 7.37003 6.00998 7.37003C5.36933 7.37003 4.84998 7.88938 4.84998 8.53003C4.84998 9.17068 5.36933 9.69003 6.00998 9.69003Z" fill="#F70A8D"/>
 <path d="M26.13 8.53003C26.13 9.17068 25.6106 9.69003 24.97 9.69003C24.3293 9.69003 23.81 9.17068 23.81 8.53003C23.81 7.88938 24.3293 7.37003 24.97 7.37003C25.6106 7.37003 26.13 7.88938 26.13 8.53003Z" fill="#F70A8D"/>
-<path d="M12.49 3.96C12.49 4.49019 12.0602 4.92 11.53 4.92C10.9998 4.92 10.57 4.49019 10.57 3.96C10.57 3.42981 10.9998 3 11.53 3C12.0602 3 12.49 3.42981 12.49 3.96Z" fill="#F9AD3C"/>
+<path d="M12.49 3.96C12.49 4.49019 12.0602 4.92 11.53 4.92C10.9998 4.92 10.57 4.49019 10.57 3.96C10.57 3.42981 10.9998 3 11.53 3C12.0602 3 12.49 3.42981 12.49 3.96Z" fill="#FFB02E"/>
-<path d="M25.48 24.41C25.48 24.9457 25.0457 25.38 24.51 25.38C23.9743 25.38 23.54 24.9457 23.54 24.41C23.54 23.8743 23.9743 23.44 24.51 23.44C25.0457 23.44 25.48 23.8743 25.48 24.41Z" fill="#F9AD3C"/>
+<path d="M25.48 24.41C25.48 24.9457 25.0457 25.38 24.51 25.38C23.9743 25.38 23.54 24.9457 23.54 24.41C23.54 23.8743 23.9743 23.44 24.51 23.44C25.0457 23.44 25.48 23.8743 25.48 24.41Z" fill="#FFB02E"/>
 <path d="M21.63 4.01999C21.47 3.87999 21.27 3.78999 21.05 3.77999C20.51 3.74999 20.05 4.15999 20.01 4.69999C19.94 5.79999 19.18 7.78999 18.89 8.45999C18.89 8.46499 18.8875 8.46999 18.885 8.47499C18.8825 8.47999 18.88 8.48499 18.88 8.48999C18.8264 8.62205 18.7691 8.75228 18.7081 8.88047C18.6061 8.75272 18.4934 8.63579 18.37 8.53C18.09 8.28 17.75 8.09 17.35 7.96L17.32 7.95C15.97 7.5 14.5 8.23 14.05 9.59C13.83 10.25 13.88 10.95 14.19 11.57C14.5 12.19 15.03 12.65 15.69 12.87C15.7608 12.8936 15.8327 12.9086 15.9044 12.9154C16.4096 13.0519 16.8986 13.0566 17.3693 12.9302C17.3408 13.0675 17.3077 13.2041 17.27 13.34C17.13 13.86 17.44 14.4 17.96 14.54C18.48 14.68 19.02 14.37 19.16 13.85C19.3853 13.0354 19.4829 12.2058 19.4529 11.3677C19.9732 10.7159 20.3888 9.9978 20.7 9.21999L20.7147 9.18435C20.9001 8.73574 21.8729 6.38206 21.97 4.80999C21.98 4.49999 21.85 4.20999 21.63 4.01999ZM16.75 9.81C17.0254 9.9018 17.3077 10.0563 17.4285 10.6861C16.936 11.1435 16.62 11.0933 16.34 11C16.3063 10.9888 16.2724 10.9795 16.2384 10.9721C16.1114 10.9124 16.0092 10.807 15.95 10.68C15.87 10.53 15.86 10.36 15.92 10.2C16.03 9.87 16.39 9.69 16.72 9.8L16.75 9.81Z" fill="#00A6ED"/>
 <path d="M18.27 18.16C21.68 17.21 25.25 17.64 28.33 19.38C28.9 19.71 29.1 20.42 28.79 20.98C28.47 21.55 27.75 21.75 27.18 21.43C24.65 20.01 21.71 19.65 18.91 20.43C16.6 21.07 14.62 22.43 13.19 24.31C12.58 23.89 11.95 23.41 11.33 22.87C13.06 20.6 15.47 18.94 18.27 18.16Z" fill="#00A6ED"/>
 <path d="M16.624 16.9853C16.624 17.6205 16.1091 18.1353 15.474 18.1353C14.8389 18.1353 14.324 17.6205 14.324 16.9853C14.324 16.3502 14.8389 15.8353 15.474 15.8353C16.1091 15.8353 16.624 16.3502 16.624 16.9853Z" fill="#00A6ED"/>

src/front/emoji/sparkles.svg

@@ -1,5 +1,5 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.5194 7.0517C10.2265 6.93064 9.99626 6.69861 9.88117 6.41614L8.929 4.25725C8.75112 3.91425 8.23842 3.91425 8.071 4.25725L7.11883 6.41614C6.99327 6.69861 6.76308 6.92055 6.48057 7.0517L5.26682 7.57629C4.91106 7.74779 4.91106 8.24212 5.26682 8.41362L6.48057 8.93821C6.77354 9.05927 7.00374 9.2913 7.11883 9.57377L8.071 11.7427C8.24888 12.0858 8.76158 12.0858 8.929 11.7427L9.88117 9.57377C10.0067 9.2913 10.2369 9.06936 10.5194 8.93821L11.7332 8.41362C12.0889 8.24212 12.0889 7.74779 11.7332 7.57629L10.5194 7.0517Z" fill="#F9AD3C"/>
+<path d="M10.5194 7.0517C10.2265 6.93064 9.99626 6.69861 9.88117 6.41614L8.929 4.25725C8.75112 3.91425 8.23842 3.91425 8.071 4.25725L7.11883 6.41614C6.99327 6.69861 6.76308 6.92055 6.48057 7.0517L5.26682 7.57629C4.91106 7.74779 4.91106 8.24212 5.26682 8.41362L6.48057 8.93821C6.77354 9.05927 7.00374 9.2913 7.11883 9.57377L8.071 11.7427C8.24888 12.0858 8.76158 12.0858 8.929 11.7427L9.88117 9.57377C10.0067 9.2913 10.2369 9.06936 10.5194 8.93821L11.7332 8.41362C12.0889 8.24212 12.0889 7.74779 11.7332 7.57629L10.5194 7.0517Z" fill="#FFB02E"/>
-<path d="M25.5744 13.5546C24.7045 13.1673 24.0166 12.4539 23.6525 11.5775L20.7897 4.81023C20.2637 3.72992 18.7363 3.72992 18.2103 4.81023L15.3475 11.5775C14.9733 12.4539 14.2854 13.1673 13.4256 13.5546L9.80419 15.1955C8.73194 15.7254 8.73194 17.2746 9.80419 17.8045L13.4256 19.4454C14.2955 19.8327 14.9834 20.5461 15.3475 21.4225L18.2103 28.1898C18.7363 29.2701 20.2637 29.2701 20.7897 28.1898L23.6525 21.4225C24.0267 20.5461 24.7146 19.8327 25.5744 19.4454L29.1958 17.8045C30.2681 17.2746 30.2681 15.7254 29.1958 15.1955L25.5744 13.5546Z" fill="#F9AD3C"/>
+<path d="M25.5744 13.5546C24.7045 13.1673 24.0166 12.4539 23.6525 11.5775L20.7897 4.81023C20.2637 3.72992 18.7363 3.72992 18.2103 4.81023L15.3475 11.5775C14.9733 12.4539 14.2854 13.1673 13.4256 13.5546L9.80419 15.1955C8.73194 15.7254 8.73194 17.2746 9.80419 17.8045L13.4256 19.4454C14.2955 19.8327 14.9834 20.5461 15.3475 21.4225L18.2103 28.1898C18.7363 29.2701 20.2637 29.2701 20.7897 28.1898L23.6525 21.4225C24.0267 20.5461 24.7146 19.8327 25.5744 19.4454L29.1958 17.8045C30.2681 17.2746 30.2681 15.7254 29.1958 15.1955L25.5744 13.5546Z" fill="#FFB02E"/>
-<path d="M8.2811 20.3304C8.44173 20.7222 8.73465 21.0258 9.10315 21.2021L10.6528 21.927C11.1157 22.1621 11.1157 22.8379 10.6528 23.073L9.10315 23.7979C8.73465 23.9742 8.44173 24.2876 8.2811 24.6696L7.05276 27.6474C6.82598 28.1175 6.17402 28.1175 5.94724 27.6474L4.7189 24.6696C4.55827 24.2778 4.26535 23.9742 3.89685 23.7979L2.34724 23.073C1.88425 22.8379 1.88425 22.1621 2.34724 21.927L3.89685 21.2021C4.26535 21.0258 4.55827 20.7124 4.7189 20.3304L5.94724 17.3526C6.17402 16.8825 6.82598 16.8825 7.05276 17.3526L8.2811 20.3304Z" fill="#F9AD3C"/>
+<path d="M8.2811 20.3304C8.44173 20.7222 8.73465 21.0258 9.10315 21.2021L10.6528 21.927C11.1157 22.1621 11.1157 22.8379 10.6528 23.073L9.10315 23.7979C8.73465 23.9742 8.44173 24.2876 8.2811 24.6696L7.05276 27.6474C6.82598 28.1175 6.17402 28.1175 5.94724 27.6474L4.7189 24.6696C4.55827 24.2778 4.26535 23.9742 3.89685 23.7979L2.34724 23.073C1.88425 22.8379 1.88425 22.1621 2.34724 21.927L3.89685 21.2021C4.26535 21.0258 4.55827 20.7124 4.7189 20.3304L5.94724 17.3526C6.17402 16.8825 6.82598 16.8825 7.05276 17.3526L8.2811 20.3304Z" fill="#FFB02E"/>
 </svg>

src/localization/languages/en.json

@@ -5,13 +5,15 @@
         "ContactLink": "<a class=\"text-backdrop\" href=\"{repo}\" target=\"_blank\">let me know</a>"
     },
     "strings": {
-        "ChangelogContentTitle": "small quality of life improvements (3.1)",
+        "ChangelogContentTitle": "ukrainian localization and new error popup (3.2)",
-        "ChangelogContent": "- tiktok videos can now be downloaded without watermark, you just have to enable it in video settings (+)!\n- you now can pass \"u\" query to main website to fill out the input area right away (co.wukko.me?u=your_link_here).\n- added ability to select text in certain areas of website.\n- some internal stuff has been cleaned up.\n\nfollow cobalt's twitter account for polls, updates, and more: <a class=\"text-backdrop\" href=\"https://twitter.com/justusecobalt\" target=\"_blank\">@justusecobalt</a>\n\nprevious version:\n\neverything what you've been waiting for. welcome to cobalt 3.0 :)\n\nstuff that you can notice:\n\n- you can now download audio from any supported service, in any format that you set in settings (+). yes, that includes mp3, which you all have been waiting for :D\n- it's now easier to switch between download modes (just a single toggle on the bottom).\n- your youtube download format has been reset, sorry, but that was required to implement all audio downloads.\n- default download format for youtube videos on all platforms is now webm. except for ios.\n\n- cobalt now has emoji, just to spice up the black and white ui. all of them have been tuned to look the best in both themes. isn't it cool?\n- about, changelog, and donation popups have been merged into just one, for covnenience.\n- changelog got a huge upgrade (as you can see), and now there are both major changes and latest commit info, just so commits can finally go back to being batshit insane.\n- changelog popup appears on every major update, but you can disable it in settings, if you want to.\n- changelog now opens by default when pressing \"?\" button. i don't think anyone reads \"about\" as often.\n- settings (+) have been split into three tabs, also for convenience and ease of use.\n\n- added support for donation links. you can now donate through boosty, not only via crypto :D\n- donate popup has been rearranged and tuned just a tiny bit. \n\n- you can now click away from any popup by pressing the void behind it.\n- you can also press \"escape\" key on keyboard to close any popup.\n\n- switchers and buttons are now way easier on eye. white border is gone from where it's unneeded.\n- buttons are now very satisfying to press.\n- switchers are scrollable if there's not enough space to fit all contents on screen.\n- scaling is now even better than before.\n\ninternal stuff:\n\n- frontend won't send video related stuff if audio mode is on.\n- matching has, yet again, gone through mitosis, and is now probably the cleanest it can get.\n- page rendering is now modular, something like what frameworks have but way lighter. this makes adding new features WAY easier.\n- removed some stuff that didn't make sense (like storing language of stream request).\n- cleaned up insides of cobalt, of course.\n- almost all links now open in new tab, just like they should have from the very beginning.\n\nknown issues:\n- impossible to download audio from vk. i'll try to fix it in the next update.\n- headers are not sticky in tabbed popups. maybe this is a good thing, i'll think about it.\n\nif you ever notice any issues, make sure to report them on github. your report doesn't have to sound professional, just do your best to describe the issue.",
+        "FollowTwitter": "follow cobalt's twitter account for polls, updates, and more: <a class=\"text-backdrop\" href=\"https://twitter.com/justusecobalt\" target=\"_blank\">@justusecobalt</a>",
+        "ChangelogContent": "- added ukrainian localization (thanks to löffel).\n- new error popup! it's now prettier, more compact, and has an easily accessible close button.\n- russian localization has been patched up a bit\n- cleaned up css a bit\n- added github contributors to made with love message.\n- emojis have been tuned to have the same shade of yellow.\n- updated translation guidelines in readme a bit.",
+
         "LinkInput": "paste the link here",
         "AboutSummary": "{appName} is your go-to place for social media downloads. zero ads, trackers, or any other creepy bullshit attached. simply paste a share link and you're ready to rock!",
         "AboutSupportedServices": "currently supported services:",
         "EmbedBriefDescription": "save content from social media without creeps following you around",
-        "MadeWithLove": "made with <3 by wukko",
+        "MadeWithLove": "made with <3 by wukko and all contributors on github",
         "AccessibilityInputArea": "link input area",
         "AccessibilityOpenAbout": "open about popup",
         "AccessibilityDownloadButton": "download button",
@@ -32,7 +34,7 @@
         "ErrorPageRenderFail": "something went wrong and page couldn't render. if it's a recurring or critical issue, please {ContactLink}. it'd be useful if you provided current commit hash ({s}) and error recreation steps. thank you :D",
         "ErrorRateLimit": "you're making way too many requests. calm down and try again in a few minutes.",
         "ErrorCouldntFetch": "couldn't fetch metadata. check if your link is correct and try again.",
-        "ErrorLengthLimit": "current length limit is {s} minutes. what you tried to download was longer than {s} minutes. pick something else to download!",
+        "ErrorLengthLimit": "current length limit is {s} minutes. what you tried to download is longer than {s} minutes. pick something else to download!",
         "ErrorBadFetch": "something went wrong with info fetching. you can try a different format and resolution or just try again later.",
         "ErrorCorruptedStream": "this download is unfortunately corrupted. try again or try a different format and resolution.",
         "ErrorNoInternet": "there's no internet or {appName} api is down. check your connection and try again.",
@@ -89,6 +91,7 @@
         "SettingsAudioFormatDescription": "when best format is selected, you get audio in best quality available, because audio is kept in its original format. if you select anything other than that, you'll get a slightly compressed file.",
         "Keyphrase": "save what you love",
         "SettingsDisableChangelogOnUpdate": "don't show changelog after major updates",
-        "SettingsRemoveWatermark": "disable watermark"
+        "SettingsRemoveWatermark": "disable watermark",
+        "ErrorPopupCloseButton": "got it"
     }
 }

src/localization/languages/es.json

@@ -9,7 +9,7 @@
         "AboutSummary": "{appName} es tu lugar ideal para descargas de redes sociales. sin anuncios u otras mierdas sospechosas. ¡solo necesitas pegar un enlace y listo!",
         "AboutSupportedServices": "servicios compatibles:",
         "EmbedBriefDescription": "guarda contenido de redes sociales sin preocuparte por rastreadores",
-        "MadeWithLove": "hecho con <3 por wukko, traducción por adrigoomy",
+        "MadeWithLove": "hecho con <3 por wukko y todos los contribuyentes en github",
         "AccessibilityInputArea": "cuadro de captura",
         "AccessibilityOpenAbout": "abrir ventana emergente de acerca de",
         "AccessibilityDownloadButton": "botón de descarga",

src/localization/languages/fr.json

@@ -9,7 +9,7 @@
         "AboutSummary": "{appName} est l'endroit parfait pour télécharger des vidéos sur les médias sociaux. zéro pubs, trackers ou tout autre merde. colle simplement le lien d'un post pour commencer!",
         "AboutSupportedServices": "services supportés:",
         "EmbedBriefDescription": "sauvegarde du contenu des médias sociaux facilement et sans tracking",
-        "MadeWithLove": "fait avec <3 par wukko, traduction par lexito",
+        "MadeWithLove": "fait avec <3 par wukko et tous les contributeurs sur github",
         "AccessibilityInputArea": "zone de saisie du lien",
         "AccessibilityOpenAbout": "ouvrir la fenêtre contextuelle de la section à propos",
         "AccessibilityDownloadButton": "bouton télécharger",

src/localization/languages/id.json

@@ -9,7 +9,7 @@
         "AboutSummary": "{appName} adalah tempat terbaik kamu untuk download video sosial media tanpa iklan, pelacak, atau omong kosong lainnya. tinggal tempel link dan udah deh",
         "AboutSupportedServices": "layanan yang didukung:",
         "EmbedBriefDescription": "simpan konten dari sosial media tanpa hal aneh mengikuti kamu",
-        "MadeWithLove": "dibuat dengan <3 oleh wukko, terjemahan oleh Lyfe",
+        "MadeWithLove": "dibuat dengan <3",
         "AccessibilityInputArea": "tempat tempel link",
         "AccessibilityOpenAbout": "buka bagian pengantar",
         "AccessibilityDownloadButton": "tombol download",

src/localization/languages/pl.json

@@ -9,7 +9,7 @@
         "AboutSummary": "{appName} to najlepsze miejsce na pobieranie z mediów społecznościowych. zero reklam, trackerów i innych podobnych głupot. po prostu wklejasz link do udostępniania i lecisz!",
         "AboutSupportedServices": "aktualnie wspierane strony:",
         "EmbedBriefDescription": "pobieraj rzeczy z social mediów bez reklam i trackerów",
-        "MadeWithLove": "stworzone z <3 przez wukko, przetłumaczone przez hexandcube",
+        "MadeWithLove": "wykonane z <3 przez wukko i wszystkich współtwórców na github",
         "AccessibilityInputArea": "pole wklejania linku",
         "AccessibilityOpenAbout": "otwórz okno informacji",
         "AccessibilityDownloadButton": "przycisk pobierania",

src/localization/languages/ru.json

@@ -6,10 +6,10 @@
     },
     "strings": {
         "LinkInput": "вставь ссылку сюда",
-        "AboutSummary": "{appName} — твой друг при скачивании контента из соц. сетей. никакой рекламы или трекеров. просто вставь ссылку, и ты прекрасен.",
+        "AboutSummary": "{appName} — твой друг при скачивании контента из соц. сетей. никакой рекламы или трекеров. вставляешь ссылку, получаешь файл, наслаждаешься жизнью.",
         "AboutSupportedServices": "что поддерживается:",
         "EmbedBriefDescription": "сохраняй что хочешь, без мороки и вторжения в личное пространство",
-        "MadeWithLove": "сделано с <3 ~ wukko",
+        "MadeWithLove": "сделано с <3 всеми контрибьюторами на гитхабе и wukko",
         "AccessibilityInputArea": "зона вставки ссылки",
         "AccessibilityOpenAbout": "открыть окно с информацией",
         "AccessibilityDownloadButton": "кнопка скачивания",
@@ -19,23 +19,23 @@
         "AccessibilityOpenDonate": "сделать пожертвование",
         "TitlePopupAbout": "что за {appName}?",
         "TitlePopupSettings": "настройки",
-        "TitlePopupError": "о нет...",
+        "TitlePopupError": "опаньки...",
         "TitlePopupChangelog": "что нового?",
         "TitlePopupDonate": "поддержи {appName}",
         "TitlePopupDownload": "скачивание",
-        "ErrorSomethingWentWrong": "что-то пошло совсем не так, поэтому у меня не получилось ничего для тебя достать. ты можешь попробовать ещё раз, но если так и не получится, {ContactLink}.",
+        "ErrorSomethingWentWrong": "что-то пошло совсем не так, и у меня не получилось ничего для тебя достать. ты можешь попробовать ещё раз, но если так и не получится, {ContactLink}.",
-        "ErrorUnsupported": "этот сервис ещё не поддерживается, или с твоей ссылкой что-то не так.",
+        "ErrorUnsupported": "с твоей ссылкой что-то не так, или же этот сервис ещё не поддерживается. может быть, ты вставил не ту ссылку?",
         "ErrorBrokenLink": "{s} поддерживается, но с твоей ссылкой что-то не так. может быть, ты её не полностью скопировал?",
-        "ErrorNoLink": "я не умею угадывать твои желания. попробуй в следующий раз вставить ссылку.",
+        "ErrorNoLink": "я не гадалка и не могу угадывать, что ты хочешь скачать. попробуй в следующий раз вставить ссылку.",
         "ErrorPageRenderFail": "что-то пошло не так, поэтому у меня не получилось срендерить страницу. если это что-то критичное, пожалуйста, {ContactLink}. приложи хэш текущего коммита ({s}) с действиями для получения ошибки. можно на русском языке. спасибо :)",
         "ErrorRateLimit": "ты делаешь слишком много запросов. успокойся и попробуй ещё раз через несколько минут.",
         "ErrorCouldntFetch": "мне не удалось получить информацию о твоей ссылке. проверь её и попробуй ещё раз.",
-        "ErrorLengthLimit": "твоё видео длиннее чем {s} минут(ы). это превышает текущий лимит. скачай что-нибудь покороче, а не войну и мир.",
+        "ErrorLengthLimit": "твоё видео длиннее чем {s} минут(ы). это превышает текущий лимит. скачай что-нибудь покороче, а не экранизацию \"войны и мира\".",
-        "ErrorBadFetch": "что-то пошло не так с получением информации о твоей ссылке. попробуй другой формат и разрешение. если не получится, то попробуй ещё раз чуть позже.",
+        "ErrorBadFetch": "произошла ошибки при получении информации о твоей ссылке. попробуй другой формат и разрешение. если не получится, то попробуй ещё раз чуть позже.",
-        "ErrorCorruptedStream": "эта загрузка повреждена. попробуй ещё раз. если не получится, то попробуй другой формат и разрешение.",
+        "ErrorCorruptedStream": "этот файл сломан на стороне {s}. ты можешь попробовать ещё раз, но если не получится, то попробуй другой формат и разрешение.",
         "ErrorNoInternet": "кажется, нет подключения к интернету. возможно лежит сервер {appName}. в любом случае, проверь подключение к интернету и попробуй ещё раз.",
-        "ErrorCantConnectToServiceAPI": "у меня не получилось подключится к серверу {s}. возможно {s} лежит, или же меня добавили в чёрный список. попробуй ещё раз чуть позже.",
+        "ErrorCantConnectToServiceAPI": "у меня не получилось подключится к серверу {s}. возможно {s} лежит, или же мой ip добавили в чёрный список. попробуй ещё раз чуть позже.",
-        "ErrorEmptyDownload": "мне нечего скачать. попробуй другую ссылку!",
+        "ErrorEmptyDownload": "я не нашёл того, что могу скачать. попробуй другую ссылку!",
         "ErrorLiveVideo": "я не могу скачать прямой эфир. дождись окончания трансляции и попробуй ещё раз.",
         "ErrorNoStreamID": "нет такого streamId.",
         "ErrorNoType": "нет такого типа ответа от сервера.",
@@ -62,8 +62,8 @@
         "SettingsQualityDescription": "если выбранное разрешение недоступно, то выбирается ближайшее к нему. если ты хочешь твитнуть загруженное видео, то выбирай комбинацию из mp4 и 720p. твиттер такие видео обычно воспринимает намного лучше.",
         "DonateSubtitle": "помоги мне платить за хостинг",
         "DonateDescription": "я не люблю крипто в его текущем состоянии, но у меня нет другого надёжного способа оплаты хостинга.",
-        "LinkGitHubIssues": "&gt;&gt; сообщай о проблемах и смотри исходный код на github",
+        "LinkGitHubIssues": "&gt;&gt; сообщай о проблемах и смотри исходный код на гитхабе",
-        "LinkGitHubChanges": "&gt;&gt; смотри предыдущие изменения на github",
+        "LinkGitHubChanges": "&gt;&gt; смотри предыдущие изменения на гитхабе",
         "LinkDonateContact": "&gt;&gt; напиши мне, если в этом списке нет подходящей валюты",
         "NoScriptMessage": "{appName} использует javascript для обработки ссылок и интерактивного интерфейса. ты должен разрешить использование javascript, чтобы пользоваться сайтом. тут нет никаких трекеров или рекламы, обещаю.",
         "DownloadPopupDescriptionIOS": "так как у тебя устройство на ios, тебе нужно зажать кнопку \"скачать\" и выбрать что-то похожее на \"сохранить в галерею\" в появившемся окне.",
@@ -87,6 +87,7 @@
         "SettingsAudioFormatDescription": "когда выбран \"лучший\" формат, ты получишь аудио максимально возможного качества, так как оно останется в оригинальном формате. если же выбрано что-то другое, то аудио будет немного сжато.",
         "Keyphrase": "сохраняй то, что любишь",
         "SettingsDisableChangelogOnUpdate": "не показывать изменения после обновлений",
-        "SettingsRemoveWatermark": "убрать ватермарку"
+        "SettingsRemoveWatermark": "убрать ватермарку",
+        "ErrorPopupCloseButton": "ясно"
     }
 }

src/localization/languages/uk.json

@@ -0,0 +1,93 @@
+{
+    "name": "українська",
+    "code": "uk",
+    "substrings": {
+        "ContactLink": "<a class=\"text-backdrop\" href=\"{repo}\" target=\"_blank\">дай нам знати</a>"
+    },
+    "strings": {
+        "LinkInput": "встав лінк сюди",
+        "AboutSummary": "{appName} – твій помічник із завантаження контенту з соцмереж. ніякої реклами, ніяких трекерів. вставляєш лінк, отримаєш файл, і допиваєш у спокої свій смузі.",
+        "AboutSupportedServices": "ось що підтримується:",
+        "EmbedBriefDescription": "зберігай контент із соцмереж без реклами і трекерів",
+        "MadeWithLove": "зроблено з <3 всіма контриб'юторами на github и wukko <3",
+        "AccessibilityInputArea": "строка, щоб вставити в неї лінк",
+        "AccessibilityOpenAbout": "відкрити інфу про {appName}",
+        "AccessibilityDownloadButton": "кнопка завантаження",
+        "AccessibilityOpenSettings": "відкрити налаштування",
+        "AccessibilityOpenChangelog": "відкрити \"що нового?\"",
+        "AccessibilityClosePopup": "закрити вікно",
+        "AccessibilityOpenDonate": "відкрити інфу про донати",
+        "TitlePopupAbout": "що за {appName}?",
+        "TitlePopupSettings": "налаштування",
+        "TitlePopupError": "опаньки...",
+        "TitlePopupChangelog": "що нового?",
+        "TitlePopupDonate": "підтримай {appName}",
+        "TitlePopupDownload": "завантажити",
+        "ErrorSomethingWentWrong": "сталося щось не те і в мене нічого не вийшло. можеш спробувати знову, але якщо все так і не працюватиме, {ContactLink}.",
+        "ErrorUnsupported": "цей сервіс ми ще не підтримаємо, або лінк зламаний.",
+        "ErrorBrokenLink": "це, здається, {s}, але з цим лінком ми нічого не зможемо завантажити. ти впевнений, що він повністю правильний?",
+        "ErrorNoLink": "ми не вміємо здогадуватись, що ти хочеш завантажити. перш встав лінк.",
+        "ErrorPageRenderFail": "сторінка зламалась і не змогла відобразитися. якщо це не вперш, будь ласка, {ContactLink}. буде круто, якщо ти також відправиш хеш поточного коміту ({s}) та кроки для відтворення помилки. дякую :D",
+        "ErrorRateLimit": "забагато запитів. якщо ти робот, все гаразд, так і сиди. якщо людина, повтори через кілька хвилин.",
+        "ErrorCouldntFetch": "ми не змогли отримати метадані. перевір, чи правильний лінк вставлений, і спробуй ще раз.",
+        "ErrorLengthLimit": "це відео триває більше {s} хвилин(и). ми не вміємо завантажувати настільки довгі файли. завантаж, мабуть, щось інше.",
+        "ErrorBadFetch": "щось трапилось з отриманням даних файлу. спробуй обрати інший формат чи дозвіл, або просто спробуй пізніше.",
+        "ErrorCorruptedStream": "цей файл зламаний на боку вихідного сервісу. спробуй ще раз, або обери інший формат чи дозвіл.",
+        "ErrorNoInternet": "немає інтернету, або сервер {appName} лежить. перевір з'єднання з інтернетом та спробуй ще раз.",
+        "ErrorCantConnectToServiceAPI": "не вдалося отримати дані з {s}. можливо, {s} лежить, або він додав ip серверу {appName} до чорного списку. спробуй ще раз пізніше.",
+        "ErrorEmptyDownload": "я не знайшов того, що можу завантажити. спробуй завантажити щось інше.",
+        "ErrorLiveVideo": "ми не вміємо завантажувати прямі етери. дочекайся кінця етеру та спробуй знову.",
+        "ErrorNoStreamID": "такого streamId немає.",
+        "ErrorNoType": "такий тип відповіді ми не вміємо обробляти.",
+        "SettingsAppearanceSubtitle": "вигляд",
+        "SettingsThemeSubtitle": "тема",
+        "SettingsFormatSubtitle": "формат файлу",
+        "SettingsMiscSubtitle": "інші налаштування",
+        "SettingsDownloadsSubtitle": "завантаження",
+        "SettingsQualitySubtitle": "якість",
+        "SettingsThemeAuto": "авто",
+        "SettingsThemeLight": "світла",
+        "SettingsThemeDark": "темна",
+        "SettingsQualitySwitchMax": "макс",
+        "SettingsQualitySwitchHigh": "висока\n",
+        "SettingsQualitySwitchMedium": "середня\n",
+        "SettingsQualitySwitchLow": "низька\n",
+        "SettingsQualitySwitchLowest": "найнижча",
+        "SettingsFormatSwitchAudio": "тільки аудіо",
+        "SettingsKeepDownloadButton": "зробити &gt;&gt; видимим",
+        "AccessibilityKeepDownloadButton": "завжди показувати кнопку завантаження",
+        "SettingsEnableDownloadPopup": "питати щодо засобу зберігання",
+        "AccessibilityEnableDownloadPopup": "питати що робити з завантаженнями",
+        "SettingsFormatDescription": "обери webm для максимально можливої якості. webm частіше за все кращі за якістю, але пристрої на ios не можуть програвати їх без сторонніх програм.",
+        "SettingsQualityDescription": "якщо обраний дозвіл недоступний, ми завантажемо у дозволі, найближчому до обраного. якщо ти завантажуєш, щоб потім запостити у твіттер, обирай комбінацію mp4 та 720p. з такими відео він працює найкраще.",
+        "DonateSubtitle": "допоможи платити за оренду серверу",
+        "DonateDescription": "крипто, яким воно зараз є, мені не дуже подобається. але це єдиний надійний засіб, щоб ми отримували гроші і розплачувалися за кордоном.",
+        "LinkGitHubIssues": "&gt;&gt; повідомляй про зловлені помилки та переглядай вихідний код на github",
+        "LinkGitHubChanges": "&gt;&gt; переглянь попередні оновлення та зроби свій внесок в проект на github",
+        "LinkDonateContact": "&gt;&gt; дай нам знати, якщо валюти, у якій ти б хотів задонатити, немає у списку",
+        "NoScriptMessage": "{appName} використовує javascript, щоб запрошувати інформацію у сайтів та робити інтерфейс інтерактивним. тобі треба дозволити javascript, щоб користатися сайтом. тут ніколи не буде ніяких реклам та трекерів.",
+        "DownloadPopupDescriptionIOS": "в тебе пристрій на ios, тож для завантаження тобі треба натиснути та утримувати кнопку завантаження, потім у з'явившемуся вікні обрати \"завантажити відео\". це продовжуматиметься, доки apple не припинить змушувати розробників використати safari webview в усіх браузерах.",
+        "DownloadPopupDescription": "кнопка завантаження відкриває нову вкладку з запитуваним файлом. це можна змінити у налаштуваннях.",
+        "DownloadPopupWayToSave": "обери спосіб зберігання",
+        "ClickToCopy": "натисни, щоб скопіювати",
+        "Download": "завантажити",
+        "CopyURL": "скопіювати url",
+        "AboutTab": "інфа",
+        "ChangelogTab": "зміни",
+        "DonationsTab": "донати",
+        "SettingsVideoTab": "відео",
+        "SettingsAudioTab": "аудіо",
+        "SettingsOtherTab": "інше",
+        "ChangelogLastCommit": "останній коммит (англійською мовою)",
+        "ChangelogLastMajor": "останнє велике оновлення (англійською мовою)",
+        "ModeToggleDefault": "розумний режим",
+        "AccessibilityModeToggle": "змінити режим завантаження",
+        "DonateLinksDescription": "лінки на донати відкриваються у нових вкладках. це найкращій спосіб донатити, якщо хочеш, щоб ми безпосередньо отримували гроші.",
+        "SettingsAudioFormatBest": "найкращий",
+        "SettingsAudioFormatDescription": "якщо обрано найкращий формат, буде завантажено оригінал аудіо. якщо обрано щось інше, завантажений файл буде трохи стисненим.",
+        "Keyphrase": "збережи, що любиш",
+        "SettingsDisableChangelogOnUpdate": "не показувати \"що нового\" після великих оновлень",
+        "SettingsRemoveWatermark": "прибрати вотермарку",
+        "ErrorPopupCloseButton": "ясно"
+    }
+}

src/modules/emoji.js

@@ -9,11 +9,13 @@ const names = {
     "🪄": "magic_wand",
     "🐲": "dragon_face",
     "💸": "money_with_wings",
-    "⚙️": "gear"
+    "⚙️": "gear",
+    "☹️": "frowning_face"
 }
 let sizing = {
     22: 0.4,
-    30: 0.7
+    30: 0.7,
+    48: 0.9
 }
 export default function(emoji, size, disablePadding) {
     if (!size) size = 22;

src/modules/pageRender/elements.js

@@ -40,18 +40,21 @@ export function popup(obj) {
         }
     }
     return `
-    ${!obj.embed ? `<div id="popup-${obj.name}" class="popup center box${classes.length > 0 ? ' ' + classes.join(' ') : ''}" style="visibility: hidden;">` : ''}
+    ${obj.standalone ? `<div id="popup-${obj.name}" class="popup center box${classes.length > 0 ? ' ' + classes.join(' ') : ''}" style="visibility: hidden;">` : ''}
+    ${obj.buttonOnly ? obj.emoji : ``}
         <div id="popup-header" class="popup-header">
-            ${!obj.embed ? `<button id="popup-close" class="button mono" onclick="popup('${obj.name}', 0)" ${obj.header.closeAria ? `aria-label="${obj.header.closeAria}"` : ''}>x</button>` : ''}
+            ${obj.standalone && !obj.buttonOnly ? `<button id="popup-close" class="button mono" onclick="popup('${obj.name}', 0)" ${obj.header.closeAria ? `aria-label="${obj.header.closeAria}"` : ''}>x</button>` : ''}
             ${obj.header.aboveTitle ? `<a id="popup-above-title" href="${obj.header.aboveTitle.url}">${obj.header.aboveTitle.text}</a>` : ''}
             ${obj.header.title ? `<div id="popup-title">${obj.header.title}</div>` : ''}
             ${obj.header.subtitle ? `<div id="popup-subtitle">${obj.header.subtitle}</div>` : ''}
         </div>
-        <div id="popup-content"${obj.footer ? ' class="with-footer"' : ''}>${body}</div>
+        <div id="popup-content"${obj.footer ? ' class="with-footer"' : ''}>
+            ${body}${obj.buttonOnly ? `<button id="close-error" class="switch" onclick="popup('${obj.name}', 0)">${obj.buttonText}</button>` : ''}
+        </div>
         ${obj.footer ? `<div id="popup-footer" class="popup-footer">
             <a id="popup-bottom" class="popup-footer-content" href="${obj.footer.url}">${obj.footer.text}</a>
         </div>` : ''}
-    ${!obj.embed ? `</div>` : ''}`
+    ${obj.standalone ? `</div>` : ''}`
 }
 
 export function multiPagePopup(obj) {

src/modules/pageRender/page.js

@@ -67,7 +67,6 @@ export default function(obj) {
                 name: "about",
                 title: `${emoji("🐲")} ${loc(obj.lang, 'AboutTab')}`,
                 content: popup({
-                    embed: true,
                     name: "about",
                     header: {
                         aboveTitle: {
@@ -90,7 +89,6 @@ export default function(obj) {
                 name: "changelog",
                 title: `${emoji("🎉")} ${loc(obj.lang, 'ChangelogTab')}`,
                 content: popup({
-                    embed: true,
                     name: "changelog",
                     header: {
                         closeAria: loc(obj.lang, 'AccessibilityClosePopup'),
@@ -103,6 +101,8 @@ export default function(obj) {
                         text: loc('en', 'ChangelogContentTitle'),
                         classes: ["changelog-subtitle"],
                         nopadding: true
+                    }, {
+                        text: loc('en', 'FollowTwitter')
                     }, {
                         text: loc('en', 'ChangelogContent')
                     }, {
@@ -123,7 +123,6 @@ export default function(obj) {
                 name: "donate",
                 title: `${emoji("💰")} ${loc(obj.lang, 'DonationsTab')}`,
                 content: popup({
-                    embed: true,
                     name: "donate",
                     header: {
                         closeAria: loc(obj.lang, 'AccessibilityClosePopup'),
@@ -239,6 +238,7 @@ export default function(obj) {
         })}
         ${popup({
             name: "download",
+            standalone: true,
             header: {
                 closeAria: loc(obj.lang, 'AccessibilityClosePopup'),
                 subtitle: loc(obj.lang, 'TitlePopupDownload')
@@ -253,11 +253,16 @@ export default function(obj) {
         })}
         ${popup({
             name: "error",
+            standalone: true,
+            buttonOnly: true,
+            emoji: emoji("☹️", 48, 1),
+            classes: ["small"],
+            buttonText: loc(obj.lang, 'ErrorPopupCloseButton'),
             header: {
                 closeAria: loc(obj.lang, 'AccessibilityClosePopup'),
                 title: loc(obj.lang, 'TitlePopupError')
             },
-            body: `<div id="desc-error"></div>`
+            body: `<div id="desc-error" class="desc-padding subtext"></div>`
         })}
         <div id="popup-backdrop" style="visibility: hidden;" onclick="hideAllPopups()"></div>
         <div id="cobalt-main-box" class="center box" style="visibility: hidden;">