chapter2.html 10.1 KB
Newer Older
sauret's avatar
sauret committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<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>chapitre2</title>
  <style type="text/css">
      code{white-space: pre-wrap;}
      span.smallcaps{font-variant: small-caps;}
      span.underline{text-decoration: underline;}
      div.column{display: inline-block; vertical-align: top; width: 50%;}
  </style>



  <link href="pagedmedia/layout.css" rel="stylesheet" type='text/css'>
  <link href="pagedmedia/style.css" rel="stylesheet" type='text/css'>

  <!-- PAGED JS -->
  <script src="pagedmedia/paged.polyfill.js"></script>
  <link href="pagedmedia/interface-pagedjs.css" rel="stylesheet"/>
  <script src="pagedmedia/interface-paged.js" type="text/javascript"></script>

  <!-- FONT -->
  <link href="pagedmedia/fonts/alegreya-sans/stylesheet.css" rel="stylesheet"/>
  <link href="pagedmedia/fonts/gentium-basic/stylesheet.css" rel="stylesheet"/>

  <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
  <![endif]-->
</head>
<body>
<section id="couv" class="level1">
<h1>Couverture</h1>
<p>v0</p>
</section>
<section id="frontmatter" class="level1 frontmatter">
<h1>FrontMatter</h1>
<p>Contenu du front matter, on pourra mettre le pr&#233;ambule, notice et autre.</p>
</section>
<section id="forme-et-design" class="level1 chapter">
<h1>Forme et design</h1>
<p><span class="shorter">Forme et design</span></p>
<section id="frag1" class="level2 fragment">
<h2>Frag1</h2>
<section id="m" class="level3 main main-citation">
<h3>m</h3>
<blockquote>
<p>Onec tincidunt, odio vel vestibulum sollicitudin, <em>nibh dolor tempor sapien</em>, ac laoreet sem felis ut purus. Morbi cursus bibendum consectetur.</p>
</blockquote>
<p><span class="source">Pierre Paul</span></p>
</section>
<section id="g" class="level3 glose glose-slide">
<h3>g</h3>
<figure>
<img src="img/slide-01.jpg" alt="Pierre Paul" /><figcaption>Pierre Paul</figcaption>
</figure>
</section>
</section>
<section id="frag2" class="level2 fragment">
<h2>Frag2</h2>
<section id="m-1" class="level3 main main-slide">
<h3>m</h3>
<figure>
<img src="img/slide-02.png" alt="Julie Blanc, Lucile Haute" /><figcaption>Julie Blanc, Lucile Haute</figcaption>
</figure>
</section>
<section id="g-1" class="level3 glose glose-citation">
<h3>g</h3>
<blockquote>
<p>Ceci est une belle citation, il est possible de la <em>mettre en forme</em>.</p>
</blockquote>
<p><span class="source">Pierre Paul</span></p>
</section>
</section>
<section id="frag3" class="level2 fragment">
<h2>Frag3</h2>
<section id="m-2" class="level3 main main-citation-ext">
<h3>m</h3>
<p>Nulla gravida et nibh in elementum. Praesent iaculis eu erat eget sagittis. Curabitur ut neque id nulla dignissim vehicula eu in augue. Donec pulvinar, velit eu cursus rhoncus, mauris turpis venenatis leo, id malesuada tortor enim nec purus.</p>
<p><span class="caption">Tim Ingold, <em>Une br&#232;ve histoire des lignes</em>, 2010</span></p>
<p><span class="source">Jahjah et Jacquot</span></p>
</section>
<section id="g-2" class="level3 glose glose-biblio">
<h3>g</h3>
<p><span class="biblio-auteur">Tim Ingold</span>, <span class="biblio-titre">Une br&#232;ve histoire des lignes</span>, <span class="biblio-autre">Bruxelles : Zones sensibles, 2008</span></p>
</section>
</section>
<section id="frag4" class="level2">
<h2>Frag4</h2>
<p>oulipo Vestibulum velit massa, rhoncus non congue vitae, hendrerit eu metus. Donec lorem nisi, rutrum quis erat id, egestas iaculis ex. Pellentesque lacinia blandit dignissim. Nam at lorem finibus, facilisis orci eu, pellentesque enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce fermentum lorem quis finibus mattis. Vestibulum in ipsum cursus, mattis elit ut, sodales libero. Sed blandit iaculis ex, sit amet volutpat massa fringilla sed. Proin porta enim justo, sed hendrerit leo efficitur sit amet. Maecenas ultrices nunc ut mi convallis vestibulum. Morbi imperdiet blandit malesuada. Nulla rhoncus non turpis non gravida<a href="#fn1" class="footnote-ref" id="fnref1"><sup>1</sup></a>. Quisque cursus turpis urna, ac auctor nunc ullamcorper id.</p>
<p>Mauris at ligula id risus interdum cursus ut at massa. Fusce ut augue quis lacus maximus placerat at in quam. Ut id sem sed ipsum lobortis laoreet. Sed dictum sodales nisi. Fusce lacus nulla, maximus quis malesuada egestas, egestas ut nulla. Nulla id ultrices felis. Proin molestie quam nec varius vulputate. Nullam luctus sapien massa. Nullam ac dignissim leo. Cras at neque sed neque faucibus ultrices a quis dolor. Donec vestibulum elit sed augue porta, et imperdiet velit sodales. Suspendisse erat nibh, lacinia at varius sed, tempus vitae diam. Suspendisse potenti<a href="#fn2" class="footnote-ref" id="fnref2"><sup>2</sup></a>.</p>
<p>Praesent velit massa, placerat in risus vitae, commodo tempor lectus. Donec eget accumsan nisl, gravida ornare dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo vel metus vulputate lobortis. Cras ultricies sagittis metus, nec feugiat turpis rutrum iaculis. Nunc fermentum tristique erat et aliquam. Vivamus ut sagittis quam. Vestibulum fringilla iaculis euismod.</p>
</section>
<section id="frag5" class="level2">
<h2>Frag5</h2>
<section id="m-3" class="level3 main main-texte">
<h3>m</h3>
<p>Integer ipsum felis, tincidunt eu laoreet et, cursus ac quam. Nulla gravida et nibh in elementum. Praesent iaculis eu erat eget sagittis. Curabitur ut neque id nulla dignissim vehicula eu in augue. Donec pulvinar, velit eu cursus rhoncus, mauris turpis venenatis leo, id malesuada tortor enim nec purus. Donec tincidunt, odio vel vestibulum sollicitudin, nibh dolor tempor sapien, ac laoreet sem felis ut purus. Morbi cursus bibendum consectetur. Nullam vel lacus congue nibh pulvinar maximus sit amet eu risus. Curabitur semper odio mauris, nec imperdiet velit pharetra non.</p>
</section>
<section id="g-.glose-glose-slide" class="level3">
<h3>g {.glose glose-slide}</h3>
<figure>
<img src="img/slide-01.jpg" alt="Pierre Paul" /><figcaption>Pierre Paul</figcaption>
</figure>
</section>
</section>
<section id="frag6" class="level2">
<h2>Frag6</h2>
<section id="m-4" class="level3 main main-texte">
<h3>m</h3>
<p>Nullam vel lacus congue nibh pulvinar maximus sit amet eu risus. Curabitur semper odio mauris, nec imperdiet velit pharetra non. Aenean accumsan nulla ac ex iaculis interdum. Curabitur hendrerit lacinia arcu non consequat. Nulla ornare, nibh id fermentum pharetra, dolor ante laoreet ligula, id sodales nunc leo ut libero. Nam ut ipsum sit amet nunc dignissim porta vel sagittis nunc. Vestibulum convallis fringilla ante sit amet ultrices. Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem.</p>
</section>
116 117
<section id="g-3" class="level3 glose glose-texte">
<h3>g</h3>
sauret's avatar
sauret committed
118 119 120 121 122 123 124 125 126 127 128
<p>Aenean accumsan nulla ac ex iaculis interdum. Curabitur hendrerit lacinia arcu non consequat. Nulla ornare, nibh id fermentum pharetra, dolor ante laoreet ligula, id sodales nunc leo ut libero. Nam ut ipsum sit amet nunc dignissim porta vel sagittis nunc. Vestibulum convallis fringilla ante sit amet ultrices. Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem.</p>
</section>
</section>
<section id="frag7" class="level2">
<h2>Frag7</h2>
<section id="m-5" class="level3 main main-slide">
<h3>m</h3>
<figure>
<img src="slide-02.png" alt="Julie Blanc, Lucile Haute" /><figcaption>Julie Blanc, Lucile Haute</figcaption>
</figure>
</section>
129
<section id="g-4" class="level3 glose glose-texte">
sauret's avatar
sauret committed
130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148
<h3>g</h3>
<p>Aenean accumsan nulla ac ex iaculis interdum. Curabitur hendrerit lacinia arcu non consequat. Nulla ornare, nibh id fermentum pharetra, dolor ante laoreet ligula, id sodales nunc leo ut libero. Nam ut ipsum sit amet nunc dignissim porta vel sagittis nunc. Vestibulum convallis fringilla ante sit amet ultrices. Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem.</p>
</section>
</section>
</section>
<section id="section" class="level1">
<h1>&#8211;</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada lacus vehicula massa consequat, maximus faucibus libero laoreet. Nullam maximus, diam consectetur tincidunt gravida, ligula orci venenatis dolor, facilisis dignissim tellus libero vel turpis. Proin in elit mattis, egestas sapien eu, hendrerit est. Pellentesque aliquet dui non lorem pellentesque posuere. Donec et erat efficitur, vulputate erat vitae, rhoncus mi. Aliquam rhoncus sem libero, non luctus ex rutrum non. Proin ligula tortor, lacinia in urna et, suscipit lobortis dui. Praesent lacinia neque eget tincidunt sagittis. Nunc egestas dui ac gravida consequat. Nunc porta viverra massa quis pharetra.</p>
<p>Integer ipsum felis, tincidunt eu laoreet et, cursus ac quam. Nulla gravida et nibh in elementum. Praesent iaculis eu erat eget sagittis. Curabitur ut neque id nulla dignissim vehicula eu in augue. Donec pulvinar, velit eu cursus rhoncus, mauris turpis venenatis leo, id malesuada tortor enim nec purus. Donec tincidunt, odio vel vestibulum sollicitudin, nibh dolor tempor sapien, ac laoreet sem felis ut purus. Morbi cursus bibendum consectetur. Nullam vel lacus congue nibh pulvinar maximus sit amet eu risus. Curabitur semper odio mauris, nec imperdiet velit pharetra non. Aenean accumsan nulla ac ex iaculis interdum. Curabitur hendrerit lacinia arcu non consequat. Nulla ornare, nibh id fermentum pharetra, dolor ante laoreet ligula, id sodales nunc leo ut libero. Nam ut ipsum sit amet nunc dignissim porta vel sagittis nunc. Vestibulum convallis fringilla ante sit amet ultrices. Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem.</p>
</section>
<section class="footnotes">
<hr />
<ol>
<li id="fn1"><p>Nulla rhoncus non turpis non gravida. Quisque cursus turpis urna, ac auctor nunc ullamcorper id.<a href="#fnref1" class="footnote-back">&#8617;</a></p></li>
<li id="fn2"><p>Suspendisse erat nibh, lacinia at varius sed, tempus vitae diam. Suspendisse potenti.<a href="#fnref2" class="footnote-back">&#8617;</a></p></li>
</ol>
</section>
</body>
</html>