<!DOCTYPE html> <html lang="en"> <head> <link rel="manifest" href="/manifest.json"> <link href="https://codeberg.org/Ashley/poketube/raw/branch/main/css/yt-ukraine.svg" rel=icon> <title> Content Settings | PokeTube :3 </title> <style> :root { --text-primary: #fff; --text-secondary: #aaaaaa; --text-link: #3ea6ff; --top-bar-background: #0f0f0f; --guide-background: #0f0f0f; --border-color: #272727; --button-hover-background: #272727; --button-active-background: #3d3d3d; --item-hover-background: #0000; --item-active-background: #3d3d3d; --app-background: #0f0f0f; --context-menu-background: #282828; --thumbnail-background: #252525; --search-bar-background: #ffffff03; --nojs-color-switcher: #f5d562; /* Button colors */ --btn-hover-color-blue: #263850; --chip-background: #272727; --chip-background-hover: #3f3f3f; --chip-background-active: #535353; --subscribe-button: #c00; --subscribe-button-hover: #c00; --subscribe-button-subscribed: #272727; --subscribe-button-subscribed-hover: #3f3f3f; --playlist-header-background: #202020; --playlist-background: #181818; /* Playlist gradient */ --playlist-gradient-start: #3338; --playlist-gradient-end: #0000; } * { font-family:sans-serif; } body { display: flex; height: 100vh; background:linear-gradient(135deg, #820622 10%, #4e2e82 100%, #725965 100%); overflow: hidden; } @font-face { font-family: "PokeTube Flex"; src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=1668343428681"); font-style: normal; font-stretch: 1% 800%; font-display: swap; } body, .loaded, select {cursor: url('/static/cursor.ico'), default !important} button {cursor: url('/static/cursor-pointer.ico'), pointer !important} .cnt { margin: auto; display: flex; flex-flow: column; align-self: center; background: #0006; color: #fff; padding: 1em; border-radius: 31px; min-height: 26em; min-width: 35em; margin-top: 5em; } a { color:#0ab7f0; text-decoration: none; } a.class:hover { text-decoration: underline; font-weight: bold; } @media screen and (max-height: 643px) { .wave { margin-bottom: -7em; } } .head { font-family:"Poketube flex"; font-weight: 1000; font-style: italic; text-transform: uppercase; font-stretch: extra-expanded; } @media screen and (min-height: 768px) { .wave { position: absolute; bottom: 0; width: 100%; margin-bottom: -7em; display: block; } } p { text-align: center; font-family: "Poketube Flex"; font-weight: 600; font-stretch: expanded; } button { width: 10em; margin-left: auto; margin-right: auto; height: 59px; font-size: 18px; border-radius: 11px; background: #333; color: white; border: none; margin-top: 25px; } .ily{ text-align: center; } select { padding: 8px; background: var(--chip-background); border: var(--border-color); border-radius: 50px; color: #fff; } select:hover { background-color: var(--chip-background-hover); } button:hover { background-color: var(--chip-background-hover); cursor:pointer; } select:active { background-color: var(--chip-background-active); } </style> </head> <body> <script type="text/javascript"> <!--//--><![CDATA[//><!-- /** * @licstart The following is the entire license notice for the JavaScript * code in this page. * * Copyright (C) 2021-2023 POKETUBE (https://codeberg.org/Ashley/poketube) * * The JavaScript code in this page is free software: you can redistribute * it and/or modify it under the terms of the GNU General Public License * (GNU GPL) as published by the Free Software Foundation, either version 3 * of the License, or (at your option) any later version. The code is * distributed WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU GPL * for more details. * * As additional permission under GNU GPL version 3 section 7, you may * distribute non-source (e.g., minimized or compacted) forms of that code * without the copy of the GNU GPL normally required by section 4, provided * you include this license notice and a URL through which recipients can * access the Corresponding Source. * * @licend The above is the entire license notice for the JavaScript code * in this page. */ //--><!]]> </script> <div class="cnt"> <center> <h1 class="head"> settings </h1> </center> <div> <p> <h1 style="margin: 0px;"> Region </h1> Change the contents region!! :3 </p> </div> <select id="gl" style="width: 14em;" class="subscription-dropdown"> <option value="DZ">Algeria</option> <option value="AR">Argentina</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BO">Bolivia</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BR">Brazil</option> <option value="BG">Bulgaria</option> <option value="KH">Cambodia</option> <option value="CA">Canada</option> <option value="CL">Chile</option> <option value="CO">Colombia</option> <option value="CR">Costa Rica</option> <option value="HR">Croatia</option> <option value="CY">Cyprus</option> <option value="CZ">Czechia</option> <option value="DK">Denmark</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="EE">Estonia</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GR">Greece</option> <option value="GT">Guatemala</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KW">Kuwait</option> <option value="LA">Laos</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MY">Malaysia</option> <option value="MT">Malta</option> <option value="MX">Mexico</option> <option value="ME">Montenegro</option> <option value="MA">Morocco</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NG">Nigeria</option> <option value="MK">North Macedonia</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RO">Romania</option> <option value="RU">Russia</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SG">Singapore</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="ZA">South Africa</option> <option value="KR">South Korea</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="TW">Taiwan</option> <option value="TZ">Tanzania</option> <option value="TH">Thailand</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="GB">United Kingdom</option> <option value="US" selected>United States</option> <option value="UY">Uruguay</option> <option value="VE">Venezuela</option> <option value="VN">Vietnam</option> <option value="YE">Yemen</option> <option value="ZW">Zimbabwe</option> </select> <hr style="visibility: hidden;"> <div> <h1 style="margin: 0px;"> Language </h1> Change the title and desc language!! </p> </div> <select id="hl" style="width: 14em;" class="subscription-dropdown"> <option value="af">Afrikaans</option> <option value="az">Azərbaycan</option> <option value="id">Bahasa Indonesia</option> <option value="ms">Bahasa Malaysia</option> <option value="bs">Bosanski</option> <option value="ca">Català</option> <option value="cs">Čeština</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option value="et">Eesti</option> <option value="en-IN">English (India)</option> <option value="en-GB">English (UK)</option> <option value="en" selected>English (US)</option> <option value="es">Español (España)</option> <option value="es-419">Español (Latinoamérica)</option> <option value="es-US">Español (US)</option> <option value="eu">Euskara</option> <option value="fil">Filipino</option> <option value="fr">Français</option> <option value="fr-CA">Français (Canada)</option> <option value="gl">Galego</option> <option value="hr">Hrvatski</option> <option value="zu">IsiZulu</option> <option value="is">Íslenska</option> <option value="it">Italiano</option> <option value="sw">Kiswahili</option> <option value="lv">Latviešu valoda</option> <option value="lt">Lietuvių</option> <option value="hu">Magyar</option> <option value="nl">Nederlands</option> <option value="no">Norsk</option> <option value="uz">O‘zbek</option> <option value="pl">Polski</option> <option value="pt-PT">Português</option> <option value="pt">Português (Brasil)</option> <option value="ro">Română</option> <option value="sq">Shqip</option> <option value="sk">Slovenčina</option> <option value="sl">Slovenščina</option> <option value="sr-Latn">Srpski</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="vi">Tiếng Việt</option> <option value="tr">Türkçe</option> <option value="be">Беларуская</option> <option value="bg">Български</option> <option value="ky">Кыргызча</option> <option value="kk">Қазақ Тілі</option> <option value="mk">Македонски</option> <option value="mn">Монгол</option> <option value="ru">Русский</option> <option value="sr">Српски</option> <option value="uk">Українська</option> <option value="el">Ελληνικά</option> <option value="hy">Հայերեն</option> <option value="iw">עברית</option> <option value="ur">اردو</option> <option value="ar">العربية</option> <option value="fa">فارسی</option> <option value="ne">नेपाली</option> <option value="mr">मराठी</option> <option value="hi">हिन्दी</option> <option value="as">অসমীয়া</option> <option value="bn">বাংলা</option> <option value="pa">ਪੰਜਾਬੀ</option> <option value="gu">ગુજરાતી</option> <option value="or">ଓଡ଼ିଆ</option> <option value="ta">தமிழ்</option> <option value="te">తెలుగు</option> <option value="kn">ಕನ್ನಡ</option> <option value="ml">മലയാളം</option> <option value="si">සිංහල</option> <option value="th">ภาษาไทย</option> <option value="lo">ລາວ</option> <option value="my">ဗမာ</option> <option value="ka">ქართული</option> <option value="am">አማርኛ</option> <option value="km">ខ្មែរ</option> <option value="zh-CN">中文 (简体)</option> <option value="zh-TW">中文 (繁體)</option> <option value="zh-HK">中文 (香港)</option> <option value="ja">日本語</option> <option value="ko">한국어</option> </select> <br> <button onclick="saveToLocalStorage()"> Save </button> <script> function saveToLocalStorage() { const selectedRegion = document.getElementById("gl").value; const selectedLanguage = document.getElementById("hl").value; localStorage.setItem("Region", selectedRegion); localStorage.setItem("Language", selectedLanguage); alert("saved!"); } </script> </div> </body> </html>