cosmetic: Fix indentation

main
Mickaël Tansorier 6 years ago
parent e779da4fb3
commit 92211456f9

@ -99,7 +99,7 @@
<li><a href="associations.html#AJC72">AJC72</a></li>
<li><a href="associations.html#KVERNE">KVerne</a></li>
<li><a href="associations.html#BDE">BDE</a></li>
<li><a href="associations.html#KFET">KFet</a></li>
<li><a href="associations.html#KFET">KFet</a></li>
</ul>
</section>
<hr />
@ -110,16 +110,17 @@
<article id="main">
<header>
<h3>Les associations sont importantes, soyont actif !</h3>
<p>
<ul class="default">
<li>SPHERE: Association des anciens de lEMSIM <span style="float: right;">2016-XXXX</span></li>
<li>BilurFest: Festival de Musique <span style="float: right;">2015-XXXX</span></li>
<li>AJC72: Antonnière Judo Club 72 <span style="float: right;">2007-XXXX</span></li>
<li>KVerne: Club de dégustation de lENSIM <span style="float: right;">2013-2014</span></li>
<li>BDE: Bureau Des Étudiant de lENSIM <span style="float: right;">2012-2013</span></li>
<li>KFet: Cafétéria de lENSIM <span style="float: right;">2012-2013</span></li>
</ul>
</p>
<p>
<ul class="default">
<li>Café Vie Privée: Collectif d'autodéfense et d'hygiène numérique<span style="float: right;">2019-XXXX</span></li>
<li>SPHERE: Association des anciens de lEMSIM <span style="float: right;">2016-XXXX</span></li>
<li>BilurFest: Festival de Musique <span style="float: right;">2015-XXXX</span></li>
<li>AJC72: Antonnière Judo Club 72 <span style="float: right;">2007-2016</span></li>
<li>KVerne: Club de dégustation de lENSIM <span style="float: right;">2013-2014</span></li>
<li>BDE: Bureau Des Étudiant de lENSIM <span style="float: right;">2012-2013</span></li>
<li>KFet: Cafétéria de lENSIM <span style="float: right;">2012-2013</span></li>
</ul>
</p>
</header>
<section id="SPHERE">

@ -84,7 +84,7 @@
<div class="container">
<div class="row 200%">
<!-- left part -->
<div class="2u 12u(mobile)" id="sidebar">
@ -94,8 +94,8 @@
<div class="8u 12u(mobile) important(mobile)" id="content">
<article id="main">
<header>
<p>
Vous pouvez me retrouver sur:
<p>
Vous pouvez me retrouver sur:
</p>
</header>

@ -94,10 +94,10 @@
<div class="8u 12u(mobile) important(mobile)" id="content">
<article id="main">
<header>
<p style="text-align: center">
Je suis ceinture noire 3ème Dan et enseignant de Judo Jujitsu.
</p>
<div class="image centered" style="width: 376px">
<p style="text-align: center">
Je suis ceinture noire 4ème Dan et enseignant de Judo Jujitsu.
</p>
<div class="image centered" style="width: 376px">
<img src="images/judo_3D.jpg" alt="Remise de mon 3ème Dan" />
</div>
</header>
@ -111,10 +111,10 @@
<ul class="default">
<li>DEJEPS: Diplôme dÉtat de la Jeunesse, de lÉducation Populaire et du Sport option Judo Jujitsu <span style="float: right;">2014</span></li>
<li>Arbitre évaluateur départemental <span style="float: right;">2014</span></li>
<li>Arbitre régional <span style="float: right;">2012</span></li>
<li>B.E.E.S 1°: Brevet dÉtat dÉducateur Sportif 1er Degré option Judo Jujitsu <span style="float: right;">2010</span></li>
<li>Assistant Club Judo Jujitsu <span style="float: right;">2008</span></li>
<li>Arbitre évaluateur départemental <span style="float: right;">2014</span></li>
<li>Arbitre régional <span style="float: right;">2012</span></li>
<li>B.E.E.S 1°: Brevet dÉtat dÉducateur Sportif 1er Degré option Judo Jujitsu <span style="float: right;">2010</span></li>
<li>Assistant Club Judo Jujitsu <span style="float: right;">2008</span></li>
</ul>
</section>

@ -93,7 +93,7 @@
<h3>Projets PIC</h3>
</header>
<ul class="leftmenu">
<li><a href="projet_perso-PIC.html#table_infini">Table dillusion infinie PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#table_infini">Table dillusion infinie PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#telecommande_IR">Télécommande infrarouge PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#feu_tricolore">Feu tricolore de présence PIC16F87</a></li>
</ul>
@ -106,16 +106,16 @@
<article id="main">
<header>
<h3>Jai réalisé plusieurs projets à base de microcontrôleur PIC de chez Microchip:</h3>
<p>
<ul class="default">
<li>Table dillusion infinie <span style="float: right;">2015</span></li>
<li>Télécommande infrarouge <span style="float: right;">2015</span></li>
<li>Feu tricolore de présence <span style="float: right;">2015</span></li>
</ul>
</p>
<p>
Ces projets sont décrits ci-dessous.
</p>
<p>
<ul class="default">
<li>Table dillusion infinie <span style="float: right;">2015</span></li>
<li>Télécommande infrarouge <span style="float: right;">2015</span></li>
<li>Feu tricolore de présence <span style="float: right;">2015</span></li>
</ul>
</p>
<p>
Ces projets sont décrits ci-dessous.
</p>
</header>
<section id="table_infini">
@ -139,37 +139,37 @@
<h4>Partie non électronique:</h4>
<p>
Le principe lumineux qui créer cette sensation de trou infini vient de lassociation dun miroir et dun miroir sans tain. Le miroir reflète la totalité de la lumière reçue, alors que le miroir sans tain reflète environ 70% de la lumière émise, le reste (les 30%) passe au travers.
<p>
Le principe lumineux qui créer cette sensation de trou infini vient de lassociation dun miroir et dun miroir sans tain. Le miroir reflète la totalité de la lumière reçue, alors que le miroir sans tain reflète environ 70% de la lumière émise, le reste (les 30%) passe au travers.
</p>
<div class="image centered" style="width: 623px">
<img src="images/projet_perso-PIC/table_infini_04.png" alt="Représentation de l'effet de réflexion lumineuse" />
</div>
<p>
Ainsi une partie de la lumière qui est reflétée plusieurs fois entre les deux miroirs (en rouge) ressort à un moment donné (en vert) pour venir jusquà nos yeux.<br />
<p>
Ainsi une partie de la lumière qui est reflétée plusieurs fois entre les deux miroirs (en rouge) ressort à un moment donné (en vert) pour venir jusquà nos yeux.<br />
Pour ce qui est de la construction, il faut une table, un miroir, une vitre avec un filtre sans tain, et un ensemble de baguettes servant à y mettre les différentes LED.
</p>
<div class="image centered" style="width: 217px">
Pour ce qui est de la construction, il faut une table, un miroir, une vitre avec un filtre sans tain, et un ensemble de baguettes servant à y mettre les différentes LED.
</p>
<div class="image centered" style="width: 217px">
<img src="images/projet_perso-PIC/table_infini_05.jpg" alt="Représentation de l'effet de réflexion lumineuse" />
</div>
<h4>Partie électronique:</h4>
<p>
Pour la gestion lumineuse, jai utilisé un microcontrôleur PIC16F87.<br />
<h4>Partie électronique:</h4>
<p>
Pour la gestion lumineuse, jai utilisé un microcontrôleur PIC16F87.<br />
Lobjectif de ce microcontrôleur est de fournir un signal modulé (PWM) afin de pouvoir faire varier la couleur émise par les différentes LEDs.<br />
Lobjectif de ce microcontrôleur est de fournir un signal modulé (PWM) afin de pouvoir faire varier la couleur émise par les différentes LEDs.<br />
Le microcontrôleur permet aussi de créer différents modes, un peu comme les différents modes dune guirlande de noël.<br />
Le microcontrôleur permet aussi de créer différents modes, un peu comme les différents modes dune guirlande de noël.<br />
Lensemble des 20 LEDs ont été branchées sur un PCB.
</p>
<div class="image centered" style="width: 623px; ">
Lensemble des 20 LEDs ont été branchées sur un PCB.
</p>
<div class="image centered" style="width: 623px; ">
<img src="images/projet_perso-PIC/table_infini_06.jpg" alt="Effet trou infini" style="width: 274 px; float: left; padding-right: 4px;" />
<img src="images/projet_perso-PIC/table_infini_07.jpg" alt="Effet trou infini" style="width: 337px;" />
</div>

@ -96,7 +96,7 @@
<li><a href="projet_perso-sites_web.html#TANSORIER">Site Personnel Tansorier</a></li>
<li><a href="projet_perso-sites_web.html#AJC72">Antonnière Judo Club 72</a></li>
<li><a href="projet_perso-sites_web.html#SMMP">Service Moules et Mécanique de Précision</a></li>
<li><a href="projet_perso-sites_web.html#CDJS">Forum pour le Comité Départemental de Judo de la Sarthe</a></li>
<li><a href="projet_perso-sites_web.html#CDJS">Forum pour le Comité Départemental de Judo de la Sarthe</a></li>
</ul>
</section>
<hr />
@ -107,14 +107,14 @@
<article id="main">
<header>
<h3>Jai créé et jadministre différents sites web:</h3>
<p>
<ul class="default">
<li>Site personnel Tansorier <span style="float: right;">2017-20XX</span></li>
<li>Antonnière Judo Club 72 (AJC72) <span style="float: right;">2009-20XX</span></li>
<li>Service Moules et Mécanique de Précision (SMMP) <span style="float: right;">2015</span></li>
<li>Forum du Comité Départemental de Judo de la Sarthe (CDJS) <span style="float: right;">2012</span></li>
</ul>
</p>
<p>
<ul class="default">
<li>Site personnel Tansorier <span style="float: right;">2017-20XX</span></li>
<li>Antonnière Judo Club 72 (AJC72) <span style="float: right;">2009-20XX</span></li>
<li>Service Moules et Mécanique de Précision (SMMP) <span style="float: right;">2015</span></li>
<li>Forum du Comité Départemental de Judo de la Sarthe (CDJS) <span style="float: right;">2012</span></li>
</ul>
</p>
</header>
<section id="TANSORIER">
@ -129,8 +129,8 @@
<img src="images/projet_perso-sites_web/site_tansorier.png" alt="Charge de travail de serveurs" />
</div>
<p>
<i><u>Technologies</u>: HTML — CSS</i><br />
<a href="https://github.com/mtansorier/website-helios.git" class="icon fa-github" title="GitHub"><span class="label">GitHub</span> Sources disponible sur GitHub</a>
<i><u>Technologies</u>: HTML — CSS</i><br />
<a href="https://github.com/mtansorier/website-helios.git" class="icon fa-github" title="GitHub"><span class="label">GitHub</span> Sources disponible sur GitHub</a>
</p>
</section>
@ -146,7 +146,7 @@
<img src="images/projet_perso-sites_web/site_ajc72.png" alt="Charge de travail de serveurs" />
</div>
<p>
<i><u>Technologies</u>: HTML — PHP — CSS — Javacript — Ajax — SQL — phpMyAdmin — captcha</i>
<i><u>Technologies</u>: HTML — PHP — CSS — Javacript — Ajax — SQL — phpMyAdmin — captcha</i>
</p>
</section>
@ -162,7 +162,7 @@
<img src="images/projet_perso-sites_web/site_smmp.png" alt="Charge de travail de serveurs" />
</div>
<p>
<i><u>Technologies</u>: HTML — PHP — CSS — captcha</i>
<i><u>Technologies</u>: HTML — PHP — CSS — captcha</i>
</p>
</section>
@ -178,7 +178,7 @@
<img src="images/projet_perso-sites_web/site_forum_cdjs.png" alt="Charge de travail de serveurs" />
</div>
<p>
<i><u>Technologies</u>: HTML — PHP — CSS — Javacript — SQL — phpMyAdmim</i>
<i><u>Technologies</u>: HTML — PHP — CSS — Javacript — SQL — phpMyAdmim</i>
</p>
</section>

@ -24,7 +24,7 @@
<!-- Inner -->
<div class="inner">
<header>
<h1><a href="index.html" id="logo">Projets professionnels</a></h1>
<h1><a href="projet_pro.html" id="logo">Projets professionnels</a></h1>
</header>
</div>

Loading…
Cancel
Save