132 lines
3.4 KiB
HTML
132 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Hadoly's logo</title>
|
|
<link href="css/reset.css" rel="stylesheet" />
|
|
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=1024" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<link rel="shortcut icon" href="css/favicon.png" />
|
|
<link rel="apple-touch-icon" href="css/apple-touch-icon.png" />
|
|
<!-- Code Prettifier: -->
|
|
<link href="css/highlight.css" type="text/css" rel="stylesheet" />
|
|
<script type="text/javascript" src="js/highlight.pack.js"></script>
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
|
|
<link href="css/style.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="fallback-message">
|
|
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
|
|
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
|
|
</div>
|
|
<div id="impress">
|
|
<div class='step' id="sommaire" data-scale="20">
|
|
</div>
|
|
<div class='step' data-x="-1000" data-y="-1500">
|
|
|
|
<h1>Proposition logo</h1>
|
|
|
|
<blockquote>
|
|
<p>Conseil stratégique
|
|
<strong><em>Réunion du 19 Janvier 2016</em></strong></p>
|
|
</blockquote>
|
|
</div>
|
|
<div class='step' data-x="0" data-y="-1500">
|
|
|
|
<h2>Première réflexion</h2>
|
|
|
|
<ul>
|
|
<li>inkscape</li>
|
|
<li>puzzle</li>
|
|
<li>assemblage</li>
|
|
<li>brique logicielle</li>
|
|
<li>lien social</li>
|
|
</ul>
|
|
</div>
|
|
<div class='step' data-x="1000" data-y="-1500">
|
|
|
|
<h2>Forme de base</h2>
|
|
|
|
<ul>
|
|
<li>conception simple</li>
|
|
<li>assemblage à l'infini</li>
|
|
<li>déclinable en coloris</li>
|
|
</ul>
|
|
</div>
|
|
<div class='step' data-x="1000" data-y="-1500">
|
|
|
|
<p><img src="./images/1.couleur.bleue.hadoly.svg" alt="élément"></p>
|
|
</div>
|
|
<div class='step' data-x="1000" data-y="-1500">
|
|
|
|
<p><img src="./images/2.couleur.rouge.hadoly.svg" alt="2"></p>
|
|
|
|
<h2>Choisir la palette de couleur</h2>
|
|
</div>
|
|
<div class='step' data-x="1000" data-y="-500">
|
|
|
|
<h2>Bifurcation dans le projet</h2>
|
|
|
|
<p><img src="./images/3.assemblage.hadoly.svg" alt="3"></p>
|
|
|
|
<p>rotation d'une pièce pour obtenir une réorientation du projet</p>
|
|
</div>
|
|
<div class='step' data-x="0" data-y="-500">
|
|
|
|
<h2>Identifier le projet H</h2>
|
|
|
|
<p><img src="./images/4.unH.hadoly.svg" alt="4"></p>
|
|
|
|
<p><em>...Avec son logo.</em></p>
|
|
</div>
|
|
<div class='step' data-x='-1000' data-y='-500'>
|
|
|
|
<h2>Multiplier nos compétences</h2>
|
|
|
|
<p><img src="./images/5.desH.hadoly.svg" alt="5"></p>
|
|
</div>
|
|
<div class='step' data-x="-1000" data-y="0" data-rotate="90">
|
|
|
|
<h2>Le logo HADOLY</h2>
|
|
|
|
<p><img src="./images/6.HADOLY.hadoly.svg" alt="6"></p>
|
|
</div>
|
|
<div class='step' data-x="-1000" data-y="0" data-rotate="180">
|
|
|
|
<h2>Hadoly en vert</h2>
|
|
|
|
<p><img src="./images/7.HADOLY.vert.hadoly.svg" alt="7"></p>
|
|
</div>
|
|
<div class='step' data-rotate-x="90" data-rotate="90">
|
|
|
|
<h2>Changer le plan</h2>
|
|
|
|
<p><img src="./images/8.copain.hadoly.svg" alt="8"></p>
|
|
|
|
<p><em>...avec des copains</em></p>
|
|
</div>
|
|
<div class='step' data-rotate-y="90">
|
|
|
|
<h2>Changer d'appli</h2>
|
|
|
|
<p><img src="./images/9.appli.hadoly.svg" alt="9"></p>
|
|
|
|
<p><em>...?</em></p>
|
|
</div>
|
|
<div class='step' id="fin" data-scale="10">
|
|
|
|
<blockquote>
|
|
<p><img src="./images/favicon.svg" alt="favicon">
|
|
le projet Hadoly</p>
|
|
</blockquote>
|
|
|
|
</div>
|
|
<script src="js/impress.js"></script>
|
|
<script>impress().init();</script>
|
|
</body>
|
|
</html>
|
|
|