en/icons/index.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1" />
   6
   7     <link rel="stylesheet" href="../style.css#" type="text/css" />
   8     <title>Toolbar customization</title>
   9     <script>
  10       function findLang(){
  11         let href = location.href;
  12         for(let i=href.length-1;i>0;i--){
  13           if('/'==href.charAt(i) && '/'==href.charAt(i-3))
  14             return i;
  15         }
  16         return 0;
  17       }
  18       function nav2(page){
  19         let i = findLang();
  20         location.href = location.href.substring(0,i+1)+page;
  21       }
  22       function nav2Lang(lang){
  23         let i = findLang();
  24         let href = location.href;
  25         location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
  26       }
  27     </script>
  28   </head>
  29   <body>
  30     <header class='header'>
  31       <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html#')">Home</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html#')">Tags</a>
  32
  33
  34           <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('zh')">简体中文</a>
  35
  36
  37       <nav>
  38       </nav>
  39     </header>
  40     <br />
  41
  42 <div class="container">
  43   <h1 class="title">Toolbar customization
  44     <br>
  45     <span class="subtitle"></span>
  46   </h1>
  47   <ul class="tags">
  48
  49   </ul>
  50   <p>If subfolder &quot;icon&quot; exists, then files named as &quot;0&quot;,&quot;1&quot;,&quot;2&quot;...<br>
  51 are used for icons in the bottom toolbar. file &quot;0&quot; to replace the left arrow button, &quot;1&quot; for right arrow button, &quot;2&quot; for the setting button,&quot;3&quot; for the home screen button,...</p>
  52 <p>If a new button is defined (file name &quot;20&quot; exists), uweb also supports VectorDrawable with &quot;android compiled XML&quot; format. All icon files must be either all compiled VectorDrawables or common image formats.</p>
  53 <p>Note: The refresh and tab manager button can not be redefined.</p>
  54
  55 </div>
  56 <p>Last Modified: 2 April 2024<br>
  57 add flg for not following sys night mode<br>
  58 <pre></pre>
  59 </p>
  60
  61 <script id='jsgiscus'
  62   src='https://giscus.app/client.js'
  63   data-repo="torappinfo/uweb"
  64   data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
  65   data-category="Announcements"
  66   data-category-id="DIC_kwDOEgNLGc4CQjsh"
  67   data-mapping="title"
  68   data-strict="0"
  69   data-reactions-enabled="1"
  70   data-emit-metadata="0"
  71   data-input-position="top"
  72   data-theme="light"
  73   data-lang="en"
  74   data-loading="lazy"
  75   crossorigin="anonymous" async>
  76 </script>
  77
  78     <footer class="site-footer">
  79       <div class="container">
  80         &copy; 2018-2024 Richard H. Cao
  81       </div>
  82     </footer>
  83     <!-- This document is licensed under the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is available at <https://www.gnu.org/licenses/>. -->
  84
  85
  86   </body>
  87 </html>