Show more clearly campaign host (#327)

site/i18n/ca.toml

@@ -106,7 +106,7 @@ other= "Si són diners públics, el codi ha de ser públic. Dono suport a aquest
 
 # Legal Section
 [legal_by]
-other= "Aquesta és una campanya de la Free Software Foundation Europe"
+other= "Una campanya de la Free Software Foundation Europe"
 [legal_imprint]
 other= "Crèdits editorials"
 [legal_privacy]

site/i18n/da.toml

@@ -106,7 +106,7 @@ other= "Hvis det er offentlige penge, bør det også være offentlig kode. Jeg s
 
 # Legal Section
 [legal_by]
-other= "Dette er en kampagne fra Free Software Foundation Europe"
+other= "En kampagne fra Free Software Foundation Europe"
 [legal_imprint]
 other= "Kolofon"
 [legal_privacy]

site/i18n/en.toml

@@ -136,7 +136,7 @@ other= "If it is public money, it should be public code as well. I support this
 
 # Legal Section
 [legal_by]
-other= "This is a campaign by Free Software Foundation Europe"
+other= "A campaign by Free Software Foundation Europe"
 [legal_imprint]
 other= "Imprint"
 [legal_privacy]

site/i18n/es.toml

@@ -106,7 +106,7 @@ other= "Si es dinero público el código debería ser publico también. Yo acomp
 
 # Legal Section
 [legal_by]
-other= "Esta es una campaña de la Free Software Foundation Europe"
+other= "Una campaña de la Free Software Foundation Europe"
 [legal_imprint]
 other= "Imprimir"
 [legal_privacy]

site/i18n/fr.toml

@@ -116,7 +116,7 @@ other= "Si c’est de l’argent public, le code devrait être aussi public. Je
 
 # Legal Section
 [legal_by]
-other= "Ceci est une campagne menée par la Free Software Foundation Europe"
+other= "Une campagne menée par la Free Software Foundation Europe"
 [legal_imprint]
 other= "Imprint"
 [legal_privacy]

site/i18n/it.toml

@@ -136,7 +136,7 @@ other= "Se è denaro pubblico (public money), allora dovrebbe essere pubblico an
 
 # Legal Section
 [legal_by]
-other= "Questa è una campagna promossa da Free Software Foundation Europe"
+other= "Una campagna promossa da Free Software Foundation Europe"
 [legal_imprint]
 other= "Note legali"
 [legal_privacy]

site/i18n/nl.toml

@@ -104,7 +104,7 @@ other= "Als het publiek geld is, dan moet het ook publieke code zijn! Ik steun d
 
 # Legal Section
 [legal_by]
-other= "Dit is een compagne door Free Software Foundation Europe"
+other= "Een compagne door Free Software Foundation Europe"
 [legal_imprint]
 other= "Imprint"  # TODO
 [legal_privacy]

site/i18n/pt.toml

@@ -106,7 +106,7 @@ other= "Se se trata de dinheiro público, o código também deve ser público. E
 
 # Legal Section
 [legal_by]
-other= "Esta é uma campanha da Free Software Foundation Europe"
+other= "Uma campanha da Free Software Foundation Europe"
 [legal_imprint]
 other= "Aviso legal"
 [legal_privacy]

site/layouts/partials/functions/infotext.html

@@ -0,0 +1,9 @@
+<div class="infotext {{ .class }}">
+  <span>
+    {{- if in (i18n "legal_by") "Free Software Foundation Europe" -}}
+      {{ replace (i18n "legal_by") "Free Software Foundation Europe" "<a href='https://fsfe.org' target='_blank' class='hiddenlink'><img src='/img/fsfe-logo-cut.png' alt='FSFE logo' /></a>" | safeHTML }}
+    {{- else -}}
+      {{ i18n "legal_by" }} <a href='https://fsfe.org' target='_blank' class='hiddenlink'><img src='/img/fsfe-logo-cut.png' alt='FSFE logo' /></a>
+    {{- end -}}
+  </span>
+</div>

site/layouts/partials/start.html

@@ -1,5 +1,7 @@
 {{ "<!-- HEADER -->" | safeHTML }}
 <header>
+    <!-- infotext for desktop -->
+    {{ partial "functions/infotext.html" (dict "context" . "class" "desktop") }}
     <div class="header-content">
         <div class="header-content-inner">
             <div class="logo">
@@ -10,6 +12,9 @@
                 </h1>
             </div>
 
+            <!-- infotext for mobile -->
+            {{ partial "functions/infotext.html" (dict "context" . "class" "mobile") }}
+
             <hr />
             <p>{{ i18n "start_subtitle1" | markdownify }}
             <br /><br />

site/static/css/creative.css

@@ -315,7 +315,7 @@ header .header-content .header-content-inner p {
     text-shadow: 1px 1px 2px black;
 }
 
-@media(min-width:768px) {
+@media (min-width:768px) and (min-height:600px) {
     header {
         min-height: 100%;
     }

site/static/css/custom.css

@@ -460,6 +460,9 @@ a:hover {
   top: 13px;
   font-size: 19px;
 }
+header {
+  z-index: 1;
+}
 
 /* DEFINITION BOX */
 .definition {
@@ -501,6 +504,7 @@ a:hover {
   border-left: none;
   text-align: center;
   font-size: 1.1em;
+  z-index: 1;
 }
 @media screen and (max-width: 767px) {
   #action-box {
@@ -508,6 +512,36 @@ a:hover {
   }
 }
 
+/* "Campaign by" info text on start */
+.infotext.desktop {
+  display: none;
+}
+.infotext {
+  margin-top: 20px;
+}
+.infotext img {
+  max-height: 42px;
+  width: unset !important;
+  vertical-align: bottom;
+  display: inline !important;
+  margin: 0 !important;
+}
+@media (min-width:768px) {
+  .infotext.mobile {
+    display: none;
+  }
+  .infotext.desktop {
+    display: block;
+  }
+  .infotext {
+    position: absolute;
+    top: 80px;
+    right: 20px;
+    margin: 0;
+  }
+}
+
+
 .radio-filter-orgs label {
     margin-right:5%;
     position: relative;