diff --git a/generator/static/images/examples/mp_logo_dark.webp b/generator/static/images/examples/mp_logo_dark.webp new file mode 100644 index 0000000000000000000000000000000000000000..31952504ddcd38c2f37c37add9ded725463798ba Binary files /dev/null and b/generator/static/images/examples/mp_logo_dark.webp differ diff --git a/generator/static/images/examples/mp_logo_light.webp b/generator/static/images/examples/mp_logo_light.webp new file mode 100644 index 0000000000000000000000000000000000000000..c07870dddeb6256c1b19297cc28b12bcc21e71f8 Binary files /dev/null and b/generator/static/images/examples/mp_logo_light.webp differ diff --git a/generator/static/images/examples/mp_logo_transparent_dark.webp b/generator/static/images/examples/mp_logo_transparent_dark.webp new file mode 100644 index 0000000000000000000000000000000000000000..f58b3f7aab374fdf7003d8c5c44230e8f9961451 Binary files /dev/null and b/generator/static/images/examples/mp_logo_transparent_dark.webp differ diff --git a/generator/static/images/examples/mp_logo_transparent_light.webp b/generator/static/images/examples/mp_logo_transparent_light.webp new file mode 100644 index 0000000000000000000000000000000000000000..c771b488435ff88f39343fb69c228f8a4f1f1656 Binary files /dev/null and b/generator/static/images/examples/mp_logo_transparent_light.webp differ diff --git a/generator/static/images/examples/mp_logotype_dark.webp b/generator/static/images/examples/mp_logotype_dark.webp new file mode 100644 index 0000000000000000000000000000000000000000..06cdf3897bbaf9eb582c576c952be8c1e63d3015 Binary files /dev/null and b/generator/static/images/examples/mp_logotype_dark.webp differ diff --git a/generator/static/images/examples/mp_logotype_light.webp b/generator/static/images/examples/mp_logotype_light.webp new file mode 100644 index 0000000000000000000000000000000000000000..d172a2cded556289e044fa6f1c2e48ef18500e08 Binary files /dev/null and b/generator/static/images/examples/mp_logotype_light.webp differ diff --git a/generator/static/images/logos/MP-dark.png b/generator/static/images/logos/MP-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..d8e8b99b85c70e29512dce7c56d6d5dc1a317c61 Binary files /dev/null and b/generator/static/images/logos/MP-dark.png differ diff --git a/generator/static/images/logos/MP-logotyp-dark.png b/generator/static/images/logos/MP-logotyp-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..d2b02dbb12a0dce0d049f80fc3437bd9dbe29330 Binary files /dev/null and b/generator/static/images/logos/MP-logotyp-dark.png differ diff --git a/generator/static/images/logos/MP-logotyp.png b/generator/static/images/logos/MP-logotyp.png new file mode 100644 index 0000000000000000000000000000000000000000..25c2990b737244461928c8ed7a130004263adfea Binary files /dev/null and b/generator/static/images/logos/MP-logotyp.png differ diff --git a/generator/static/images/logos/MP-transparent-dark.png b/generator/static/images/logos/MP-transparent-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..a523decccb4f5727d25479b3b83b5e9190a80639 Binary files /dev/null and b/generator/static/images/logos/MP-transparent-dark.png differ diff --git a/generator/static/images/logos/MP-transparent.png b/generator/static/images/logos/MP-transparent.png new file mode 100644 index 0000000000000000000000000000000000000000..284994cc0673cb26610603da51556205fa3df48f Binary files /dev/null and b/generator/static/images/logos/MP-transparent.png differ diff --git a/generator/static/images/logos/MP.png b/generator/static/images/logos/MP.png new file mode 100644 index 0000000000000000000000000000000000000000..6939538a239c075903d1de3e25b5faa26cc4d057 Binary files /dev/null and b/generator/static/images/logos/MP.png differ diff --git a/generator/static/js/ui.js b/generator/static/js/ui.js index 4fcbae0ce4f7aa1efb27f80833deb778a55aa4c6..fb63041b97e24770d843188de922edd05a5a78c8 100644 --- a/generator/static/js/ui.js +++ b/generator/static/js/ui.js @@ -2640,6 +2640,36 @@ async function setCoalition(coalition, template) { $("#location-image-selection").trigger("change"); } + break; + case "mp-logo": + template.setDarkLogoSource("static/images/logos/MP-dark.png", true); + template.setLightLogoSource("static/images/logos/MP.png", true); + + if (template.changeableAttributes.includes("locationImage")) { + $("#location-image-selection").val("Žádná lokalizace"); + $("#location-image-selection").trigger("change"); + } + + break; + case "mp-transparent-logo": + template.setDarkLogoSource("static/images/logos/MP-transparent-dark.png", true); + template.setLightLogoSource("static/images/logos/MP-transparent.png", true); + + if (template.changeableAttributes.includes("locationImage")) { + $("#location-image-selection").val("Žádná lokalizace"); + $("#location-image-selection").trigger("change"); + } + + break; + case "mp-logotype": + template.setDarkLogoSource("static/images/logos/MP-logotyp-dark.png", true); + template.setLightLogoSource("static/images/logos/MP-logotyp.png", true); + + if (template.changeableAttributes.includes("locationImage")) { + $("#location-image-selection").val("Žádná lokalizace"); + $("#location-image-selection").trigger("change"); + } + break; } } @@ -3117,6 +3147,42 @@ async function setCoalition(coalition, template) { setGlobalSpecifics("balcarova"); + break; + case "mp-logo-dark": + await template.setPrimaryColorScheme("black-on-white", true); + + setGlobalSpecifics("mp-logo"); + + break; + case "mp-logo-light": + await template.setPrimaryColorScheme("white-on-black", true); + + setGlobalSpecifics("mp-logo"); + + break; + case "mp-transparent-logo-dark": + await template.setPrimaryColorScheme("black-on-white", true); + + setGlobalSpecifics("mp-transparent-logo"); + + break; + case "mp-transparent-logo-light": + await template.setPrimaryColorScheme("white-on-black", true); + + setGlobalSpecifics("mp-transparent-logo"); + + break; + case "mp-logotype-dark": + await template.setPrimaryColorScheme("black-on-white", true); + + setGlobalSpecifics("mp-logotype"); + + break; + case "mp-logotype-light": + await template.setPrimaryColorScheme("white-on-black", true); + + setGlobalSpecifics("mp-logotype"); + break; default: throw new Error(`Possible broken coalition lookup: ${coalition}.`); diff --git a/generator/templates/generator.html b/generator/templates/generator.html index af180dfef6567ece8f7da0491dffc7bf9f277056..817dcbe7c521ba7635761e44ece4b63a27925f6e 100644 --- a/generator/templates/generator.html +++ b/generator/templates/generator.html @@ -1951,7 +1951,7 @@ <label for="background-has-pattern" checked>Zobrazit</label> </section> - <h3>Nastavení barev</h3> + <h3>Nastavení schématu</h3> <section id="pro-usti-color-scheme-wrapper"> <h4>Barvy PRO! Ústí</h4> @@ -1986,9 +1986,9 @@ <section id="primary-color-scheme-wrapper"> <section id="coalition-wrapper"> - <h4>Podle koalice</h4> + <h4>Podle odnože</h4> <select id="coalition-selection"> - <option value="no-coalition">Žádná koalice</option> + <option value="no-coalition">Žádná odnož</option> <option data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava_purple_dark.webp') }}" @@ -2224,6 +2224,33 @@ data-image-source="{{ url_for('static', filename='images/examples/dana_balcarova_dark.webp') }}" value="balcarova-dark" >Dana Balcarová - fialové logo, tmavé pozadí</option> + + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logo_light.webp') }}" + value="mp-logo-light" + >Mladé pirátstvo - logo, světlé pozadí</option> + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logo_dark.webp') }}" + value="mp-logo-dark" + >Mladé pirátstvo - logo, tmavé pozadí</option> + + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logo_transparent_light.webp') }}" + value="mp-transparent-logo-light" + >Mladé pirátstvo - poloprůhledné logo, světlé pozadí</option> + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logo_transparent_dark.webp') }}" + value="mp-transparent-logo-dark" + >Mladé pirátstvo - poloprůhledné logo, tmavé pozadí</option> + + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logotype_light.webp') }}" + value="mp-logotype-light" + >Mladé pirátstvo - logotyp, světlé pozadí</option> + <option + data-image-source="{{ url_for('static', filename='images/examples/mp_logotype_dark.webp') }}" + value="mp-logotype-dark" + >Mladé pirátstvo - logotyp, tmavé pozadí</option> </select> <section id="litomerice-corner" style="display:none">