Merge pull request #5972 from gmartin7/BL-12396Guatemala1

[5.4] BL-12396 Guatemala branding #1 (#5972)

Co-Authored-By: Gordon Martin <gordon_martin@sil.org>

Author: gmartin7

src/content/branding/Guatemala-RTI-GBEQT/LOGO_MINEDUC_2023.svg

@@ -0,0 +1,94 @@
+@import "../branding-base.less";
+
+// I made a branding-common.less file, because there are 2 similar Guatemala brandings being created at the same time.
+@TopLogoMarginOffset: 2rem;
+@BottomLogoMarginOffset: 3rem;
+
+p {
+    margin-bottom: 1em;
+}
+
+.credits-page-branding-top-block {
+    display: flex;
+    flex-direction: column;
+
+    .credits-page-branding-top-logo-block {
+        display: flex;
+        flex-direction: row;
+        max-height: 75px;
+        justify-content: space-between;
+
+        // This is the top of the credits page, where we put the logos. There is a top left and a top right nested
+        // inside of the top logo section.
+        .credits-page-branding-top-logo-right,
+        .credits-page-branding-top-logo-left {
+            width: calc(50% + @TopLogoMarginOffset);
+            display: flex;
+            max-width: 300px; // in case of large page sizes, we don't want the logos to get carried away
+        }
+
+        // Move the logos toward the left and right edges of the page.
+        .credits-page-branding-top-logo-left {
+            margin-left: -@TopLogoMarginOffset;
+            align-content: flex-start;
+            img.branding {
+                margin-left: unset;
+            }
+        }
+
+        .credits-page-branding-top-logo-right {
+            margin-right: -@TopLogoMarginOffset;
+            align-content: flex-end;
+            img.branding {
+                margin-right: unset;
+            }
+        }
+    }
+}
+
+.marginBox [data-book="credits-page-branding-bottom-html"] {
+    margin: 0 -@BottomLogoMarginOffset; // enlarge bottom logo to fill the space better
+    margin-top: auto;
+}
+
+// NOTE. The existence of this selector tells XMatterHelper that we can handle device layout, so don't revert to a specialized one.
+.Device16x9Portrait,
+.Device16x9Landscape {
+    &.credits {
+        .marginBox {
+            left: 10px !important;
+            height: calc(100% - 8mm) !important;
+            .credits-page-branding-top-block {
+                padding-top: unset;
+                font-size: 8pt; // otherwise we'll never fit in all the text.
+                img {
+                    max-width: 100%;
+                }
+                .credits-page-branding-top-logo-left {
+                    margin-left: unset;
+                }
+                .credits-page-branding-top-logo-right {
+                    margin-right: unset;
+                }
+            }
+            .licenseDescription,
+            .licenseNotes {
+                font-size: 8pt; // otherwise we'll never fit in all the text.
+            }
+            [data-book="credits-page-branding-bottom-html"] {
+                margin: unset;
+            }
+        }
+    }
+}
+
+.Device16x9Landscape {
+    &.credits {
+        .marginBox {
+            .copyright,
+            .licenseBlock {
+                margin-bottom: 0; // Device landscape is especially limited in vertical space.
+            }
+        }
+    }
+}

src/content/branding/Guatemala-RTI-GBEQT/Logos-Consorcio-BEQT-Without-USAID.svg

@@ -0,0 +1,34 @@
+{
+    "presets": [
+        {
+            "data-book": "copyright",
+            "lang": "*",
+            "content": "Ministerio de Educación de Guatemala y USAID",
+            "condition": "ifEmpty"
+        },
+        {
+            "data-book": "credits-page-branding-top-html",
+            "lang": "*",
+            "content": "<div class='credits-page-branding-top-block'><div class='credits-page-branding-top-logo-block'><div class='credits-page-branding-top-logo-left'><img class='branding' src='LOGO_MINEDUC_2023.svg'/></div><div class='credits-page-branding-top-logo-right'><img class='branding' src='USAID_Horiz_Spanish.svg'/></div></div><div class='credits-page-branding-top-text-block' lang='en'><p>Este libro fue posible gracias al generoso apoyo del pueblo de los Estados Unidos, a través de la Agencia de los Estados Unidos para el Desarrollo Internacional (USAID). El contenido de este documento es responsabilidad de los autores y no necesariamente refleja el punto de vista de USAID o del gobierno de los Estados Unidos.</p><p>La producción de este libro fue realizada bajo el programa Educación Básica de Calidad para la Transición, de RTI International y USAID.</p></div></div>",
+            "condition": "always"
+        },
+        {
+            "data-book": "credits-page-branding-bottom-html",
+            "lang": "*",
+            "content": "<img class='branding' src='Logos-Consorcio-BEQT-Without-USAID.svg'/>",
+            "condition": "always"
+        },
+        {
+            "data-book": "licenseUrl",
+            "lang": "*",
+            "content": "http://creativecommons.org/licenses/by-nc-sa/4.0/",
+            "condition": "always"
+        },
+        {
+            "data-book": "outside-back-cover-branding-bottom-html",
+            "lang": "*",
+            "content": "<img class='branding' src='made-with-bloom-badge.svg'/>",
+            "condition": "always"
+        }
+    ]
+}

src/content/branding/Guatemala-RTI-GBEQT/Logos_Consorcio_BEQT_USAID.svg

@@ -0,0 +1,6 @@
+@import "../branding-base.less";
+@import "./branding-common.less";
+
+.credits-page-branding-top-logo-right img.branding {
+    height: 70%; // otherwise USAID logo is bigger than the Government of Guatemala logo
+}