Improve compatibility with automated translation

linfindel · Jun 8, 2024 · 4f5a639 · 4f5a639
1 parent ece0d24
commit 4f5a639
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 20 deletions.
diff --git a/about.html b/about.html
@@ -14,14 +14,14 @@ <h1 id="navbar-text">Image Viewer</h1>
     </nav>
 
     <button onclick="location.href = '.'">
-      <span class="material-symbols-rounded">arrow_back</span>
+      <span translate="no" class="material-symbols-rounded">arrow_back</span>
       Back
     </button>
   </div>
 
   <div class="card column">
     <div class="text-center">
-      <h1 style="font-size: 5rem;" class="material-symbols-rounded">license</h1>
+      <h1 translate="no" style="font-size: 5rem;" class="material-symbols-rounded">license</h1>
       <h1>GPL 3.0</h1>
       <p>This is free and open-source software. You can contribute to the source code below.</p>
     </div>
@@ -35,12 +35,12 @@ <h1 id="version">Loading...</h1>
 
     <div class="row">
       <button id="about1" onclick="window.open('https://linfindel.github.io', '_blank')" class="about">
-        <span class="material-symbols-rounded">home</span>
+        <span translate="no" class="material-symbols-rounded">home</span>
         More projects
       </button>
 
       <button id="about2" onclick="window.open('https://www.github.com/linfindel/images', '_blank')" class="about">
-        <span class="material-symbols-rounded">code</span>
+        <span translate="no" class="material-symbols-rounded">code</span>
         Source code
       </button>
     </div>

diff --git a/filters.html b/filters.html
@@ -17,18 +17,18 @@ <h1>Image Viewer</h1>
     <div class="row">
       <a href="index.html" id="back-link">
         <button id="back" tabindex="-99">
-          <span class="material-symbols-rounded">arrow_back</span>
+          <span translate="no" class="material-symbols-rounded">arrow_back</span>
           Back
         </button>
       </a>
 
       <button onclick="exportImage()" id="export" inert class="button-subtle">
-        <span id="export-icon" class="material-symbols-rounded">download</span>
+        <span translate="no" id="export-icon" class="material-symbols-rounded">download</span>
         <span id="export-text">Download filtered image</span>
       </button>
 
       <button onclick="compare()" id="original-button" inert class="button-subtle">
-        <span class="material-symbols-rounded">compare</span>
+        <span translate="no" class="material-symbols-rounded">compare</span>
         <span id="original-text">Show original image</span>
       </button>
     </div>
@@ -41,47 +41,47 @@ <h1>Filters</h1>
 
     <div class="row" style="flex-wrap: wrap;">
       <div id="blur" class="search-box">
-        <span class="material-symbols-rounded">blur_on</span>
+        <span translate="no" class="material-symbols-rounded">blur_on</span>
         <input id="blur-input" oninput="addFilter('blur')" placeholder="Blur (px)" type="text" class="input-search">
       </div>
 
       <div id="brightness" class="search-box">
-        <span class="material-symbols-rounded">brightness_medium</span>
+        <span translate="no" class="material-symbols-rounded">brightness_medium</span>
         <input id="brightness-input" oninput="addFilter('brightness')" placeholder="Brightness (%)" type="text" class="input-search">
       </div>
 
       <div id="contrast" class="search-box">
-        <span class="material-symbols-rounded">contrast</span>
+        <span translate="no" class="material-symbols-rounded">contrast</span>
         <input id="contrast-input" oninput="addFilter('contrast')" placeholder="Contrast (%)" type="text" class="input-search">
       </div>
 
       <div id="grayscale" class="search-box">
-        <span class="material-symbols-rounded">filter_b_and_w</span>
+        <span translate="no" class="material-symbols-rounded">filter_b_and_w</span>
         <input id="grayscale-input" oninput="addFilter('grayscale')" placeholder="Grayscale (%)" type="text" class="input-search">
       </div>
 
       <div id="hue-rotate" class="search-box">
-        <span class="material-symbols-rounded">colorize</span>
+        <span translate="no" class="material-symbols-rounded">colorize</span>
         <input id="hue-rotate-input" oninput="addFilter('hue-rotate')" placeholder="Hue rotate (deg)" type="text" class="input-search">
       </div>
 
       <div id="invert" class="search-box">
-        <span class="material-symbols-rounded">invert_colors</span>
+        <span translate="no" class="material-symbols-rounded">invert_colors</span>
         <input id="invert-input" oninput="addFilter('invert')" placeholder="Invert (%)" type="text" class="input-search">
       </div>
 
       <div id="opacity" class="search-box">
-        <span class="material-symbols-rounded">opacity</span>
+        <span translate="no" class="material-symbols-rounded">opacity</span>
         <input id="opacity-input" oninput="addFilter('opacity')" placeholder="Opacity (%)" type="text" class="input-search">
       </div>
 
       <div id="saturate" class="search-box">
-        <span class="material-symbols-rounded">colors</span>
+        <span translate="no" class="material-symbols-rounded">colors</span>
         <input id="saturate-input" oninput="addFilter('saturate')" placeholder="Saturation (%)" type="text" class="input-search">
       </div>
 
       <div id="sepia" class="search-box">
-        <span class="material-symbols-rounded">history_edu</span>
+        <span translate="no" class="material-symbols-rounded">history_edu</span>
         <input id="sepia-input" oninput="addFilter('sepia')" placeholder="Sepia (%)" type="text" class="input-search">
       </div>
     </div>

diff --git a/index.html b/index.html
@@ -15,23 +15,23 @@ <h1 id="navbar-text">Image Viewer</h1>
 
     <div id="buttons" class="row">
       <button onclick="location.href = 'about.html'" id="button4">
-        <span class="material-symbols-rounded">info</span>
+        <span translate="no" class="material-symbols-rounded">info</span>
         About
       </button>
 
       <button id="button1" onclick="imageOptions('show')">
-        <span id="button1-icon" class="material-symbols-rounded">upload</span>
+        <span translate="no" id="button1-icon" class="material-symbols-rounded">upload</span>
         <span id="button1-text">Upload image</span>
       </button>
 
       <button id="button2" onclick="resetImage()">
-        <span id="button2-icon" class="material-symbols-rounded">reset_image</span>
+        <span translate="no" id="button2-icon" class="material-symbols-rounded">reset_image</span>
         <span id="button2-text">Reset image</span>
       </button>
 
       <a id="filters">
         <button id="button3" style="display: none;">
-          <span class="material-symbols-rounded">tune</span>
+          <span translate="no" class="material-symbols-rounded">tune</span>
           Filters
         </button>
       </a>