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

@ -94,8 +94,8 @@
<div class="8u 12u(mobile) important(mobile)" id="content"> <div class="8u 12u(mobile) important(mobile)" id="content">
<article id="main"> <article id="main">
<header> <header>
<p> <p>
Vous pouvez me retrouver sur: Vous pouvez me retrouver sur:
</p> </p>
</header> </header>

@ -94,10 +94,10 @@
<div class="8u 12u(mobile) important(mobile)" id="content"> <div class="8u 12u(mobile) important(mobile)" id="content">
<article id="main"> <article id="main">
<header> <header>
<p style="text-align: center"> <p style="text-align: center">
Je suis ceinture noire 3ème Dan et enseignant de Judo Jujitsu. Je suis ceinture noire 4ème Dan et enseignant de Judo Jujitsu.
</p> </p>
<div class="image centered" style="width: 376px"> <div class="image centered" style="width: 376px">
<img src="images/judo_3D.jpg" alt="Remise de mon 3ème Dan" /> <img src="images/judo_3D.jpg" alt="Remise de mon 3ème Dan" />
</div> </div>
</header> </header>
@ -111,10 +111,10 @@
<ul class="default"> <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>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 évaluateur départemental <span style="float: right;">2014</span></li>
<li>Arbitre régional <span style="float: right;">2012</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>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>Assistant Club Judo Jujitsu <span style="float: right;">2008</span></li>
</ul> </ul>
</section> </section>

@ -93,7 +93,7 @@
<h3>Projets PIC</h3> <h3>Projets PIC</h3>
</header> </header>
<ul class="leftmenu"> <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#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> <li><a href="projet_perso-PIC.html#feu_tricolore">Feu tricolore de présence PIC16F87</a></li>
</ul> </ul>
@ -106,16 +106,16 @@
<article id="main"> <article id="main">
<header> <header>
<h3>Jai réalisé plusieurs projets à base de microcontrôleur PIC de chez Microchip:</h3> <h3>Jai réalisé plusieurs projets à base de microcontrôleur PIC de chez Microchip:</h3>
<p> <p>
<ul class="default"> <ul class="default">
<li>Table dillusion infinie <span style="float: right;">2015</span></li> <li>Table dillusion infinie <span style="float: right;">2015</span></li>
<li>Télécommande infrarouge <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> <li>Feu tricolore de présence <span style="float: right;">2015</span></li>
</ul> </ul>
</p> </p>
<p> <p>
Ces projets sont décrits ci-dessous. Ces projets sont décrits ci-dessous.
</p> </p>
</header> </header>
<section id="table_infini"> <section id="table_infini">
@ -139,37 +139,37 @@
<h4>Partie non électronique:</h4> <h4>Partie non électronique:</h4>
<p> <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. 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> </p>
<div class="image centered" style="width: 623px"> <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" /> <img src="images/projet_perso-PIC/table_infini_04.png" alt="Représentation de l'effet de réflexion lumineuse" />
</div> </div>
<p> <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 /> 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. 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> </p>
<div class="image centered" style="width: 217px"> <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" /> <img src="images/projet_perso-PIC/table_infini_05.jpg" alt="Représentation de l'effet de réflexion lumineuse" />
</div> </div>
<h4>Partie électronique:</h4> <h4>Partie électronique:</h4>
<p> <p>
Pour la gestion lumineuse, jai utilisé un microcontrôleur PIC16F87.<br /> 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. Lensemble des 20 LEDs ont été branchées sur un PCB.
</p> </p>
<div class="image centered" style="width: 623px; "> <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_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;" /> <img src="images/projet_perso-PIC/table_infini_07.jpg" alt="Effet trou infini" style="width: 337px;" />
</div> </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#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#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#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> </ul>
</section> </section>
<hr /> <hr />
@ -107,14 +107,14 @@
<article id="main"> <article id="main">
<header> <header>
<h3>Jai créé et jadministre différents sites web:</h3> <h3>Jai créé et jadministre différents sites web:</h3>
<p> <p>
<ul class="default"> <ul class="default">
<li>Site personnel Tansorier <span style="float: right;">2017-20XX</span></li> <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>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>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> <li>Forum du Comité Départemental de Judo de la Sarthe (CDJS) <span style="float: right;">2012</span></li>
</ul> </ul>
</p> </p>
</header> </header>
<section id="TANSORIER"> <section id="TANSORIER">
@ -129,8 +129,8 @@
<img src="images/projet_perso-sites_web/site_tansorier.png" alt="Charge de travail de serveurs" /> <img src="images/projet_perso-sites_web/site_tansorier.png" alt="Charge de travail de serveurs" />
</div> </div>
<p> <p>
<i><u>Technologies</u>: HTML — CSS</i><br /> <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> <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> </p>
</section> </section>
@ -146,7 +146,7 @@
<img src="images/projet_perso-sites_web/site_ajc72.png" alt="Charge de travail de serveurs" /> <img src="images/projet_perso-sites_web/site_ajc72.png" alt="Charge de travail de serveurs" />
</div> </div>
<p> <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> </p>
</section> </section>
@ -162,7 +162,7 @@
<img src="images/projet_perso-sites_web/site_smmp.png" alt="Charge de travail de serveurs" /> <img src="images/projet_perso-sites_web/site_smmp.png" alt="Charge de travail de serveurs" />
</div> </div>
<p> <p>
<i><u>Technologies</u>: HTML — PHP — CSS — captcha</i> <i><u>Technologies</u>: HTML — PHP — CSS — captcha</i>
</p> </p>
</section> </section>
@ -178,7 +178,7 @@
<img src="images/projet_perso-sites_web/site_forum_cdjs.png" alt="Charge de travail de serveurs" /> <img src="images/projet_perso-sites_web/site_forum_cdjs.png" alt="Charge de travail de serveurs" />
</div> </div>
<p> <p>
<i><u>Technologies</u>: HTML — PHP — CSS — Javacript — SQL — phpMyAdmim</i> <i><u>Technologies</u>: HTML — PHP — CSS — Javacript — SQL — phpMyAdmim</i>
</p> </p>
</section> </section>

@ -24,7 +24,7 @@
<!-- Inner --> <!-- Inner -->
<div class="inner"> <div class="inner">
<header> <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> </header>
</div> </div>

Loading…
Cancel
Save