Home Explore Help
Sign In
bachir
/
ola4doc
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

update

Bachir Soussi Chiadmi 7 years ago
parent
d12e3f6420
commit
4639e456d7
8 changed files with 209 additions and 186 deletions
Unified View Show Diff Stats
  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
View File 

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

+ 0 - 0
output/.keepme
View File


BIN
output/images/model-00.jpg
View File


BIN
output/images/model-01.jpg
View File


BIN
output/images/model-02.png
View File


+ 0 - 183
output/index.html
View File 

@@ -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
View File 

@@ -5,11 +5,183 @@ h1. OLA#3 Documentation
 
 <nav id='menu'>
 
 <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/model":#content/model
 
+* "content/sandrine_ripoll":#content/sandrine_ripoll
 
 
 
 </nav>
 
 </nav>
 
 </header>
 
 </header>
 
 <section id='main'>
 
 <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'>
 
 <div id='content/model' class='user'>
 
 <section class='content'>
 
 <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
 
 à 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
 
 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:
 
 puis ajouter cette ligne:
 
@@ -31,7 +234,7 @@ Toutes les images seront insérez automatiquement a la fin de votre description
 
 </section>
 
 </section>
 
 <section class='images'>
 
 <section class='images'>
 
 
 
-* !images/model-01.jpg!
 
+* !images/sandrine_ripoll-01.jpg!
 
 
 
 </section>
 
 </section>
 
 <section class='sources'>
 
 <section class='sources'>

+ 1 - 1
sys/tex2html.sh
View File 

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