1.1.4; added Slovenian translation

joho1968 · Jul 25, 2023 · 0ee4a96 · 0ee4a96
1 parent 0bcab96
commit 0ee4a96
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 30 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,24 +3,31 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [1.1.3] - 2023-06-05
+## [1.1.4] - 2023-07-25
 
 ### Added
+- Added Slovenian (sl) translation (#6); thank you Gregor Godler
+- Added missing Hungarian (hu) translation (#5) in meta description
+
+### Changed
+- Some minor typeface (font) changes to play better with iOS/macOS browsers
+- Some minor UI changes to make password strength indicator more clear
+
+## [1.1.3] - 2023-06-05
 
+### Added
 - Added Hungarian (hu) translation (#5); thank you Mihaly Balassy
 
 ## [1.1.2] - 2023-02-21
 
 ### Added
-
 - Added Luxembourgish (lb) translation (#2); thank you Alain Fontaine
 - Added French (fr) translation (#3); thank you Alain Fontaine
 - Added Finnish (fi) translation (PR#3); thank you Thomas Raehalme
 
 ## [1.1.1] - 2023-01-23
 
 ### Added
-
 - Added Dutch translation (#1); thank you Jeroen van de Leur
 
 ## [1.1.0] - 2022-10-24

diff --git a/README.md b/README.md
@@ -79,6 +79,9 @@ Thanks to **Peter Hampf** (hello `O/T-Track` :metal:) for the German translation
 Thanks to **Jeroen van de Leur** for the Dutch translation :blush:
 Thanks to **Alain Fontaine** for the French and Luxembourgish translations :blush:
 Thanks to **Thomas Raehalme** for the Finnish translations :blush:
+Thanks to **Mihaly Balassy** for the Hungarian translations :blush:
+Thanks to **Gregor Godler** for the Slovenian translations :blush:
+Thanks for **Sarah Bailey** for assistance in "debugging" use on iOS/macOS :blush:
 
 The "cloud icon" comes from [Streamline](https://streamlinehq.com)
 

diff --git a/css/password-om.css b/css/password-om.css
@@ -45,11 +45,16 @@ html {
     background-color:var(--pom-bg-color-normal);
     color:var(--pom-fg-color-normal);
 }
+
+html * {
+    font-family: "SF Mono", SFMono-Regular, ui-monospace, "Lucida Sans Typewriter", "Lucida Console", "Bitstream Vera Sans Mono", monospace;
+}
+
 body {
     padding:0px;
     margin:0px;
-    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
 }
+
 h1, h2 {
   color:var(--pom-h-color);
 }
@@ -105,7 +110,7 @@ a:hover {
 }
 #mk-password-field {
   width:98% !important;
-  border:2px solid var(--pom-mk-password-field-border);
+  border:2px solid var(--pom-mk-password-field-border) !important;
   border-radius:5px !important;
 }
 .mk-password-field-focus {
@@ -119,9 +124,10 @@ a:hover {
   cursor:pointer !important;
 }
 #mk-password-good {
-  width:100% !important;
-  height:48px;
-  margin-top:10px;
+  width:98% !important;
+  height:1.1rem !important;
+  margin-top:10px !important;
+  border:2px solid var(--pom-mk-password-field-border) !important;
 }
 #mk-password-len-slider {
   -webkit-appearance:none;
@@ -170,9 +176,11 @@ a:hover {
 #mk-password-btn-div {
   text-align:right;
   margin-bottom:10px;
+  line-height:1.4rem !important;
 }
 #mk-password-btn {
-  width:60px;
+  padding-top:3px !important;
+  width:70px !important;
   font-size:1.4rem !important;
   line-height:1.4rem !important;
   font-weight:bold;
@@ -206,6 +214,7 @@ a:hover {
 .selection-col {
   text-align:right;
   justify-self:end;
+  width:70px !important;
 }
 .check-option {
   width:28px;

diff --git a/index.html b/index.html
@@ -2,26 +2,29 @@
 <html lang="en" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
     <head>
         <meta charset="UTF-8">
-        <meta name="description" content="Random Password Generator" lang="en">
-        <meta name="description" content="Slumpmässigt Lösenord" lang="sv">
-        <meta name="description" content="Zufallsgenerator für Passwörter" lang="de">
-        <meta name="description" content=“Willekeurig Wachtwoordgenerator" lang=“nl">
-        <meta name="description" content=“Zoufallspasswuertgenerator" lang=“lb">
-        <meta name="description" content=“Générateur de mot de passe au hazard" lang=“fr">
-        <meta name="description" content="Salasanageneraattori" lang="fi">
-        <meta name="keywords" content="password generator,random password,lösenord,slumpmässigt lösenord,öppet moln,öppen källkod">
-        <meta name="author" content="Joaquim Homrighausen">
-        <meta name="generator" content="POMjs">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="Random Password Generator" lang="en"/>
+        <meta name="description" content="Slumpmässigt Lösenord" lang="sv" />
+        <meta name="description" content="Zufallsgenerator für Passwörter" lang="de" />
+        <meta name="description" content="Véletlenszerű jelszógenerátor" lang="hu" />        
+        <meta name="description" content="Willekeurig Wachtwoordgenerator" lang="nl" />
+        <meta name="description" content="Zoufallspasswuertgenerator" lang="lb" />
+        <meta name="description" content="Générateur de mot de passe au hazard" lang="fr" />
+        <meta name="description" content="Salasanageneraatt&ia=answerori" lang="fi" />
+        <meta name="description" content="Generator Naključnih Gesel" lang="sl" />        
+        <meta name="keywords" content="password generator,random password,lösenord,slumpmässigt lösenord,öppet moln,öppen källkod" />
+        <meta name="author" content="Joaquim Homrighausen" />
+        <meta name="generator" content="POMjs" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="shortcut icon" type="image/png" href="favicon/favicon-32x32.png" />
         <title lang="en">POMjs - Random Password Generator</title>
         <title lang="sv">POMjs - Slumpmässigt Lösenord</title>
         <title lang="de">POMjs - Zufallsgenerator für Passwörter</title>
-	<title lang="hu">POMjs - Véletlenszerű jelszógenerátor</title>
+        <title lang="hu">POMjs - Véletlenszerű jelszógenerátor</title>
         <title lang=“nl">POMjs - Willekeurig Wachtwoordgenerator</title>
         <title lang=“lb">POMjs - Zoufallspasswuertgenerator</title>
         <title lang=“fr">POMjs - Générateur de mot de passe au hazard</title>
-        <title lang=“fi">POMjs - Salasanageneraattori</title>        
+        <title lang=“fi">POMjs - Salasanageneraattori</title>
+        <title lang="sl">POMjs - Generator Naključnih Gesel</title>        
         <link media="all" rel="stylesheet" href="css/normalize.min.css" />
         <link media="all" rel="stylesheet" href="css/password-om.css" />
         <meta name="robots" content="index,nofollow">
@@ -52,7 +55,7 @@
         <script defer src="js/password-om.min.js" type="text/javascript" id="password-om"></script>
     </head>
  <!--
-        POMjs 1.1.3
+        POMjs 1.1.4
         
         Plain vanilla javascript for the "Öppet Moln" ("Open Cloud") random
         password generator site (password.oppetmoln.se). For the sake of having
@@ -138,9 +141,7 @@ <h2 id="cfg-page-slogan"></h2>
               <div class="selection-row" id="mk-password-btn-div">
                 <div class="static-col"></div>
                 <div class="selection-col">
-                <button type="button" name="mk-password-btn" id="mk-password-btn" title="" tabindex="8" autofocus>
-                    &#8629;&nbsp;
-                </button>
+                    <button type="button" name="mk-password-btn" id="mk-password-btn" title="" tabindex="8" autofocus>&#8617;</button>
                 </div>
               </div>
               <div id="mk-password-div">
@@ -157,9 +158,9 @@ <h2 id="cfg-page-slogan"></h2>
                 You may, or may not, want to display this. If you put this up
                 on your own website, please be sure to change the content
                 accordingly, thank you.
-            <p id="gen-hosted-by">Website hosted by <span style="display:inline-block"><a href="https://www.webbplatsen.se" target="_blank" tabindex="-1">WebbPlatsen i Sverige AB</a></span></p>
             -->
-            <p><small>POMjs by Joaquim Homrighausen, <span style="display:inline-block">get it at <a href="https://github.com/joho1968/POMjs" target="_blank" tabindex="-1">GitHub</a> (GPLv2)</span></small></p>
+            <p id="gen-hosted-by">Website hosted by <span style="display:inline-block"><a href="https://www.webbplatsen.se" target="_blank" tabindex="-1">WebbPlatsen i Sverige AB</a></span></p>
+            <p><small>POMjs 1.1.4 by Joaquim Homrighausen, <span style="display:inline-block">get it at <a href="https://github.com/joho1968/POMjs" target="_blank" tabindex="-1">GitHub</a> (GPLv2)</span></small></p>
             <p id="gen-timestamp"></p>
         </footer>
     </body>

diff --git a/js/password-om.js b/js/password-om.js
@@ -1,5 +1,5 @@
 /**
- * POMjs 1.1.3
+ * POMjs 1.1.4
  *
  * password-om.js
  *
@@ -362,6 +362,12 @@ function POM_initialSetup() {
             POM_cfgSlogan = 'Ei evästeitä, <span style="display:inline-block">ei seurantaa.</span><br/>Vain salasanoja.';
             POM_cfgGenPasswordHint = 'Generoi salasana';
             break;
+        case 'sl':
+            /* Thank you Gregor Godler */
+            POM_cfgTitle = 'Generator Naključnih Gesel';
+            POM_cfgSlogan = 'Brez piškotkov, <span style="display:inline-block">nič sledilnikov.</span><br/>Samo geslo.';
+            POM_cfgGenPasswordHint = 'Generiraj geslo';
+            break;
         default:
             POM_cfgTitle = 'Random Password Generator';
             POM_cfgSlogan = 'No cookies, <span style="display:inline-block">no trackers.</span><br/>Just passwords.';