Example – Slides

– var datas = { ‘strawberry’: ‘The garden strawberry (or simply strawberry /ˈstrɔːbᵊri/; Fragaria × ananassa) is a widely grown hybrid species of the genus Fragaria (collectively known as the strawberries)’, ‘banana’: ‘A banana is an edible fruit, botanically a berry, produced by several kinds of large herbaceous flowering plants in the genus Musa.’, ‘apple’: ‘The apple tree (Malus domestica) is a deciduous tree in the rose family best known for its sweet, pomaceous fruit, the apple. It is cultivated worldwide as a fruit tree, and is the most widely grown species in the genus Malus.’, ‘orange’: ‘The orange (specifically, the sweet orange) is the fruit of the citrus species Citrus × sinensis in the family Rutaceae.’} body div#scene #left-zone ul.list each val, index in datas li.item if index == “strawberry” input(type=”radio”, id=’radio_’ + val name=”basic_carousel” value=val checked) else input(type=”radio”, id=’radio_’ + val name=”basic_carousel” value=val) label(for=’radio_’ + val, class=’label_’ + index) | #{index} div(class=’content content_’ + index) span(class=’picto’) h1 | #{index} p | #{val} #middle-border #right-zone