<!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&#x259;rbaycan</option>
					<option value="id">Bahasa Indonesia</option>
					<option value="ms">Bahasa Malaysia</option>
					<option value="bs">Bosanski</option>
					<option value="ca">Catal&#xE0;</option>
					<option value="cs">&#x10C;e&#x161;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&#xF1;ol (Espa&#xF1;a)</option>
					<option value="es-419">Espa&#xF1;ol (Latinoam&#xE9;rica)</option>
					<option value="es-US">Espa&#xF1;ol (US)</option>
					<option value="eu">Euskara</option>
					<option value="fil">Filipino</option>
					<option value="fr">Fran&#xE7;ais</option>
					<option value="fr-CA">Fran&#xE7;ais (Canada)</option>
					<option value="gl">Galego</option>
					<option value="hr">Hrvatski</option>
					<option value="zu">IsiZulu</option>
					<option value="is">&#xCD;slenska</option>
					<option value="it">Italiano</option>
					<option value="sw">Kiswahili</option>
					<option value="lv">Latvie&#x161;u valoda</option>
					<option value="lt">Lietuvi&#x173;</option>
					<option value="hu">Magyar</option>
					<option value="nl">Nederlands</option>
					<option value="no">Norsk</option>
					<option value="uz">O&#x2018;zbek</option>
					<option value="pl">Polski</option>
					<option value="pt-PT">Portugu&#xEA;s</option>
					<option value="pt">Portugu&#xEA;s (Brasil)</option>
					<option value="ro">Rom&#xE2;n&#x103;</option>
					<option value="sq">Shqip</option>
					<option value="sk">Sloven&#x10D;ina</option>
					<option value="sl">Sloven&#x161;&#x10D;ina</option>
					<option value="sr-Latn">Srpski</option>
					<option value="fi">Suomi</option>
					<option value="sv">Svenska</option>
					<option value="vi">Ti&#x1EBF;ng Vi&#x1EC7;t</option>
					<option value="tr">T&#xFC;rk&#xE7;e</option>
					<option value="be">&#x411;&#x435;&#x43B;&#x430;&#x440;&#x443;&#x441;&#x43A;&#x430;&#x44F;</option>
					<option value="bg">&#x411;&#x44A;&#x43B;&#x433;&#x430;&#x440;&#x441;&#x43A;&#x438;</option>
					<option value="ky">&#x41A;&#x44B;&#x440;&#x433;&#x44B;&#x437;&#x447;&#x430;</option>
					<option value="kk">&#x49A;&#x430;&#x437;&#x430;&#x49B; &#x422;&#x456;&#x43B;&#x456;</option>
					<option value="mk">&#x41C;&#x430;&#x43A;&#x435;&#x434;&#x43E;&#x43D;&#x441;&#x43A;&#x438;</option>
					<option value="mn">&#x41C;&#x43E;&#x43D;&#x433;&#x43E;&#x43B;</option>
					<option value="ru">&#x420;&#x443;&#x441;&#x441;&#x43A;&#x438;&#x439;</option>
					<option value="sr">&#x421;&#x440;&#x43F;&#x441;&#x43A;&#x438;</option>
					<option value="uk">&#x423;&#x43A;&#x440;&#x430;&#x457;&#x43D;&#x441;&#x44C;&#x43A;&#x430;</option>
					<option value="el">&#x395;&#x3BB;&#x3BB;&#x3B7;&#x3BD;&#x3B9;&#x3BA;&#x3AC;</option>
					<option value="hy">&#x540;&#x561;&#x575;&#x565;&#x580;&#x565;&#x576;</option>
					<option value="iw">&#x5E2;&#x5D1;&#x5E8;&#x5D9;&#x5EA;</option>
					<option value="ur">&#x627;&#x631;&#x62F;&#x648;</option>
					<option value="ar">&#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;&#x629;</option>
					<option value="fa">&#x641;&#x627;&#x631;&#x633;&#x6CC;</option>
					<option value="ne">&#x928;&#x947;&#x92A;&#x93E;&#x932;&#x940;</option>
					<option value="mr">&#x92E;&#x930;&#x93E;&#x920;&#x940;</option>
					<option value="hi">&#x939;&#x93F;&#x928;&#x94D;&#x926;&#x940;</option>
					<option value="as">&#x985;&#x9B8;&#x9AE;&#x9C0;&#x9AF;&#x9BC;&#x9BE;</option>
					<option value="bn">&#x9AC;&#x9BE;&#x982;&#x9B2;&#x9BE;</option>
					<option value="pa">&#xA2A;&#xA70;&#xA1C;&#xA3E;&#xA2C;&#xA40;</option>
					<option value="gu">&#xA97;&#xAC1;&#xA9C;&#xAB0;&#xABE;&#xAA4;&#xAC0;</option>
					<option value="or">&#xB13;&#xB21;&#xB3C;&#xB3F;&#xB06;</option>
					<option value="ta">&#xBA4;&#xBAE;&#xBBF;&#xBB4;&#xBCD;</option>
					<option value="te">&#xC24;&#xC46;&#xC32;&#xC41;&#xC17;&#xC41;</option>
					<option value="kn">&#xC95;&#xCA8;&#xCCD;&#xCA8;&#xCA1;</option>
					<option value="ml">&#xD2E;&#xD32;&#xD2F;&#xD3E;&#xD33;&#xD02;</option>
					<option value="si">&#xDC3;&#xDD2;&#xD82;&#xDC4;&#xDBD;</option>
					<option value="th">&#xE20;&#xE32;&#xE29;&#xE32;&#xE44;&#xE17;&#xE22;</option>
					<option value="lo">&#xEA5;&#xEB2;&#xEA7;</option>
					<option value="my">&#x1017;&#x1019;&#x102C;</option>
					<option value="ka">&#x10E5;&#x10D0;&#x10E0;&#x10D7;&#x10E3;&#x10DA;&#x10D8;</option>
					<option value="am">&#x12A0;&#x121B;&#x122D;&#x129B;</option>
					<option value="km">&#x1781;&#x17D2;&#x1798;&#x17C2;&#x179A;</option>
					<option value="zh-CN">&#x4E2D;&#x6587; (&#x7B80;&#x4F53;)</option>
					<option value="zh-TW">&#x4E2D;&#x6587; (&#x7E41;&#x9AD4;)</option>
					<option value="zh-HK">&#x4E2D;&#x6587; (&#x9999;&#x6E2F;)</option>
					<option value="ja">&#x65E5;&#x672C;&#x8A9E;</option>
					<option value="ko">&#xD55C;&#xAD6D;&#xC5B4;</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>