Display sponsor description only for platinium level sponsors

site/content/components/sponsor/index.md

@@ -9,7 +9,7 @@ Ce composant permet l’affichage des informations relatives à un sponsor. Il e
 
 ---
 
-## Platine
+## Sponsor Platine
 
 {{< example >}}
     {{% sponsor
@@ -25,7 +25,7 @@ Et elit reprehenderit ut cillum non magna aliquip aliqua eu pariatur in aute ali
     {{% /sponsor %}}
 {{< /example >}}
 
-## Or
+## Sponsor Or
 
 {{< example >}}
     {{% sponsor
@@ -34,14 +34,12 @@ Et elit reprehenderit ut cillum non magna aliquip aliqua eu pariatur in aute ali
         logo="acme.jpg"
         logoResizeOptions="300x"
         siteUrl="#"
+        hideDescription="true"
     %}}
-Eu culpa cupidatat mollit magna reprehenderit exercitation in. Officia tempor consequat velit minim Lorem eu nostrud. Enim do aute sunt nulla non et dolor. **Nulla incididunt** pariatur ullamco quis do et irure mollit esse eiusmod.
-
-Et elit reprehenderit ut cillum non magna aliquip aliqua eu pariatur in aute aliqua reprehenderit. Culpa ut ut ullamco anim. Labore in velit laboris Lorem. Culpa ea proident incididunt pariatur incididunt culpa. Quis officia ea enim ea Lorem esse commodo nostrud proident esse in tempor incididunt. Qui ullamco eiusmod aute ut cillum eiusmod exercitation.
     {{% /sponsor %}}
 {{< /example >}}
 
-## Argent
+## Sponsor Argent
 
 {{< example >}}
     {{% sponsor
@@ -50,37 +48,35 @@ Et elit reprehenderit ut cillum non magna aliquip aliqua eu pariatur in aute ali
         logo="acme.jpg"
         logoResizeOptions="300x"
         siteUrl="#"
+        hideDescription="true"
     %}}
-Eu culpa cupidatat mollit magna reprehenderit exercitation in. Officia tempor consequat velit minim Lorem eu nostrud. Enim do aute sunt nulla non et dolor. **Nulla incididunt** pariatur ullamco quis do et irure mollit esse eiusmod.
-
-Et elit reprehenderit ut cillum non magna aliquip aliqua eu pariatur in aute aliqua reprehenderit.
     {{% /sponsor %}}
 {{< /example >}}
 
-## Bronze
+## Sponsor Orateurs
 
 {{< example >}}
     {{% sponsor
-        niveau="bronze"
+        niveau="autre"
         name="ACME Corp"
         logo="acme.jpg"
         logoResizeOptions="300x"
         siteUrl="#"
+        hideDescription="true"
     %}}
-Eu culpa cupidatat mollit magna reprehenderit exercitation in. Officia tempor consequat velit minim Lorem eu nostrud. Enim do aute sunt nulla non et dolor. **Nulla incididunt** pariatur ullamco quis do et irure mollit esse eiusmod.
     {{% /sponsor %}}
 {{< /example >}}
 
-## Autre
+## Sponsor Bronze
 
 {{< example >}}
     {{% sponsor
-        niveau="autre"
+        niveau="bronze"
         name="ACME Corp"
         logo="acme.jpg"
         logoResizeOptions="300x"
         siteUrl="#"
+        hideDescription="true"
     %}}
-Eu culpa cupidatat mollit magna reprehenderit exercitation in. Officia tempor consequat velit minim Lorem eu nostrud. Enim do aute sunt nulla non et dolor. **Nulla incididunt** pariatur ullamco quis do et irure mollit esse eiusmod.
     {{% /sponsor %}}
-{{< /example >}}
+{{< /example >}}

site/content/modules/call-to-action.md

@@ -0,0 +1,15 @@
+---
+title: "Call to action"
+menu: "modules"
+---
+
+<hr />
+<section class="call-to-action">
+  <div class="call-to-action__content">
+    <p>Vous partagez nos valeurs, et vous souhaitez profiter d'une visibilité auprés de professionnels du web ?</p>
+  </div>
+  <div class="call-to-action__actions">
+    <a href="#" class="btn">Soutenez Paris Web</a>
+  </div>
+</section>
+<hr />

site/content/modules/sponsors/index.md

@@ -22,6 +22,7 @@ Ce module permet l’affichage d’un ensemble de [sponsors]({{< relref "/compon
   title="Sponsors Or"
   niveau="or"
   logoResizeOptions="200x"
+  hideDescription="true"
 >}}
 {{< /example >}}
 
@@ -30,22 +31,25 @@ Ce module permet l’affichage d’un ensemble de [sponsors]({{< relref "/compon
   title="Sponsors Argent"
   niveau="argent"
   logoResizeOptions="200x"
+  hideDescription="true"
 >}}
 {{< /example >}}
 
 {{< example >}}
 {{< sponsors-section
-  title="Sponsors Bronze"
-  niveau="bronze"
+  title="Sponsors Autre"
+  niveau="autre"
   logoResizeOptions="200x"
+  hideDescription="true"
 >}}
 {{< /example >}}
 
 {{< example >}}
 {{< sponsors-section
-  title="Sponsors Autre"
-  niveau="autre"
+  title="Sponsors Bronze"
+  niveau="bronze"
   logoResizeOptions="200x"
+  hideDescription="true"
 >}}
 {{< /example >}}
 

site/content/pages/sponsors/index.md

@@ -1,47 +1,54 @@
 ---
-title: "Ils nous soutiennent"
+title: "Sponsors"
 linktitle: "Nos partenaires"
 menu: "pages"
 layout: "page"
 ---
 
-Paris-Web met tous les ans tout en œuvre pour fournir une conférence de la meilleure qualité au meilleur prix. Et pour cela nous recevons l'aide de nos partenaires et soutiens.
-
-En échange d’une grande visibilité sur nos supports de communication, les partenaires nous fournissent les ressources qui nous manquent pour améliorer la qualité de l’évènement, et nous permettre de fournir plus de services aux personnes qui participent, et aux autres.
-
-**Vous désirez nous soutenir ?** Téléchargez le [dossier de partenariat pour Paris Web 2018](dossier de partenariat pour Paris Web 2018) et contactez-nous à l'adresse [[email protected]](mailto:[email protected]).
+Paris Web met tous Ies ans tout en æuvre pour fournir une conférence de Ia meilleure qualité au meilleur prix. Et pour cela, nous recevons ['aide de nos partenaires et soutiens. En échange d'une grande visibilité sur nos supports de communication, Ies partenaires nous fournissent Ies ressources qui nous manquent pour améliorer Ia qualité de I'événement, et nous permettre de fournir plus de services aux personnes qui participent, et aux autres.
 
 {{< sponsors-section
   title="Sponsor platine"
   niveau="platine"
   logoResizeOptions="600x"
 >}}
-
 {{< sponsors-section
-  title="Sponsors Or"
+  title="Partenaires Or"
   niveau="or"
   logoResizeOptions="450x"
+  hideDescription="true"
 >}}
-
 {{< sponsors-section
-  title="Sponsors Argent"
+  title="Partenaires Argent"
   niveau="argent"
   logoResizeOptions="350x"
+  hideDescription="true"
 >}}
-
 {{< sponsors-section
-  title="Sponsors Bronze"
-  niveau="bronze"
+  title="Partenaires Orateurs"
+  niveau="autre"
   logoResizeOptions="220x"
+  hideDescription="true"
 >}}
-
+<hr />
+<section class="call-to-action">
+  <div class="call-to-action__content">
+    <p>Vous partagez nos valeurs, et vous souhaitez profiter d'une visibilité auprés de professionnels du web ?</p>
+  </div>
+  <div class="call-to-action__actions">
+    <a href="#" class="btn">Soutenez Paris Web</a>
+  </div>
+</section>
+<hr />
 {{< sponsors-section
-  title="Autres Soutiens"
-  niveau="autre"
+  title="Partenaires Bronze"
+  niveau="bronze"
   logoResizeOptions="220x"
+  hideDescription="true"
 >}}
 
 
+
 <h2 class="separation">Soutenez Paris Web !</h2>
 
 Paris Web est un événement annuel unique à Paris : des conférences et des ateliers organisés par et pour les gens qui font le web dans un soucis de qualité et d'accessibilité. Vous partagez nos valeurs, et vous souhaitez profiter d’une visibilité auprès de professionnels du web ?

site/layouts/partials/sponsors/sponsor.html

@@ -1,16 +1,18 @@
 <div class="sponsor sponsor--{{ .Scratch.Get "niveau" }}">
   <div class="sponsor__logo">
-    <img width="{{ replace (.Scratch.Get "logoWidth") "x" "px" }}" src="{{ .Scratch.Get "logo" }}" alt="" />
+    <img src="{{ .Scratch.Get "logo" }}" alt="{{ if eq (.Scratch.Get "hideDescription") "true" }}{{- .Scratch.Get "name" -}}{{ end }}" />
   </div>
-  <div class="sponsor__description">
-    <h3>{{- .Scratch.Get "name" -}}</h3>
+  {{ if not (eq (.Scratch.Get "hideDescription") "true") }}
+    <div class="sponsor__description">
+      <h3>{{- .Scratch.Get "name" -}}</h3>
 
-    <div class="sponsor__content">
-      {{ (.Scratch.Get "description") | markdownify }}
-    </div>
+      <div class="sponsor__content">
+        {{ (.Scratch.Get "description") | markdownify }}
+      </div>
 
-    <a class="sponsor__link" href="{{- .Scratch.Get "siteUrl" -}}">
-      {{- .Scratch.Get "name" -}}
-    </a>
-  </div>
+      <a class="sponsor__link" href="{{- .Scratch.Get "siteUrl" -}}">
+        {{- .Scratch.Get "name" -}}
+      </a>
+    </div>
+  {{ end }}
 </div>

site/layouts/shortcodes/sponsor.html

@@ -2,6 +2,7 @@
 {{ $logo := (.Get "logo" | .Page.Resources.GetMatch).Resize $resizeOptions }}
 
 {{ .Scratch.Set "name" (.Get "name") }}
+{{ .Scratch.Set "hideDescription" (.Get "hideDescription") }}
 {{ .Scratch.Set "logo" $logo.Permalink }}
 {{ .Scratch.Set "description" .Inner }}
 {{ .Scratch.Set "siteUrl" (.Get "siteUrl") }}

site/layouts/shortcodes/sponsors-section.html

@@ -1,5 +1,6 @@
 {{ $niveau := .Get "niveau" }}
 {{ $resizeOptions := .Get "logoResizeOptions" }}
+{{ $hideDescription := .Get "hideDescription" }}
 <div class="sponsor-section sponsor-section--{{ $niveau }}">
   <h2 class="separation">{{ .Get "title" }}</h2>
 
@@ -21,6 +22,7 @@ <h2 class="separation">{{ .Get "title" }}</h2>
       {{ .Scratch.Set "description" .Params.description }}
       {{ .Scratch.Set "siteUrl" .Params.siteUrl }}
       {{ .Scratch.Set "niveau" $niveau }}
+      {{ .Scratch.Set "hideDescription" $hideDescription }}
       {{ partial "sponsors/sponsor" . }}
     {{ end }}
   </div>

src/css/main.css

@@ -34,6 +34,7 @@
 @import "components/video.css";
 @import "components/filters.css";
 @import "modules/algolia.css";
+@import "modules/call-to-action.css";
 @import "modules/direct-link.css";
 @import "modules/orateurs.css";
 @import "modules/footer.css";

src/css/modules/call-to-action.css

@@ -0,0 +1,17 @@
+.call-to-action__actions {
+  text-align: center;
+}
+
+@media screen and (min-width: 60ch) {
+  .call-to-action {
+    display: flex;
+    align-items: center;
+  }
+  .call-to-action__actions {
+    text-align: right;
+    min-width: 20ch;
+  }
+  .call-to-action__actions > :last-child {
+    margin-right: 0;
+  }
+}