cosmetic: Fix indentation

main
Mickaël Tansorier 8 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">K’Verne</a></li>
<li><a href="associations.html#BDE">BDE</a></li>
<li><a href="associations.html#KFET">K’Fet</a></li>
<li><a href="associations.html#KFET">K’Fet</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 l’EMSIM <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>K’Verne: Club de dégustation de l’ENSIM <span style="float: right;">2013-2014</span></li>
<li>BDE: Bureau Des Étudiant de l’ENSIM <span style="float: right;">2012-2013</span></li>
<li>K’Fet: Cafétéria de l’ENSIM <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 l’EMSIM <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>K’Verne: Club de dégustation de l’ENSIM <span style="float: right;">2013-2014</span></li>
<li>BDE: Bureau Des Étudiant de l’ENSIM <span style="float: right;">2012-2013</span></li>
<li>K’Fet: Cafétéria de l’ENSIM <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 d’illusion infinie – PIC16F87</a></li>
<li><a href="projet_perso-PIC.html#table_infini">Table d’illusion 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>J’ai réalisé plusieurs projets à base de microcontrôleur PIC de chez Microchip:</h3>
<p>
<ul class="default">
<li>Table d’illusion 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 d’illusion 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 l’association d’un miroir et d’un 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 l’association d’un miroir et d’un 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, j’ai utilisé un microcontrôleur PIC16F87.<br />
<h4>Partie électronique:</h4>
<p>
Pour la gestion lumineuse, j’ai utilisé un microcontrôleur PIC16F87.<br />
L’objectif 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 />
L’objectif 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 d’une guirlande de noël.<br />
Le microcontrôleur permet aussi de créer différents modes, un peu comme les différents modes d’une guirlande de noël.<br />
L’ensemble des 20 LEDs ont été branchées sur un PCB.
</p>
<div class="image centered" style="width: 623px; ">
L’ensemble 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>J’ai créé et j’administre 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