added dark versions of avatar icons

VERSION

-1.4.4
+1.4.5

generator/static/js/avatar/internal_ui.js

@@ -591,8 +591,18 @@ $("#localization-selection").on(
 		
 		if (data.url !== undefined && data.url !== null) {
 			$("#localization-permalink-wrapper").css("display", "block");
-			$("#localization-permalink").attr("href", data.url);
-			$("#localization-permalink").html(data.url);
+			
+			let url = data.url;
+			
+			if (
+				$("#color-scheme-selection").select2("data").length !== 0 &&
+				$("#color-scheme-selection").select2("data")[0].element.dataset.colorScheme === "white-on-black"
+			) {
+				url += "?tmava=ano";
+			}
+			
+			$("#localization-permalink").attr("href", url);
+			$("#localization-permalink").html(url);
 		} else {
 			$("#localization-permalink-wrapper").css("display", "none");
 		}
@@ -634,8 +644,18 @@ $("#icon-selection").on(
 		
 		if (dataset.url !== undefined && dataset.url !== null) {
 			$("#icon-permalink-wrapper").css("display", "block");
-			$("#icon-permalink").attr("href", dataset.url);
-			$("#icon-permalink").html(dataset.url);
+			
+			let url = dataset.url;
+			
+			if (
+				$("#color-scheme-selection").select2("data").length !== 0 &&
+				$("#color-scheme-selection").select2("data")[0].element.dataset.colorScheme === "white-on-black"
+			) {
+				url += "?tmava=ano";
+			}
+			
+			$("#icon-permalink").attr("href", url);
+			$("#icon-permalink").html(url);
 		} else {
 			$("#icon-permalink-wrapper").css("display", "none");
 		}
@@ -682,7 +702,19 @@ $("#color-scheme-selection").select2({
 $("#color-scheme-selection").on(
 	"select2:select",
 	function(event) {
-		template.setColorScheme(event.params.data.element.dataset.colorScheme);
+		const colorScheme = event.params.data.element.dataset.colorScheme;
+		
+		template.setColorScheme(colorScheme);
+		
+		for (const permalink of $("#icon-permalink,#localization-permalink")) {
+			if (colorScheme === "white-on-black") {
+				permalink.innerHTML += "?tmava=ano";
+			} else {
+				permalink.innerHTML = permalink.innerHTML.replace("?tmava=ano", "");
+			}
+			
+			permalink.href = permalink.innerHTML;
+		}
 	}
 );
 

generator/templates/avatar_internal.html

@@ -1673,10 +1673,10 @@
 							data-image-source="{{ url_for('static', filename='images/black-on-white.png') }}"
 							data-color-scheme="black-on-white"
 						>Černá na bílém pozadí</option>
-						<!--<option
+						<option
 							data-image-source="{{ url_for('static', filename='images/white-on-black.png') }}"
 							data-color-scheme="white-on-black"
-						>Bílá na černém pozadí</option>-->
+						>Bílá na černém pozadí</option>
 					</select>
 					
 					<br><br>

generator/templates/avatar_public.html

@@ -123,6 +123,8 @@
 		
 		<script type="text/javascript">
 			function init() {
+				template.setColorScheme("{% if dark %}white-on-black{% else %}black-on-white{% endif %}");
+				
 				{% if icon_localization is not none %}
 					template.darkIconDefaultSource = "{{ url_for(
 						'static',

generator/views/generator.py

@@ -31,6 +31,7 @@ ICON_HEIGHT_SPECIAL_MULTIPLIERS = {
 }
 
 ICON_OFFSET_BOTTOM_SPECIAL_MULTIPLIERS = {
+	"jihlava": 2.5,
 	"kladno": 0,
 	"louny": 0,
 	"louny-bila-na-fialove": 0,
@@ -327,6 +328,11 @@ def view_avatar_generator_with_localization(
 	):
 		raise werkzeug.exceptions.NotFound
 	
+	dark = (
+		flask.request.args.get("tmava", "ne")
+		== "ano"
+	)
+	
 	icon_height_multiplier = 1
 	icon_offset_bottom_multiplier = 1
 	
@@ -339,7 +345,8 @@ def view_avatar_generator_with_localization(
 		icon_localization=icon_localization,
 		base_localization=base_localization,
 		icon_height_multiplier=icon_height_multiplier,
-		icon_offset_bottom_multiplier=icon_offset_bottom_multiplier
+		icon_offset_bottom_multiplier=icon_offset_bottom_multiplier,
+		dark=dark
 	), http.client.OK