47 lines
2.4 KiB
Text
47 lines
2.4 KiB
Text
<% content_for :title, "Charte Kluk" %>
|
||
<article class="texte">
|
||
<h1>Charte graphique Kluk</h1>
|
||
<p><em>Les composants de la charte, rendus par les partials de app/views/charte.</em></p>
|
||
|
||
<p>Texte courant en Atkinson Hyperlegible Next, avec <a href="#">un lien souligné de vert</a>, du <strong>gras</strong>, de l’<em>italique</em> et du <code>code</code>.</p>
|
||
|
||
<p><%= render "charte/bouton", texte: "Bouton principal", href: "#" %></p>
|
||
<p><%= render "charte/bouton", texte: "Petit bouton", href: "#", petit: true %></p>
|
||
|
||
<%= render "charte/tasses" %>
|
||
|
||
<h2>Intertitre de section</h2>
|
||
<p>Les intertitres ménagent un grand espace au-dessus d’eux pour découper la page en respirations.</p>
|
||
|
||
<%= render "charte/exergue", texte: "Une phrase mise en exergue, en serif, soulignée d’un trait orange." %>
|
||
|
||
<%= render "charte/photo", src: "croisiere.jpg", alt: "Photo d’exemple", legende: "Légende facultative sous la photo." %>
|
||
<%= render "charte/photo_attente", description: "Description de la photo attendue." %>
|
||
|
||
<%= render "charte/calendrier", jours: "vvovvvg vvvvovv ovvrvvv vvgvvvo ovvvvvv rrovrrr rorrvvo gvggggg gggvggg gogggvg ggoggvg vvgvvvv ovvvovv vrvvvov vvvvovv ovvgvvv vvovvrv vvvovvv vgvvvvo vvvvovv" %>
|
||
|
||
<%= form_with url: "#", class: "formulaire", data: { turbo: false } do |f| %>
|
||
<%= render "charte/champ", form: f, attribut: :email, libelle: "Votre adresse mail", precision: "(obligatoire)" do %>
|
||
<%= f.email_field :email, autocomplete: "email" %>
|
||
<% end %>
|
||
<%= render "charte/champ", form: f, attribut: :mot_de_passe, libelle: "Mot de passe" do %>
|
||
<%= f.password_field :mot_de_passe %>
|
||
<% end %>
|
||
<%= render "charte/champ", form: f, attribut: :message, libelle: "Un mot, une idée, une question ?", precision: "(facultatif)" do %>
|
||
<%= f.text_area :message, rows: 5 %>
|
||
<% end %>
|
||
<%= render "charte/formulaire_erreur", messages: ["Message d’erreur du formulaire."] %>
|
||
<%= f.submit "Envoyer", class: "bouton" %>
|
||
<% end %>
|
||
|
||
<h2>Bulma aux couleurs de la charte</h2>
|
||
<div class="buttons">
|
||
<a class="button is-primary" href="#">is-primary</a>
|
||
<a class="button is-link" href="#">is-link</a>
|
||
<a class="button is-light" href="#">is-light</a>
|
||
</div>
|
||
<p class="title is-4">Titre Bulma</p>
|
||
<div class="notification is-danger">Notification is-danger</div>
|
||
|
||
<%= render "charte/note", texte: "Une note discrète en fin de page." %>
|
||
</article>
|