<%
let lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et.'
let data, data2
%>
<% data = {h:1} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
<%
data = {h:2, text:'avec un lien normal'}
data2 = {insert:include('./samples/a')};
%>
<%- include('./samples/h', data) %>
<%- include('./samples/p', data2) %>
<%- snippet(include('./samples/h', data)) %>
<%- include('./samples/snippet-p', data2) %>
<%
data = {h:3, text:'avec un lien externe'}
data2 = {insert: include('./samples/a', { blank: true })};
%>
<%- include('./samples/h', data) %>
<%- include('./samples/p', data2) %>
<%- snippet(include('./samples/h', data)) %>
<%- include('./samples/snippet-p', data2) %>
<% data = {h:4} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
Test de liste non ordonnée
<%
let ul = {
lis:[{
lis:[{}, {}, {}]
}, {text:lorem}, {}
]}
%>
<%- include('./samples/ul', ul);%>
<%- snippet(include('./samples/ul'));%>
Test de liste ordonnée
<%
let ol = {
lis:[{
lis:[{
lis:[{}, {}, {}]
}, {text:lorem}, {}]
}, {}, {}
]}
%>
<%- include('./samples/ol', ol);%>
<%- snippet(include('./samples/ol'));%>
<% data = {h:1, text: 'avec classe', classes: [prefix + '-h1']} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
<% data = {h:2, text: 'avec classe', classes: [prefix + '-h2']} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
<% data = {h:3, text: 'avec classe', classes: [prefix + '-h3']} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
<% data = {h:2, text: 'avec classe h4', classes: [prefix + '-h4']} %>
<%- include('./samples/h', data) %>
<%- include('./samples/p') %>
<%- snippet(include('./samples/h', data)) %>
<% let sizes = ['xl', 'lg', 'md', 'sm', 'xs']; %>
<% for (let i = 0; i < sizes.length; i++) {
data = {h:4, text: 'avec display ' + sizes[i], classes: [prefix + '-display-' + sizes[i]]};
%>
<%- include('./samples/h', data) %>
<%- snippet(include('./samples/h', data)) %>
<% } %>
Style chapo
<%
data = {size:'lead', insert: include('./samples/a', {blank: true})};
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style LG - text light
<%
data = {size:'lg', weight:'light'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style LG - text bold
<%
data = {size:'lg', weight:'bold'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style LG - text normal
<%
data = {size:'lg'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style SM
<%
data = {size:'sm'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style XS
<%
data = {size:'xs'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Liste avec le style de text lg
<%- include('./samples/ol');%>
Liste avec le style de text sm
<%- include('./samples/ol');%>
Spectral style LG
<%
data = {size:'lg', alt:true};
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Spectral style LG extrabold
<%
data = {size:'lg', alt:true, weight:'xx-bold', insert:'test balise strong'}
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Spectral style M
<%
data = {alt:true};
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Spectral style SM
<%
data = {size:'sm', alt:true};
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Style XS
<%
data = {size:'xs', alt:true};
%>
<%- include('./samples/p', data) %>
<%- include('./samples/snippet-p', data) %>
Test de plusieurs paragraphes
<%- include('./samples/p') %>
<%- include('./samples/p') %>
Avec un h4 au milieu
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/ul', ul);%>
<%- include('./samples/p') %>
Avec un h1 au milieu
<%- include('./samples/p') %>
<%- include('./samples/p') %>
Avec un h1 au milieu
Puis un h2 et un hr
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/p') %>
<%- include('./samples/p') %>