Commit 02a80eb8 authored by Si Mon's avatar Si Mon 😓

change timeline content display logic to main hugo content

parent e973ccdd
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
logo: "fa-circle"
couleur: "vert"
image: ""
draft: false
---
---
title: "Dessin Dart"
date: 2019-01-22T12:35:50+01:00
logo: "fa-circle"
couleur: "vert"
image: "01.jpg"
draft: false
---
Je dessine l'article que je souhaite réaliser en réfléchissant à:
* Son style
* Sa forme
* Son "tombé" (souple/rigide)
* Ses proportions et dimensions
* Sa/ses couleur(s)
* Le type de cuir selon ce que je souhaite utiliser et qui semble le plus adapté aux effets recherchés (cuir de tannage végétal ou cuir tannage au chrome, cuir pleine fleur aniline, cuir semi-aniline, cuir gras, cuir pigmenté, ...)
* Ses finitions
* Ses accessoires
* Les montages nécessaires pour donner le rendu souhaité
* Éventuellement les accessoires que je pourrais créer pour s'accorder au sac et lui donner un cachet supplémentaire (ceinture, porte-clés...)
Cela me permet de commencer à bien m'imprégner du modèle et de son style pour préparer les étapes de travail suivantes.
Pour cette étape de création, j'aime beaucoup aller dessiner dans les cafés ou dans de jolis coins de nature... Aors que je réalise le reste des étapes dans mon atelier, par rapport aux outils que j'ai besoin d'utiliser.
de-fil-en-aiguille:
timeline:
- titre: Dessin d'art
lol: Quoi -cestça
# texte: "Je dessine l'article que je souhaite réaliser en réfléchissant à: -son style, -sa forme, -son "tombé" (souple/rigide), -ses proportions et dimensions, -sa/ses couleur(s), -le type de cuir selon ce que je souhaite utiliser et qui semble le plus adapté aux effets recherchés (cuir de tannage végétal ou cuir tannage au chrome, cuir pleine fleur aniniline, cuir semi-aninile, cuir gras, cuir pigmenté...), -ses finitions, -ses accessoires, -les montages nécessaires pour donner le rendu souhaité, -éventuellement les acessoires que je pourrais créer pour s'accorder au sac et lui donner un cachet suppléentaire (ceinture, porte-clés...). Cela me permet de commencer à bien m'imprégner du modèle et de son style pour préparer les étapes de travail suivantes. Pour cette étape de création, j'aime beaucoup aller dessiner dans les cafés ou dans de jolis coins de nature... Alors que je réalise le reste des étapes dans mon atelier, par rapport aux outils que j'ai besoin d'utiliser."
# weight: 1
# image: O1.jpg
# logo: fa-bug
# couleur: vert
<!DOCTYPE html>
<html>
<head>
{{ partial "head.html" . }}
</head>
<body>
{{ partial "header.html" . }}
{{ partial "global-header.html" . }}
<div id="timeline-wrapper">
<section id="cd-timeline" class="cd-container cssanimations">
{{ range .Pages }}
<div class="cd-timeline-block">
<div class="cd-timeline-img {{ .Params.couleur }}">
<i class="fa fa-2x {{ .Params.logo }}"></i>
</div><!-- cd-timeline-logo -->
<div class="cd-timeline-content">
<h2 class="post-title">{{ .Title }}</h2>
<p>{{ .Content | safeHTML | truncate 70 }}</p>
<button type="button" class="btn btn-main" data-toggle="modal" data-target="#modal{{ .UniqueID }}">Lire plus</button>
<span class="cd-date"><img src='{{ "img/timeline/" | absURL }}{{ .Params.image }}'/></span>
</div><!-- cd-timeline-content -->
<div class="modal fade" id="modal{{ .UniqueID }}" tabindex="-1" role="dialog" aria-labelledby="ModalLabel{{ .UniqueID }}" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel{{ .UniqueID }}">{{ .Title }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">{{ .Content }}</div>
</div>
</div>
</div>
</div>
{{ end }}
</section> <!-- cd-timeline -->
</div><!-- timeline-wrapper -->
{{ partial "footer.html" . }}
</body>
</html>
......@@ -34,68 +34,36 @@
</div>
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img rouge">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-movie.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2 class="post-title">Définition</h2>
<p>Des dimensions / mesures / proportions, en accord avec le <b>dessin d'art</b></p>
<a href="#0" class="btn btn-main">Lire la suite</a>
<span class="cd-date"><img src='{{ "img/timeline/" | absURL }}02.jpg'/></span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img jaune">
<i class="fa fa-bug fa-2x"></i>
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2 class="post-title">Nomenclature</h2>
<p>Je définis la liste des éléments nécessaires à la réalisation de l'article (ex: corps, soufflet, fond, boucle, rivet, ...)</p>
<a href="#0" class="btn btn-main">Lire la suite</a>
<span class="cd-date"><img src='{{ "img/timeline/" | absURL }}03.jpg'/></span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img rouge">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2 class="post-title">Dessin Technique</h2>
<p>Je réalise les dessins techniques des différentes vues et coupes de l'article.</p>
<a href="#0" class="btn btn-main">Lire la suite</a>
<span class="cd-date"><img src='{{ "img/timeline/" | absURL }}04.jpg'></span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img vert">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-location.svg" alt="Location">
</div> <!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2 class="post-title">Fiche de parages</h2>
<p>Le parage correspond à une opération de désépaississement du cuir sur un ou des rebords d'une pièce.</p>
<a href="#0" class="btn btn-main">Lire la suite</a>
<span class="cd-date"><img src='{{ "img/timeline/" | absURL }}05.jpg'></span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
{{ range .Pages.GroupBy "Section" }}
{{ .Title }}
<section id="cd-timeline" class="cd-container cssanimations">
<div class="cd-timeline-block">
<div class="cd-timeline-img {{ .couleur }}">
<i class="fa fa-2x {{ .logo }}">/<i>
</div><!-- cd-timeline-logo -->
<div class="cd-timeline-content">
<h2 class="post-tile">{{ .titre }}</h2>
<p>{{ .texte | safeHTML | truncate 20}}</p>
<button type="button" class="btn btn-main" data-toggle="modal" data-target="#modal{{ .weight }}">Lire plus</button>
<span class="cd-date"><img src='{{ "im/timeline/" | absURL }}{{ .image }}'/></span>
</div><!-- cd-timeline-content -->
<div class="modale fade" id="modal{{ .weight }}" tabeindex="-1" role="dialog" aria-labelledby="ModalLabel{{ .weight }}" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="ModalLabel{{ .weight }}">{{ .titre }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">{{ .texte }}</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img jaune">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-movie.svg" alt="Movie">
</div> <!-- cd-timeline-img -->
</div>
</div>
</div>
</section>
{{ end }}
<div class="cd-timeline-content">
<h2 class="post-title">Gamme de montage</h2>
<p>Je liste dans l'ordre chronologique les différentes étapes de montage de l'article.</p>
<span class="cd-date"></span>
</div> <!-- cd-timeline-content -->
</div> <!-- cd-timeline-block -->
</section> <!-- cd-timeline -->
</div><!-- timeline-wrapper -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment