Toevoegen van collection brightest voor Smaaklessen, voedseleducatie en schoolfruit

Op verzoek van WUR is aan Smaaklessen een nieuwe layout toegevoegd, collection brightest. Kolommen in de styling van banners (ronde hoeken) en met alle brand kleuren van smaaklessen, voedseleducatie, schoolfruit en de kleur tertiary.

De HTML voor deze layouts moet er als volgt uit zien:

collection brightest

html <div class="collection brightest"> <section> {{if not(title.test("empty='true'")) or title.test("inContextMode='true'")}}<h2><div class="titlecontainer incontextborder">{{title}}</div></h2>{{/if}} <div class="columns"> {{for container in content}} <div class="col">{{container.containercontent}}</div> {{/for}} </div> </section> </div>

collectio brightest color-brand--smaaklessen

html <div class="collection brightest color-brand--smaaklessen"> <section> {{if not(title.test("empty='true'")) or title.test("inContextMode='true'")}}<h2><div class="titlecontainer incontextborder">{{title}}</div></h2>{{/if}} <div class="columns"> {{for container in content}} <div class="col">{{container.containercontent}}</div> {{/for}} </div> </section> </div>

collection brightest color-brand--schoolfruit

html <div class="collection brightest color-brand--schoolfruit"> <section> {{if not(title.test("empty='true'")) or title.test("inContextMode='true'")}}<h2><div class="titlecontainer incontextborder">{{title}}</div></h2>{{/if}} <div class="columns"> {{for container in content}} <div class="col">{{container.containercontent}}</div> {{/for}} </div> </section> </div>

collection brightest color-brand--voedseleducatie

html <div class="collection brightest color-brand--voedseleducatie"> <section> {{if not(title.test("empty='true'")) or title.test("inContextMode='true'")}}<h2><div class="titlecontainer incontextborder">{{title}}</div></h2>{{/if}} <div class="columns"> {{for container in content}} <div class="col">{{container.containercontent}}</div> {{/for}} </div> </section> </div>

collection brightest color-brand--tertiary

html <div class="collection brightest color-tertiary"> <section> {{if not(title.test("empty='true'")) or title.test("inContextMode='true'")}}<h2><div class="titlecontainer incontextborder">{{title}}</div></h2>{{/if}} <div class="columns"> {{for container in content}} <div class="col">{{container.containercontent}}</div> {{/for}} </div> </section> </div>

Layout data definition

containercontent (action binnen de loop "content")

mode: rich text default value: "Inhoud"

title

mode: single line flat default value: "Titel"