Bachir Soussi Chiadmi 7 years ago
parent
commit
4639e456d7
8 changed files with 209 additions and 186 deletions
  1. 3 0
      .gitignore
  2. 0 0
      output/.keepme
  3. BIN
      output/images/model-00.jpg
  4. BIN
      output/images/model-01.jpg
  5. BIN
      output/images/model-02.png
  6. 0 183
      output/index.html
  7. 205 2
      sys/content.textile
  8. 1 1
      sys/tex2html.sh

+ 3 - 0
.gitignore

@@ -3,3 +3,6 @@ node_modules
 content/*
 !content/model
 !content/.stignore
+output/*
+!output/.keepme
+sys/content.textile

+ 0 - 0
output/.keepme


BIN
output/images/model-00.jpg


BIN
output/images/model-01.jpg


BIN
output/images/model-02.png


+ 0 - 183
output/index.html

@@ -1,183 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="generator" content="pandoc">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
-  <title></title>
-  <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-  <style type="text/css">
-  @font-face {
-    font-family: 'ola';
-    src: url("fonts/ola/olasans-webfont.eot");
-    src: url("fonts/ola/olasans-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ola/olasans-webfont.woff2") format("woff2"), url("fonts/ola/olasans-webfont.woff") format("woff"), url("fonts/ola/olasans-webfont.ttf") format("truetype");
-    font-weight: normal;
-    font-style: normal; }
-  
-  /* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2016 */
-  @font-face {
-    font-family: 'vollkorn';
-    src: url("fonts/volkorn/vollkorn-bold-webfont.woff2") format("woff2"), url("fonts/volkorn/vollkorn-bold-webfont.woff") format("woff");
-    font-weight: bold;
-    font-style: normal; }
-  
-  @font-face {
-    font-family: 'vollkorn';
-    src: url("fonts/volkorn/vollkorn-bolditalic-webfont.woff2") format("woff2"), url("fonts/volkorn/vollkorn-bolditalic-webfont.woff") format("woff");
-    font-weight: bold;
-    font-style: italic; }
-  
-  @font-face {
-    font-family: 'vollkorn';
-    src: url("fonts/volkorn/vollkorn-italic-webfont.woff2") format("woff2"), url("fonts/volkorn/vollkorn-italic-webfont.woff") format("woff");
-    font-weight: normal;
-    font-style: italic; }
-  
-  @font-face {
-    font-family: 'vollkorn';
-    src: url("fonts/volkorn/vollkorn-regular-webfont.woff2") format("woff2"), url("fonts/volkorn/vollkorn-regular-webfont.woff") format("woff");
-    font-weight: normal;
-    font-style: normal; }
-  
-  body {
-    font-family: 'vollkorn',sans-serif;
-    max-width: 100%;
-    height: 100%;
-    margin: 30px 0;
-    font-size: 14px; }
-  
-  h1, h2, h3, h4, h5, h6 {
-    font-family: 'ola',sans-serif;
-    margin: 0; }
-  
-  #main h1, #main h2 {
-    border: 2px solid #000;
-    padding: 5px;
-    display: inline-block;
-    position: absolute; }
-  
-  #main h1 {
-    padding: 5px 1rem;
-    top: 100px;
-    white-space: nowrap; }
-  
-  #main h2 {
-    top: 0;
-    white-space: nowrap;
-    padding: 5px 1rem;
-    font-size: 1rem; }
-  
-  p {
-    font-size: 1.5em; }
-  
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  li {
-    list-style: none; }
-  
-  img {
-    max-width: 100%; }
-  
-  code {
-    border: 1px solid #000;
-    padding: 5px; }
-  
-  header#header {
-    width: 18%;
-    min-width: 200px;
-    position: fixed;
-    padding: 0 1rem; }
-    header#header h1 {
-      font-size: 1rem;
-      border-bottom: 2px solid #000;
-      margin-bottom: 1em; }
-    header#header #menu li p {
-      margin-top: 0;
-      margin-bottom: 0.2em;
-      font-size: 1em; }
-    header#header #menu li a {
-      color: #000; }
-  
-  div.user {
-    position: relative;
-    width: 55%;
-    max-width: 800px;
-    margin: 0 auto 5rem auto; }
-    div.user header {
-      min-height: 200px; }
-    div.user .content {
-      border: 2px solid #000;
-      padding: 1rem;
-      width: 100%;
-      margin-bottom: 2rem; }
-    div.user section.images ul {
-      width: 105%; }
-      div.user section.images ul li {
-        line-height: 0;
-        margin: 1rem 0;
-        border: 2px solid #000; }
-        div.user section.images ul li img {
-          max-width: 100%;
-          width: 100%; }
-    div.user p img {
-      border: none; }
-  
-  @media print {
-    @page {
-      margin: 1cm;
-      size: A4; }
-    div.user {
-      width: 17cm;
-      margin-top: 2cm;
-      page-break-after: always;
-      max-width: 19cm; }
-      div.user p, div.user code {
-        page-break-inside: avoid; }
-      div.user section.images ul li {
-        page-break-inside: avoid;
-        margin-top: 1cm; } }
-  
-  </style>
-</head>
-<body>
-<header id='header'>
-<h1 id="ola3-documentation">OLA#3 Documentation</h1>
-<p><nav id='menu'></p>
-<ul>
-<li><a href="#content/model">content/model</a></li>
-</ul>
-<p></nav></p>
-</header>
-<section id='main'>
-<div id='content/model' class='user'>
-<section class='content'>
-<h1 id="le-nom-de-mon-animatique">Le nom de mon animatique</h1>
-<h2 id="monprenom-monnom">Monprenom Monnom</h2>
-<p>à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique</p>
-<p><img src="images/model-00.jpg" alt="" /></p>
-<p>Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso<br />
-puis ajouter cette ligne:</p>
-<pre><code>!images/nomdemonimage.jpeg!</code></pre>
-<p>Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.</p>
-</section>
-<section class='images'>
-<ul>
-<li><img src="images/model-01.jpg" alt="" /></li>
-</ul>
-</section>
-<section class='sources'>
-</section>
-</div>
-<div class="pagebreak">
-</div>
-</section>
-<script src="bower_components/jquery/dist/jquery.min.js" type="text/javascript"></script>
-<script src="js/jquery.line/jquery.line.js" type="text/javascript"></script>
-<script src="js/main.js" type="text/javascript"></script>
-</body>
-</html>

+ 205 - 2
sys/content.textile

@@ -5,11 +5,183 @@ h1. OLA#3 Documentation
 <nav id='menu'>
 
 
+* "content/bachir_soussi-chiadmi":#content/bachir_soussi-chiadmi
+* "content/claudie under":#content/claudie under
+* "content/dimitri_robert":#content/dimitri_robert
+* "content/emilie_coquard":#content/emilie_coquard
+* "content/louis_eveillard":#content/louis_eveillard
 * "content/model":#content/model
+* "content/sandrine_ripoll":#content/sandrine_ripoll
 
 </nav>
 </header>
 <section id='main'>
+<div id='content/bachir_soussi-chiadmi' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+h2. Monprenom Monnom
+
+à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
+
+!images/bachir_soussi-chiadmi-00.jpg!
+
+Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
+puis ajouter cette ligne:
+
+bc. !images/nomdemonimage.jpeg!
+
+Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.
+
+</section>
+<section class='images'>
+
+* !images/bachir_soussi-chiadmi-01.jpg!
+
+</section>
+<section class='sources'>
+
+
+</section>
+</div>
+<div class="pagebreak"></div>
+<div id='content/claudie under' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+h2. Monprenom Monnom
+
+à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
+
+!images/dimitri_robert-00.jpg!
+
+Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
+puis ajouter cette ligne:
+
+bc. !images/nomdemonimage.jpeg!
+
+Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.
+
+</section>
+<section class='images'>
+
+
+</section>
+<section class='sources'>
+
+
+</section>
+</div>
+<div class="pagebreak"></div>
+<div id='content/dimitri_robert' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+Dimitri Robert
+
+h2. Débuts avec Krita
+
+Menu clic-droit très pratique, on a un accès rapide aux outils essentiels
+
+!images/dimitri_robert-06.png!
+
+Le stabilisateur permet de réellement stabiliser le trait pour quand on est une bille en dessin.
+
+!images/Unnamed-–Krita-0001.png!
+
+Les outils Alchimie permettent de remplir automatiquement des surfaces.
+
+!images/Unnamed-–Krita-0002.png!
+
+Attention, comportement différent entre la gomme du stylet (outil Gomme simple) et le fait de presser la touche E qui transforme le comportement de l'outil actuel en gomme.
+
+Premier dessin de personnage, c'est un peu n'importe quoi...
+
+!images/Unnamed-–Krita-0003.png!
+
+
+</section>
+<section class='images'>
+
+* !images/dimitri_robert-00.jpg!
+* !images/dimitri_robert-01.jpg!
+* !images/dimitri_robert-02.png!
+* !images/dimitri_robert-03.png!
+* !images/dimitri_robert-04.png!
+* !images/dimitri_robert-05.png!
+
+</section>
+<section class='sources'>
+
+* "joujou.kra":sources/joujou.kra
+* "joujou.kra~":sources/joujou.kra~
+
+</section>
+</div>
+<div class="pagebreak"></div>
+<div id='content/emilie_coquard' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+h2. Emilie Coquard
+
+à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
+
+!images/louis_eveillard-01.jpg!
+
+Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
+puis ajouter cette ligne:
+
+bc. !images/nomdemonimage.jpeg!
+
+Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.
+
+</section>
+<section class='images'>
+
+
+</section>
+<section class='sources'>
+
+
+</section>
+</div>
+<div class="pagebreak"></div>
+<div id='content/louis_eveillard' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+h2. Monprenom Monnom
+
+à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
+
+!images/louis_eveillard-01.jpg!
+
+Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
+puis ajouter cette ligne:
+
+bc. !images/nomdemonimage.jpeg!
+
+Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.
+
+</section>
+<section class='images'>
+
+* !images/louis_eveillard-00.db!
+* !images/louis_eveillard-02.jpg!
+
+</section>
+<section class='sources'>
+
+
+</section>
+</div>
+<div class="pagebreak"></div>
 <div id='content/model' class='user'>
 <section class='content'>
 
@@ -19,7 +191,38 @@ h2. Monprenom Monnom
 
 à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
 
-!images/model-00.jpg!
+!images/model-01.jpg!
+
+Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
+puis ajouter cette ligne:
+
+bc. !images/nomdemonimage.jpeg!
+
+Toutes les images seront insérez automatiquement a la fin de votre description dans la documentation finale, sauf celle ajouté manuellement dans le texte.
+
+</section>
+<section class='images'>
+
+* !images/model-00.db!
+* !images/model-02.jpg!
+
+</section>
+<section class='sources'>
+
+
+</section>
+</div>
+<div class="pagebreak"></div>
+<div id='content/sandrine_ripoll' class='user'>
+<section class='content'>
+
+h1. Le nom de mon animatique
+
+h2. Monprenom Monnom
+
+à partir d'ici vous pouvez écrire le texte de description de votre projet d'aniamtique
+
+!images/sandrine_ripoll-00.jpg!
 
 Pour insérer des images, comme des shoot écrans de votre travail, commencez par les déposer dans le dossier images de votre dossier perso
 puis ajouter cette ligne:
@@ -31,7 +234,7 @@ Toutes les images seront insérez automatiquement a la fin de votre description
 </section>
 <section class='images'>
 
-* !images/model-01.jpg!
+* !images/sandrine_ripoll-01.jpg!
 
 </section>
 <section class='sources'>

+ 1 - 1
sys/tex2html.sh

@@ -27,7 +27,7 @@ echo "" > /tmp/summary
 echo "<section id='main'>" >> content.textile
 for i in ../content/*; do
   # if folder if not sys if not modele
-  if [ -d "$i" ]; then # && [ "$i" != "../model" ]; then
+  if [ -d "$i" ] && [ "$i" != "../model" ]; then
     # if readme exists
     if [ -f "$i/readme.textile" ]; then
       # user name