<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>Most recently edited</title>
		<link>http://insurrection-du-chaos.wikidot.com</link>
		<description>Bienvenue au début d&#039;une nouvelle ère de l&#039;humanité.</description>
				<copyright></copyright>
		<lastBuildDate>Sun, 08 Mar 2026 07:54:24 +0000</lastBuildDate>
		
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/04-001-v</guid>
				<title>04-001-β</title>
				<link>http://insurrection-du-chaos.wikidot.com/04-001-v</link>
				<description>

&lt;div style=&quot;text-align: right;&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;th colspan=&quot;2&quot;&gt;04-001-β&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Objet :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Le nano-scanner Alpha-Oméga&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Taille :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;22,1 x 12,5&amp;#160;cm&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Type :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Technologie avancée&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Vivant :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Non&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Conscient :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Non&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Equipement/armes requis&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Aucun&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Localisation :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Base-02 de l&#039;Insurrection du Chaos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;Anomalie signalée :&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;Fluctuation énergétique instable&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;&lt;strong&gt;Utilisation&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;L&#039;Objet utilise des ondes quantiques et des nano-robots pour sceller des blessures au niveau moléculaire.&lt;br /&gt;
Son fonctionnement est en trois étapes principales :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;L&#039;analyse moléculaire : Lorsqu&#039;il est activé, le scanner projette un rayon lumineux qui analyse en profondeur le sujet blessé. L’écran holographique affiche un schéma détaillé du corps, en identifiant les dommages subis au niveau moléculaire, qu’il s’agisse de tissus, d’organes ou même d’ADN.&lt;/li&gt;
&lt;li&gt;La réparation par nano-robots : Le scanner déploie une vague de nano-robots, capables de pénétrer les tissus et de se fixer aux zones endommagées pour effectuer les réparations. Les nano-robots reconstruisent les cellules, réparent les tissus et éliminent les toxines, le tout de manière presque instantanée.&lt;/li&gt;
&lt;li&gt;La synthèse : Une fois la réparation terminée, le scanner réabsorbe les nano-robots, les recharge, et affiche un compte-rendu des opérations. Le sujet est réparé, mais les effets secondaires ne tardent pas à se manifester.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;&lt;strong&gt;Rapport&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;h3&gt;&lt;span&gt;&lt;em&gt;Description de l&#039;Objet&lt;/em&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;L&#039;Objet est un appareil de haute technologie découvert par l&#039;E.I.T Vertigo au cours de l&#039;Opération ████████████. Il se présente sous la forme d’un petit appareil portable, en 22,1 x 12,5&amp;#160;cm, avec une surface tactile en verre holographique et des bordures en alliage métallique. Son design est minimaliste et futuriste, avec un écran transparent qui projette des interfaces holographiques et des capteurs sophistiqués.&lt;/p&gt;
&lt;div class=&quot;image-block&quot;&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td colspan=&quot;2&quot;&gt;&lt;img src=&quot;https://i.pinimg.com/originals/45/ad/25/45ad25be81239cb83ddfa985be0d9479.jpg&quot; alt=&quot;45ad25be81239cb83ddfa985be0d9479.jpg&quot; class=&quot;image&quot; /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th colspan=&quot;2&quot;&gt;Scanner Alpha-Oméga&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;h3&gt;&lt;span&gt;&lt;em&gt;Conditions de stockage&lt;/em&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;h4&gt;&lt;span&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Chambre de stockage&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;Cet Objet doit être stocké dans une chambre conçue pour neutraliser ou contenir les flux d&#039;énergie anormaux en répondant aux critères suivants :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Parois blindées en alliage de graphène et de céramique entropique ;&lt;/li&gt;
&lt;li&gt;Blindage magnétique.&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;&lt;span&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Conteneur de stockage&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;L&#039;objet doit être maintenu dans un conteneur cryogénique. Ce conteneur doit être équipé de systèmes de refroidissement autonomes en cas de coupure d&#039;énergie. Un moniteur thermique doit être installé pour surveiller les conditions internes.&lt;br /&gt;
Le conteneur doit être à verrouillage biométrique multi-niveaux. Ce verrouillage doit contenir une reconnaissance rétinienne, d&#039;empreinte d&#039;ADN et analyser les ondes cérébrales pour garantir que l&#039;accès à l&#039;Objet soit limité.&lt;/p&gt;
&lt;h4&gt;&lt;span&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Zone de stockage&lt;/span&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;p&gt;La chambre se trouve dans une zone sécurisée à accès restreint. Cette zone possède un système de surveillance et des accès contrôlés.&lt;br /&gt;
Une Maintenance et des contrôle régulier doivent être mis en place quotidiennement. Des test d&#039;intégrité énergétique doivent être programmés hebdomadairement. La vérification des nano-robots doit permettre de s&#039;assurer que leur fonctionnement n&#039;est pas compromis ou devenu instable.&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;&lt;em&gt;Plan d&#039;urgence&lt;/em&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;En cas de défaillance du conteneur ou de fuite énergétique, appliquez ces 3 procédures :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;L&#039;isolement immédiat de la zone.&lt;/li&gt;
&lt;li&gt;L&#039;évacuation du personnel non nécessaire dans la zone.&lt;/li&gt;
&lt;li&gt;La mise en place d&#039;un nouveau conteneur et la décontamination des lieux.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;&lt;strong&gt;Dangers potentiels&lt;/strong&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Désynchronisation cellulaire : Les nano-robots, en tentant de réorganiser les molécules, provoquent parfois une dérégulation du processus naturel de vieillissement du porteur. Pour chaque usage, des cellules saines peuvent être endommagées de manière aléatoire. Ces endommagements provoquent un vieillissement accéléré, des douleurs chroniques ou des mutations subtiles.&lt;/li&gt;
&lt;li&gt;Effets secondaires cognitifs : L&#039;utilisation répétée du scanner affecte le cerveau du porteur. Le flux massif d&#039;informations biologiques analysées interfère avec son système nerveux. La manifestation de ces troubles mentaux progressifs se caractérisent par des pertes de mémoire à court terme, de la confusion mentale, des hallucinations, voire de la paranoïa intense. L&#039;utilisateur doute alors de la réalité.&lt;/li&gt;
&lt;li&gt;Instabilité technologique : Les nano-robots ne sont pas infaillibles. Ces incidents incluent des réparations incomplètes, des régénérations partielles conduisant à des malformations ou, dans les cas extrêmes, la désintégration de parties du corps du patient. À chaque usage, il y a une chance que le scanner tombe en panne temporairement, ou pire, altère gravement la structure du sujet.&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: right; margin-bottom: 10px;&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;Code Mnemosyne&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0&quot;&gt;
&lt;h4&gt;&lt;span&gt;&lt;tt&gt;N° V9-2A51-K9S&lt;/tt&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/3ch0&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=7167070&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;3ch0&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=7167070)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/3ch0&quot;  &gt;3ch0&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Fri, 11 Oct 2024 20:34:30 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: right;"></div> <br /> <table class="wiki-content-table"> <tr> <th colspan="2">04-001-β</th> </tr> <tr> <td><strong>Objet :</strong></td> <td>Le nano-scanner Alpha-Oméga</td> </tr> <tr> <td><strong>Taille :</strong></td> <td>22,1 x 12,5&#160;cm</td> </tr> <tr> <td><strong>Type :</strong></td> <td>Technologie avancée</td> </tr> <tr> <td><strong>Vivant :</strong></td> <td>Non</td> </tr> <tr> <td><strong>Conscient :</strong></td> <td>Non</td> </tr> <tr> <td><strong>Equipement/armes requis</strong></td> <td>Aucun</td> </tr> <tr> <td><strong>Localisation :</strong></td> <td>Base-02 de l'Insurrection du Chaos</td> </tr> <tr> <td><strong>Anomalie signalée :</strong></td> <td>Fluctuation énergétique instable</td> </tr> </table> <hr /> <h2><span><strong>Utilisation</strong></span></h2> <p>L'Objet utilise des ondes quantiques et des nano-robots pour sceller des blessures au niveau moléculaire.<br /> Son fonctionnement est en trois étapes principales :</p> <ul> <li>L'analyse moléculaire : Lorsqu'il est activé, le scanner projette un rayon lumineux qui analyse en profondeur le sujet blessé. L’écran holographique affiche un schéma détaillé du corps, en identifiant les dommages subis au niveau moléculaire, qu’il s’agisse de tissus, d’organes ou même d’ADN.</li> <li>La réparation par nano-robots : Le scanner déploie une vague de nano-robots, capables de pénétrer les tissus et de se fixer aux zones endommagées pour effectuer les réparations. Les nano-robots reconstruisent les cellules, réparent les tissus et éliminent les toxines, le tout de manière presque instantanée.</li> <li>La synthèse : Une fois la réparation terminée, le scanner réabsorbe les nano-robots, les recharge, et affiche un compte-rendu des opérations. Le sujet est réparé, mais les effets secondaires ne tardent pas à se manifester.</li> </ul> <hr /> <h2><span><strong>Rapport</strong></span></h2> <h3><span><em>Description de l'Objet</em></span></h3> <p>L'Objet est un appareil de haute technologie découvert par l'E.I.T Vertigo au cours de l'Opération ████████████. Il se présente sous la forme d’un petit appareil portable, en 22,1 x 12,5&#160;cm, avec une surface tactile en verre holographique et des bordures en alliage métallique. Son design est minimaliste et futuriste, avec un écran transparent qui projette des interfaces holographiques et des capteurs sophistiqués.</p> <div class="image-block"> <table class="wiki-content-table"> <tr> <td colspan="2"><img src="https://i.pinimg.com/originals/45/ad/25/45ad25be81239cb83ddfa985be0d9479.jpg" alt="45ad25be81239cb83ddfa985be0d9479.jpg" class="image" /></td> </tr> <tr> <th colspan="2">Scanner Alpha-Oméga</th> </tr> </table> </div> <h3><span><em>Conditions de stockage</em></span></h3> <h4><span><span style="text-decoration: underline;">Chambre de stockage</span></span></h4> <p>Cet Objet doit être stocké dans une chambre conçue pour neutraliser ou contenir les flux d'énergie anormaux en répondant aux critères suivants :</p> <ul> <li>Parois blindées en alliage de graphène et de céramique entropique ;</li> <li>Blindage magnétique.</li> </ul> <h4><span><span style="text-decoration: underline;">Conteneur de stockage</span></span></h4> <p>L'objet doit être maintenu dans un conteneur cryogénique. Ce conteneur doit être équipé de systèmes de refroidissement autonomes en cas de coupure d'énergie. Un moniteur thermique doit être installé pour surveiller les conditions internes.<br /> Le conteneur doit être à verrouillage biométrique multi-niveaux. Ce verrouillage doit contenir une reconnaissance rétinienne, d'empreinte d'ADN et analyser les ondes cérébrales pour garantir que l'accès à l'Objet soit limité.</p> <h4><span><span style="text-decoration: underline;">Zone de stockage</span></span></h4> <p>La chambre se trouve dans une zone sécurisée à accès restreint. Cette zone possède un système de surveillance et des accès contrôlés.<br /> Une Maintenance et des contrôle régulier doivent être mis en place quotidiennement. Des test d'intégrité énergétique doivent être programmés hebdomadairement. La vérification des nano-robots doit permettre de s'assurer que leur fonctionnement n'est pas compromis ou devenu instable.</p> <h3><span><em>Plan d'urgence</em></span></h3> <p>En cas de défaillance du conteneur ou de fuite énergétique, appliquez ces 3 procédures :</p> <ul> <li>L'isolement immédiat de la zone.</li> <li>L'évacuation du personnel non nécessaire dans la zone.</li> <li>La mise en place d'un nouveau conteneur et la décontamination des lieux.</li> </ul> <hr /> <h2><span><strong>Dangers potentiels</strong></span></h2> <ul> <li>Désynchronisation cellulaire : Les nano-robots, en tentant de réorganiser les molécules, provoquent parfois une dérégulation du processus naturel de vieillissement du porteur. Pour chaque usage, des cellules saines peuvent être endommagées de manière aléatoire. Ces endommagements provoquent un vieillissement accéléré, des douleurs chroniques ou des mutations subtiles.</li> <li>Effets secondaires cognitifs : L'utilisation répétée du scanner affecte le cerveau du porteur. Le flux massif d'informations biologiques analysées interfère avec son système nerveux. La manifestation de ces troubles mentaux progressifs se caractérisent par des pertes de mémoire à court terme, de la confusion mentale, des hallucinations, voire de la paranoïa intense. L'utilisateur doute alors de la réalité.</li> <li>Instabilité technologique : Les nano-robots ne sont pas infaillibles. Ces incidents incluent des réparations incomplètes, des régénérations partielles conduisant à des malformations ou, dans les cas extrêmes, la désintégration de parties du corps du patient. À chaque usage, il y a une chance que le scanner tombe en panne temporairement, ou pire, altère gravement la structure du sujet.</li> </ul> <div style="text-align: right; margin-bottom: 10px;"> <p><strong><tt>Code Mnemosyne</tt></strong></p> <div style="border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0"> <h4><span><tt>N° V9-2A51-K9S</tt></span></h4> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/3ch0" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=7167070&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="3ch0" style="background-image:url(http://www.wikidot.com/userkarma.php?u=7167070)" /></a><a href="http://www.wikidot.com/user:info/3ch0" >3ch0</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/pages-les-mieux-notees</guid>
				<title>Pages Les Mieux Notées</title>
				<link>http://insurrection-du-chaos.wikidot.com/pages-les-mieux-notees</link>
				<description>

&lt;div style=&quot;display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h4&gt;&lt;span&gt;&lt;strong&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Voici les pages les moins appréciées du site :&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;hr /&gt;

&lt;p&gt;&lt;sub&gt;Si une page est à &lt;strong&gt;-3&lt;/strong&gt;, veuillez contacter un membre de l&#039;administration qui se chargera de vérifier la qualité de la page.&lt;/sub&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Fri, 19 Feb 2021 20:04:02 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px"> <div style="text-align: center;"> <h4><span><strong><span style="text-decoration: underline;">Voici les pages les moins appréciées du site :</span></strong></span></h4> </div> <hr /> <p><sub>Si une page est à <strong>-3</strong>, veuillez contacter un membre de l'administration qui se chargera de vérifier la qualité de la page.</sub></p> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/essai-psycho-2</guid>
				<title>EIP- Bases</title>
				<link>http://insurrection-du-chaos.wikidot.com/essai-psycho-2</link>
				<description>

&lt;div style=&quot;text-align: right;&quot;&gt;&lt;/div&gt;
&lt;h2&gt;&lt;span&gt;Et maintenant, quoi ?&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;Et bien maintenant, nous allons nous attaquer au gros du sujet, avec un ensemble de concepts majeurs de la psychologie, en essayant de rester clair et concis. Les sujets ne sont pas ici traités dans un quelconque ordre d&#039;importance, mais dans un ordre logique facilitant la compréhension&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;&lt;strong&gt;Information&lt;/strong&gt;, &lt;strong&gt;Cognition&lt;/strong&gt;, &lt;strong&gt;Comportement&lt;/strong&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;De manière générale, nous fonctionnons ainsi : nous recevons une information, d&#039;origine externe (le monde qui nous entoure) ou interne (nos &lt;strong&gt;sensations&lt;/strong&gt; corporelles, émotions, etc&amp;#8230;), plus communément appelée &lt;strong&gt;stimulus&lt;/strong&gt;, que nous traitons et analysons grâce au travers de plusieurs &lt;strong&gt;processus cognitifs&lt;/strong&gt;. C&#039;est que l&#039;on appelle la cognition&lt;sup class=&quot;footnoteref&quot;&gt;&lt;a id=&quot;footnoteref-890448-1&quot; href=&quot;javascript:;&quot; class=&quot;footnoteref&quot;  &gt;1&lt;/a&gt;&lt;/sup&gt;, et cela induit souvent un &lt;strong&gt;comportement&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Les informations que nous recevons et celles que nous percevons ne sont pas identiques. Elles sont triées par plusieurs processus cognitifs, notamment les mécanismes de l&#039;attention. Par exemple, dans une salle bruyante, nous recevons l&#039;ensemble du son de la salle, mais nous ne pouvons pas percevoir tout ce qui s&#039;y dit. L&#039;information est triée afin de se concentrer sur l&#039;essentiel, une discussion avec un ami par exemple, pour économiser nos ressources cognitives limitées (c.à.d le fait que notre cerveau soit purement et simplement incapable de traiter autant de donner)&lt;/p&gt;
&lt;p&gt;Les comportements quant à eux sont l&#039;ensemble des activités observables ou mentales volontaires d&#039;un individu.&lt;br /&gt;
Lorsque le comportement est observable depuis l&#039;extérieur (par exemple taper des mains), on parle de comportement ouvert.&lt;br /&gt;
Lorsque le comportement n&#039;est pas observable (par exemple se forcer à penser à autre chose), on parle de comportement couvert.&lt;br /&gt;
Ces activités doivent être volontaires et/ou organisées pour être qualifiées de comportement. Un mouvement réflexe, bien qu&#039;observable, ne peux pas être qualifié de comportement.&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;Personnalité&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&amp;quot;La &lt;strong&gt;personnalité&lt;/strong&gt; est un ensemble de caractéristiques d&#039;une personne qui influence de façon unique ses cognitions (pensées), ses motivations et ses comportements dans des situations variées. Les &lt;strong&gt;traits de personnalité&lt;/strong&gt; sont généralement considérés comme relativement stables à travers l&#039;âge adulte. &amp;quot;&lt;br /&gt;
Le sujet de la personnalité est complexe. Il en existe plusieurs définitions, plusieurs modèles. La définition ci-dessus est assez vaste pour inclure ces variations.&lt;br /&gt;
La personnalité est donc un ensemble de traits de caractère, qui, ensemble, influencent notre manière de penser, d&#039;agir et d&#039;interagir avec le monde qui nous entoure. Elle se construit au cours de l&#039;enfance et de l&#039;adolescence, sur une base innée nommée &lt;strong&gt;tempérament&lt;/strong&gt;, suite aux différentes expériences que nous rencontrons. Arrivé à l&#039;âge adulte, notre personnalité se cristallise et se stabilise. Il est toujours possible de voir des changements mais ceux-ci sont beaucoup plus difficiles et longs à mettre en place.&lt;br /&gt;
Lorsque la personnalité cause une souffrance à l&#039;individu ou à son entourage (le plus souvent une souffrance émotionnelle), on parle alors de personnalité pathologique ou de &lt;strong&gt;trouble de la personnalité&lt;/strong&gt;.&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;Émotions et sensations&lt;/span&gt;&lt;/h3&gt;
&lt;div style=&quot;float:right; margin:0 2em 1em 1em; border:0;&quot;&gt;
&lt;div style=&quot;background:white&quot;&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://insurrection-du-chaos.wdfiles.com/local--files/essai-psycho-2/1024px-Plutchik-wheel.svg.png&quot;&gt;&lt;img src=&quot;http://insurrection-du-chaos.wdfiles.com/local--resized-images/essai-psycho-2/1024px-Plutchik-wheel.svg.png/small.jpg&quot; title=&quot;Cliquer pour agrandir&quot; alt=&quot;1024px-Plutchik-wheel.svg.png&quot; class=&quot;image&quot; /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;Roue des Emotions de Plutchik&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&amp;#171;Une &lt;strong&gt;émotion&lt;/strong&gt; est une réaction psychologique et physique à une situation. Elle a d&#039;abord une manifestation interne et génère une réaction extérieure. Elle est provoquée par la confrontation à une situation et à l&#039;interprétation de la réalité. En cela, une émotion est différente d&#039;une &lt;strong&gt;sensation&lt;/strong&gt;[…]&amp;#187;
&lt;p&gt;Les émotions sont des ressentis intérieurs intenses et brefs qui interviennent suite à notre interprétation d&#039;une situation. Lorsque quelqu&#039;un glisse sur un sol gelé, cette personne ressent de la peur. Une personne extérieure la voyant patiner pourra ressentir de la joie car elle trouve la situation comique. Une autre personne pourra ressentir de la tristesse que la personne ayant glissé ait pu se faire mal. L&#039;interprétation de la situation, notamment par le biais de nos cognitions et de notre personnalité, est clé dans l&#039;apparition des émotions.&lt;/p&gt;
&lt;p&gt;Comme pour la personnalité et la plupart des concepts de psychologie, il existe plusieurs modèles et classifications des émotions.&lt;br /&gt;
Plusieurs modèles s&#039;accordent à dire qu&#039;il existe plusieurs émotions de base, avec divers degrés d&#039;intensité. Ces émotions primaires forment, au fur et à mesure du développement, des émotions complexes, en s&#039;associant. Dans le modèle de Plutchik les émotions de base sont la joie, la confiance, la peur, la surprise, la tristesse, le dégout, la colère et l&#039;anticipation.&lt;/p&gt;
&lt;div style=&quot;float:right; margin:0 2em 1em 2em; border:0;&quot;&gt;
&lt;div style=&quot;background:white&quot;&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;http://insurrection-du-chaos.wdfiles.com/local--files/essai-psycho-2/1024px-Plutchik_Dyads.svg.png&quot;&gt;&lt;img src=&quot;http://insurrection-du-chaos.wdfiles.com/local--resized-images/essai-psycho-2/1024px-Plutchik_Dyads.svg.png/small.jpg&quot; title=&quot;Cliquer pour agrandir&quot; alt=&quot;1024px-Plutchik_Dyads.svg.png&quot; class=&quot;image&quot; /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;Dyades primaires, secondaires&lt;br /&gt;
et tertiaires de la roue des&lt;br /&gt;
émotions de Plutchik&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Ces modèles, utiles pour classifier les émotions et avoir une compréhension globale du fonctionnement affectif humain restent limités.&lt;br /&gt;
Les émotions humaines sont un spectre, un mélange infini de plusieurs états affectifs.&lt;/p&gt;
&lt;p&gt;&amp;#171;[La sensation] est la conséquence physique directe (relation à la température, à la texture…). La sensation est directement associée à la perception sensorielle. La sensation est par conséquent physique.&amp;#187;&lt;br /&gt;
La sensation est le ressenti des stimuli externes ou internes perçus par nos sens. Les sensations les plus évidentes sont celles générées par nos cinq sens, la vue, l’odorat, le toucher, le goût, l’olfaction. Mais l’ensemble des ressentis physiques, par exemple l’impression d’avoir un poids sur la poitrine, ou un nœud à l’estomac, avoir la nausée ou des sueurs froides, tout cela est compris dans le domaine des sensations.&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;Humeur&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;L’&lt;strong&gt;humeur&lt;/strong&gt; est un état émotionnel persistant. Nous avons vu précédemment que les émotions sont intenses et brèves. L’humeur au contraire est plus diffuse et persistante. Le DSM-V la définit comme une &amp;#171;émotion globale et durable qui colorie la perception du monde&amp;#187;.&lt;br /&gt;
L’humeur est qualifiée selon deux critères : sa hauteur, si elle est plaisante ou déplaisante, et sa teinte, c&#039;est-à-dire l’émotion principale qui colore cette humeur.&lt;br /&gt;
La hauteur est découpée en trois états :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;L’humeur dysphorique, ou &lt;strong&gt;dysphorie&lt;/strong&gt;, labile et désagréable, avec un sentiment déplaisant et dérangeant d’inconfort émotionnel ou mental, le plus souvent associé à une émotion désagréable.&lt;/li&gt;
&lt;li&gt;L’humeur euthymique ou &lt;strong&gt;euthymie&lt;/strong&gt;, un état émotionnel serein qui est considéré comme l’état de base de l’humeur.&lt;/li&gt;
&lt;li&gt;L’humeur euphorique ou &lt;strong&gt;euphorie&lt;/strong&gt; enfin, un état de bien-être et de joie persistant.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Le mot thymie est synonyme d’humeur en psychologie. Ainsi, les troubles de l’humeur sont aussi appelés &lt;strong&gt;troubles thymiques&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;L’humeur est moins influencée par les événements récents que les émotions, cependant une accumulation d’événements avec une valeur émotionnelle similaire pourra influencer l’humeur dans la direction de cette émotion (par exemple, de nombreux événements générateurs de tristesse risquent d&#039;amener à une humeur dysphorique.)&lt;/p&gt;
&lt;h3&gt;&lt;span&gt;Du normal au pathologique&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;Le terme &amp;#171;normal&amp;#187; est souvent utilisé à tort et à travers, sans jamais apporter de définition de ce qui est normal et de ce qui ne l’est pas. Dans un monde tel que celui de l’Insurrection du Chaos, cette frontière est encore plus floue.&lt;/p&gt;
&lt;p&gt;Encore une fois, il n’y a pas une case Normal et une case Pathologique, il s’agit d’un spectre influencé par de nombreux facteurs. Se poser les questions suivantes peut aider à déterminer s&#039; il s’agit de quelque chose sortant légèrement de l’ordinaire ou d’une pathologie mentale :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Est-ce que le trait observé sors de la &lt;strong&gt;norme socio-culturelle&lt;/strong&gt; ? Si oui, à quel point ? Est-ce légèrement différent ou extrêmement différent des habitudes socioculturelles de l’&lt;strong&gt;environnement&lt;/strong&gt; de l’individu ? Cette caractéristique seule peut qualifier quelque chose d’anormal mais seule, elle est rarement suffisante pour qualifier quelque chose de pathologique.&lt;/li&gt;
&lt;li&gt;Est-ce que le trait observé cause un impact sur un domaine important de la vie (école, travail, famille, amis, indépendance, etc…) ? Si oui, combien de domaines sont impactés et à quel point ?&lt;/li&gt;
&lt;li&gt;Est-ce que le trait observé cause une souffrance cliniquement significative au sujet ? Si oui, depuis combien de temps et à quelle intensité ?&lt;/li&gt;
&lt;li&gt;Est-ce que le trait observé cause une souffrance cliniquement significative à quelqu’un de l’entourage du sujet ? Si oui, depuis combien de temps, à quelle fréquence et à quelle intensité ?&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Plus les critères remplis sont nombreux, plus on peut considérer un ensemble de traits comme pathologiques.&lt;/p&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;p&gt;&lt;strong&gt;Essai d&#039;introduction à la psychologie&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&amp;#171; &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-1&quot;&gt;Introduction&lt;/a&gt; | &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-0&quot;&gt;Retour au sommaire&lt;/a&gt; | &lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-3&quot;&gt;Neuro-anatomie&lt;/a&gt; &amp;#187;&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div class=&quot;footnotes-footer&quot;&gt;
&lt;div class=&quot;title&quot;&gt;Notes de bas de page&lt;/div&gt;
&lt;div class=&quot;footnote-footer&quot; id=&quot;footnote-890448-1&quot;&gt;&lt;a href=&quot;javascript:;&quot;  &gt;1&lt;/a&gt;. &amp;quot;La cognition est l&#039;ensemble des processus mentaux relatifs à la connaissance tels que la perception, la mémorisation, le raisonnement, la résolution de problèmes et les processus de la pensée au repos&amp;quot;&lt;/div&gt;
&lt;/div&gt;
</description>
				<pubDate>Sat, 30 Jan 2021 18:44:59 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: right;"></div> <h2><span>Et maintenant, quoi ?</span></h2> <p>Et bien maintenant, nous allons nous attaquer au gros du sujet, avec un ensemble de concepts majeurs de la psychologie, en essayant de rester clair et concis. Les sujets ne sont pas ici traités dans un quelconque ordre d'importance, mais dans un ordre logique facilitant la compréhension</p> <h3><span><strong>Information</strong>, <strong>Cognition</strong>, <strong>Comportement</strong></span></h3> <p>De manière générale, nous fonctionnons ainsi : nous recevons une information, d'origine externe (le monde qui nous entoure) ou interne (nos <strong>sensations</strong> corporelles, émotions, etc&#8230;), plus communément appelée <strong>stimulus</strong>, que nous traitons et analysons grâce au travers de plusieurs <strong>processus cognitifs</strong>. C'est que l'on appelle la cognition<sup class="footnoteref"><a id="footnoteref-753348-1" href="javascript:;" class="footnoteref" >1</a></sup>, et cela induit souvent un <strong>comportement</strong>.</p> <p>Les informations que nous recevons et celles que nous percevons ne sont pas identiques. Elles sont triées par plusieurs processus cognitifs, notamment les mécanismes de l'attention. Par exemple, dans une salle bruyante, nous recevons l'ensemble du son de la salle, mais nous ne pouvons pas percevoir tout ce qui s'y dit. L'information est triée afin de se concentrer sur l'essentiel, une discussion avec un ami par exemple, pour économiser nos ressources cognitives limitées (c.à.d le fait que notre cerveau soit purement et simplement incapable de traiter autant de donner)</p> <p>Les comportements quant à eux sont l'ensemble des activités observables ou mentales volontaires d'un individu.<br /> Lorsque le comportement est observable depuis l'extérieur (par exemple taper des mains), on parle de comportement ouvert.<br /> Lorsque le comportement n'est pas observable (par exemple se forcer à penser à autre chose), on parle de comportement couvert.<br /> Ces activités doivent être volontaires et/ou organisées pour être qualifiées de comportement. Un mouvement réflexe, bien qu'observable, ne peux pas être qualifié de comportement.</p> <h3><span>Personnalité</span></h3> <p>&quot;La <strong>personnalité</strong> est un ensemble de caractéristiques d'une personne qui influence de façon unique ses cognitions (pensées), ses motivations et ses comportements dans des situations variées. Les <strong>traits de personnalité</strong> sont généralement considérés comme relativement stables à travers l'âge adulte. &quot;<br /> Le sujet de la personnalité est complexe. Il en existe plusieurs définitions, plusieurs modèles. La définition ci-dessus est assez vaste pour inclure ces variations.<br /> La personnalité est donc un ensemble de traits de caractère, qui, ensemble, influencent notre manière de penser, d'agir et d'interagir avec le monde qui nous entoure. Elle se construit au cours de l'enfance et de l'adolescence, sur une base innée nommée <strong>tempérament</strong>, suite aux différentes expériences que nous rencontrons. Arrivé à l'âge adulte, notre personnalité se cristallise et se stabilise. Il est toujours possible de voir des changements mais ceux-ci sont beaucoup plus difficiles et longs à mettre en place.<br /> Lorsque la personnalité cause une souffrance à l'individu ou à son entourage (le plus souvent une souffrance émotionnelle), on parle alors de personnalité pathologique ou de <strong>trouble de la personnalité</strong>.</p> <h3><span>Émotions et sensations</span></h3> <div style="float:right; margin:0 2em 1em 1em; border:0;"> <div style="background:white"> <table class="wiki-content-table"> <tr> <td style="text-align: center;"><a href="http://insurrection-du-chaos.wdfiles.com/local--files/essai-psycho-2/1024px-Plutchik-wheel.svg.png"><img src="http://insurrection-du-chaos.wdfiles.com/local--resized-images/essai-psycho-2/1024px-Plutchik-wheel.svg.png/small.jpg" title="Cliquer pour agrandir" alt="1024px-Plutchik-wheel.svg.png" class="image" /></a></td> </tr> <tr> <th>Roue des Emotions de Plutchik</th> </tr> </table> </div> </div> <br /> &#171;Une <strong>émotion</strong> est une réaction psychologique et physique à une situation. Elle a d'abord une manifestation interne et génère une réaction extérieure. Elle est provoquée par la confrontation à une situation et à l'interprétation de la réalité. En cela, une émotion est différente d'une <strong>sensation</strong>[…]&#187; <p>Les émotions sont des ressentis intérieurs intenses et brefs qui interviennent suite à notre interprétation d'une situation. Lorsque quelqu'un glisse sur un sol gelé, cette personne ressent de la peur. Une personne extérieure la voyant patiner pourra ressentir de la joie car elle trouve la situation comique. Une autre personne pourra ressentir de la tristesse que la personne ayant glissé ait pu se faire mal. L'interprétation de la situation, notamment par le biais de nos cognitions et de notre personnalité, est clé dans l'apparition des émotions.</p> <p>Comme pour la personnalité et la plupart des concepts de psychologie, il existe plusieurs modèles et classifications des émotions.<br /> Plusieurs modèles s'accordent à dire qu'il existe plusieurs émotions de base, avec divers degrés d'intensité. Ces émotions primaires forment, au fur et à mesure du développement, des émotions complexes, en s'associant. Dans le modèle de Plutchik les émotions de base sont la joie, la confiance, la peur, la surprise, la tristesse, le dégout, la colère et l'anticipation.</p> <div style="float:right; margin:0 2em 1em 2em; border:0;"> <div style="background:white"> <table class="wiki-content-table"> <tr> <td style="text-align: center;"><a href="http://insurrection-du-chaos.wdfiles.com/local--files/essai-psycho-2/1024px-Plutchik_Dyads.svg.png"><img src="http://insurrection-du-chaos.wdfiles.com/local--resized-images/essai-psycho-2/1024px-Plutchik_Dyads.svg.png/small.jpg" title="Cliquer pour agrandir" alt="1024px-Plutchik_Dyads.svg.png" class="image" /></a></td> </tr> <tr> <th>Dyades primaires, secondaires<br /> et tertiaires de la roue des<br /> émotions de Plutchik</th> </tr> </table> </div> </div> <p>Ces modèles, utiles pour classifier les émotions et avoir une compréhension globale du fonctionnement affectif humain restent limités.<br /> Les émotions humaines sont un spectre, un mélange infini de plusieurs états affectifs.</p> <p>&#171;[La sensation] est la conséquence physique directe (relation à la température, à la texture…). La sensation est directement associée à la perception sensorielle. La sensation est par conséquent physique.&#187;<br /> La sensation est le ressenti des stimuli externes ou internes perçus par nos sens. Les sensations les plus évidentes sont celles générées par nos cinq sens, la vue, l’odorat, le toucher, le goût, l’olfaction. Mais l’ensemble des ressentis physiques, par exemple l’impression d’avoir un poids sur la poitrine, ou un nœud à l’estomac, avoir la nausée ou des sueurs froides, tout cela est compris dans le domaine des sensations.</p> <h3><span>Humeur</span></h3> <p>L’<strong>humeur</strong> est un état émotionnel persistant. Nous avons vu précédemment que les émotions sont intenses et brèves. L’humeur au contraire est plus diffuse et persistante. Le DSM-V la définit comme une &#171;émotion globale et durable qui colorie la perception du monde&#187;.<br /> L’humeur est qualifiée selon deux critères : sa hauteur, si elle est plaisante ou déplaisante, et sa teinte, c'est-à-dire l’émotion principale qui colore cette humeur.<br /> La hauteur est découpée en trois états :</p> <ul> <li>L’humeur dysphorique, ou <strong>dysphorie</strong>, labile et désagréable, avec un sentiment déplaisant et dérangeant d’inconfort émotionnel ou mental, le plus souvent associé à une émotion désagréable.</li> <li>L’humeur euthymique ou <strong>euthymie</strong>, un état émotionnel serein qui est considéré comme l’état de base de l’humeur.</li> <li>L’humeur euphorique ou <strong>euphorie</strong> enfin, un état de bien-être et de joie persistant.</li> </ul> <p>Le mot thymie est synonyme d’humeur en psychologie. Ainsi, les troubles de l’humeur sont aussi appelés <strong>troubles thymiques</strong>.</p> <p>L’humeur est moins influencée par les événements récents que les émotions, cependant une accumulation d’événements avec une valeur émotionnelle similaire pourra influencer l’humeur dans la direction de cette émotion (par exemple, de nombreux événements générateurs de tristesse risquent d'amener à une humeur dysphorique.)</p> <h3><span>Du normal au pathologique</span></h3> <p>Le terme &#171;normal&#187; est souvent utilisé à tort et à travers, sans jamais apporter de définition de ce qui est normal et de ce qui ne l’est pas. Dans un monde tel que celui de l’Insurrection du Chaos, cette frontière est encore plus floue.</p> <p>Encore une fois, il n’y a pas une case Normal et une case Pathologique, il s’agit d’un spectre influencé par de nombreux facteurs. Se poser les questions suivantes peut aider à déterminer s' il s’agit de quelque chose sortant légèrement de l’ordinaire ou d’une pathologie mentale :</p> <ul> <li>Est-ce que le trait observé sors de la <strong>norme socio-culturelle</strong> ? Si oui, à quel point ? Est-ce légèrement différent ou extrêmement différent des habitudes socioculturelles de l’<strong>environnement</strong> de l’individu ? Cette caractéristique seule peut qualifier quelque chose d’anormal mais seule, elle est rarement suffisante pour qualifier quelque chose de pathologique.</li> <li>Est-ce que le trait observé cause un impact sur un domaine important de la vie (école, travail, famille, amis, indépendance, etc…) ? Si oui, combien de domaines sont impactés et à quel point ?</li> <li>Est-ce que le trait observé cause une souffrance cliniquement significative au sujet ? Si oui, depuis combien de temps et à quelle intensité ?</li> <li>Est-ce que le trait observé cause une souffrance cliniquement significative à quelqu’un de l’entourage du sujet ? Si oui, depuis combien de temps, à quelle fréquence et à quelle intensité ?</li> </ul> <p>Plus les critères remplis sont nombreux, plus on peut considérer un ensemble de traits comme pathologiques.</p> <hr /> <div style="text-align: center;"> <p><strong>Essai d'introduction à la psychologie</strong><br /> <strong>&#171; <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-1">Introduction</a> | <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-0">Retour au sommaire</a> | <a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-3">Neuro-anatomie</a> &#187;</strong></p> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> <div class="footnotes-footer"> <div class="title">Notes de bas de page</div> <div class="footnote-footer" id="footnote-753348-1"><a href="javascript:;" >1</a>. &quot;La cognition est l'ensemble des processus mentaux relatifs à la connaissance tels que la perception, la mémorisation, le raisonnement, la résolution de problèmes et les processus de la pensée au repos&quot;</div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/essai-psycho-1</guid>
				<title>EIP - Introduction</title>
				<link>http://insurrection-du-chaos.wikidot.com/essai-psycho-1</link>
				<description>

&lt;div style=&quot;text-align: right;&quot;&gt;&lt;/div&gt;
&lt;h2&gt;&lt;span&gt;Commençons par le commençement&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;A savoir, la différence entre psychologie et psychiatrie ainsi qu&#039;entre psychologue et psychiatre.&lt;/p&gt;
&lt;p&gt;La &lt;strong&gt;psychologie&lt;/strong&gt; est &amp;quot;l&#039;étude scientifique des comportements et des phénomènes mentaux.&amp;quot;&lt;br /&gt;
On en distingue plusieurs branches dont les principales sont :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;La psychologie clinique, qui étudie et cherche à traiter les troubles et difficultés psychologiques.&lt;/li&gt;
&lt;li&gt;La psychologie cognitive qui étudie l&#039;ensemble des processus mentaux (mémoire, réflexion, prise de décision, etc&amp;#8230;).&lt;/li&gt;
&lt;li&gt;La psychologie développementale, qui étudie l&#039;évolution psychologique des individus au cours de leur vie.&lt;/li&gt;
&lt;li&gt;La psychologie sociale, qui étudie l&#039;individu dans un contexte social, &amp;quot;en mettant l&#039;accent sur l&#039;individu au sein du groupe.&amp;quot;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Il en existe bien d&#039;autres plus minoritaires.&lt;/p&gt;
&lt;p&gt;La &lt;strong&gt;psychiatrie&lt;/strong&gt; quant à elle, est &amp;quot;une spécialité de la médecine qui a pour objet l&#039;étude et le traitement des maladies mentales (troubles psychiques, mentaux).&amp;quot;&lt;/p&gt;
&lt;p&gt;Ainsi, le &lt;strong&gt;psychiatre&lt;/strong&gt; est un médecin spécialisé qui a réalisé 10 ans d&#039;études et a suivi l&#039;ensemble du tronc commun des études de médecine. Il est habilité à prescrire des médicaments et à poser un diagnostic de pathologie.&lt;/p&gt;
&lt;p&gt;Le &lt;strong&gt;psychologue&lt;/strong&gt; est lui titulaire d&#039;un master en psychologie, obtenu à l&#039;issue d&#039;un cursus de 5 ans, et nécessaire pour pratiquer en tant que tel. Il peut également être titulaire d&#039;un doctorat (3 ans en plus, soit 8 ans d&#039;études) et alors être Docteur en Psychologie.&lt;sup class=&quot;footnoteref&quot;&gt;&lt;a id=&quot;footnoteref-516491-1&quot; href=&quot;javascript:;&quot; class=&quot;footnoteref&quot;  &gt;1&lt;/a&gt;&lt;/sup&gt;&lt;br /&gt;
Ses capacités, connaissances et attributions dépendent de sa spécialité. Un psychologue social ne fera par exemple pas de thérapie car cela ne fait probablement pas partie de son cursus.&lt;br /&gt;
Cet essai se concentrera sur les &lt;strong&gt;psychologues cliniciens&lt;/strong&gt; formés à l&#039;évaluation et à la thérapie des personnes en détresse psychologique.&lt;/p&gt;
&lt;p&gt;Là où les psychiatres suivent une formation relativement similaire, bien que leurs approches thérapeutiques puissent varier, les psychologues sont souvent formés selon un &lt;strong&gt;cadre théorique&lt;/strong&gt; c&#039;est à dire un ensemble de théories, de techniques et de pratiques, visant à expliquer, comprendre et traiter le fonctionnement et les troubles psychologiques.&lt;/p&gt;
&lt;p&gt;Le plus connu est la &lt;strong&gt;psychanalyse&lt;/strong&gt;, créée par Sigmund Freud, centrée sur le concept d&#039;&lt;strong&gt;inconscient&lt;/strong&gt; et donnant pour origine aux problèmes psychologiques des situations problématiques non-résolues durant l&#039;enfance (par exemple le complexe d&#039;Oedipe). Cependant, &amp;quot;la psychanalyse n&#039;est pas un champs de la psychologie scientifique contemporaine. Les bases de la psychanalyse n&#039;ont pas de fondement scientifique.&amp;quot;. C&#039;est un modèle dépassé et remplacé dans la plupart des pays par d&#039;autres cadres théoriques et approches thérapeutiques, fondés sur des bases scientifiques. Ce modèle théorique reste utilisé par de nombreux psychologues en France, où il est toujours enseigné.&lt;br /&gt;
Ainsi, la majorité de cet essai ne s&#039;appuiera pas sur des concepts psychanalytiques. Certains seront tout de même présentés plus loin ou dans le glossaire pour deux raisons. Premièrement, pour connaître les termes à ne pas employer dans des écrits psychologiques modernes et scientifiques, et ensuite, pour savoir quels termes employer dans des écrits psychologiques anciens, par exemple un conte se déroulant en 1920, époque ou la psychanalyse était encore répandue partout dans le monde.&lt;/p&gt;
&lt;p&gt;Le cadre théorique sur lequel la majorité de cet essai s&#039;appuiera et qui est désormais beaucoup plus répandu sur la majorité du globe est celui des &lt;strong&gt;Thérapies Cognitives, Comportementales et Émotionnelles&lt;/strong&gt; (ou TCCE), une modèle théorique qui s&#039;intéresse moins aux potentielles causes inconscientes d&#039;un trouble mais d&#039;avantage sur le traitement des symptômes, afin de soulager la souffrance du patient. Le traitement des causes possibles du trouble, lorsqu&#039;elles sont identifiables, fait également partie de ce mouvement théorique.&lt;/p&gt;
&lt;p&gt;Certains termes et concepts sont athéoriques, d&#039;autres sont intégratifs, c&#039;est à dire qu&#039;ils intègrent plusieurs cadres théoriques différents.&lt;/p&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;p&gt;&lt;strong&gt;Essai d&#039;introduction à la psychologie&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&amp;#171; &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-0&quot;&gt;Sommaire&lt;/a&gt; | &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-0&quot;&gt;Retour au sommaire&lt;/a&gt; | &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-2&quot;&gt;Bases&lt;/a&gt; &amp;#187;&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div class=&quot;footnotes-footer&quot;&gt;
&lt;div class=&quot;title&quot;&gt;Notes de bas de page&lt;/div&gt;
&lt;div class=&quot;footnote-footer&quot; id=&quot;footnote-516491-1&quot;&gt;&lt;a href=&quot;javascript:;&quot;  &gt;1&lt;/a&gt;. Ces informations concernent les psychologues formés et pratiquants en France. Elles dépendent énormément du pays de formation et de pratique. Aux Canada, par exemple, les psychologues sont titulaires d&#039;un doctorat clinique et habilités à prescrire certains médicaments.&lt;/div&gt;
&lt;/div&gt;
</description>
				<pubDate>Sat, 30 Jan 2021 18:15:54 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: right;"></div> <h2><span>Commençons par le commençement</span></h2> <p>A savoir, la différence entre psychologie et psychiatrie ainsi qu'entre psychologue et psychiatre.</p> <p>La <strong>psychologie</strong> est &quot;l'étude scientifique des comportements et des phénomènes mentaux.&quot;<br /> On en distingue plusieurs branches dont les principales sont :</p> <ul> <li>La psychologie clinique, qui étudie et cherche à traiter les troubles et difficultés psychologiques.</li> <li>La psychologie cognitive qui étudie l'ensemble des processus mentaux (mémoire, réflexion, prise de décision, etc&#8230;).</li> <li>La psychologie développementale, qui étudie l'évolution psychologique des individus au cours de leur vie.</li> <li>La psychologie sociale, qui étudie l'individu dans un contexte social, &quot;en mettant l'accent sur l'individu au sein du groupe.&quot;</li> </ul> <p>Il en existe bien d'autres plus minoritaires.</p> <p>La <strong>psychiatrie</strong> quant à elle, est &quot;une spécialité de la médecine qui a pour objet l'étude et le traitement des maladies mentales (troubles psychiques, mentaux).&quot;</p> <p>Ainsi, le <strong>psychiatre</strong> est un médecin spécialisé qui a réalisé 10 ans d'études et a suivi l'ensemble du tronc commun des études de médecine. Il est habilité à prescrire des médicaments et à poser un diagnostic de pathologie.</p> <p>Le <strong>psychologue</strong> est lui titulaire d'un master en psychologie, obtenu à l'issue d'un cursus de 5 ans, et nécessaire pour pratiquer en tant que tel. Il peut également être titulaire d'un doctorat (3 ans en plus, soit 8 ans d'études) et alors être Docteur en Psychologie.<sup class="footnoteref"><a id="footnoteref-657473-1" href="javascript:;" class="footnoteref" >1</a></sup><br /> Ses capacités, connaissances et attributions dépendent de sa spécialité. Un psychologue social ne fera par exemple pas de thérapie car cela ne fait probablement pas partie de son cursus.<br /> Cet essai se concentrera sur les <strong>psychologues cliniciens</strong> formés à l'évaluation et à la thérapie des personnes en détresse psychologique.</p> <p>Là où les psychiatres suivent une formation relativement similaire, bien que leurs approches thérapeutiques puissent varier, les psychologues sont souvent formés selon un <strong>cadre théorique</strong> c'est à dire un ensemble de théories, de techniques et de pratiques, visant à expliquer, comprendre et traiter le fonctionnement et les troubles psychologiques.</p> <p>Le plus connu est la <strong>psychanalyse</strong>, créée par Sigmund Freud, centrée sur le concept d'<strong>inconscient</strong> et donnant pour origine aux problèmes psychologiques des situations problématiques non-résolues durant l'enfance (par exemple le complexe d'Oedipe). Cependant, &quot;la psychanalyse n'est pas un champs de la psychologie scientifique contemporaine. Les bases de la psychanalyse n'ont pas de fondement scientifique.&quot;. C'est un modèle dépassé et remplacé dans la plupart des pays par d'autres cadres théoriques et approches thérapeutiques, fondés sur des bases scientifiques. Ce modèle théorique reste utilisé par de nombreux psychologues en France, où il est toujours enseigné.<br /> Ainsi, la majorité de cet essai ne s'appuiera pas sur des concepts psychanalytiques. Certains seront tout de même présentés plus loin ou dans le glossaire pour deux raisons. Premièrement, pour connaître les termes à ne pas employer dans des écrits psychologiques modernes et scientifiques, et ensuite, pour savoir quels termes employer dans des écrits psychologiques anciens, par exemple un conte se déroulant en 1920, époque ou la psychanalyse était encore répandue partout dans le monde.</p> <p>Le cadre théorique sur lequel la majorité de cet essai s'appuiera et qui est désormais beaucoup plus répandu sur la majorité du globe est celui des <strong>Thérapies Cognitives, Comportementales et Émotionnelles</strong> (ou TCCE), une modèle théorique qui s'intéresse moins aux potentielles causes inconscientes d'un trouble mais d'avantage sur le traitement des symptômes, afin de soulager la souffrance du patient. Le traitement des causes possibles du trouble, lorsqu'elles sont identifiables, fait également partie de ce mouvement théorique.</p> <p>Certains termes et concepts sont athéoriques, d'autres sont intégratifs, c'est à dire qu'ils intègrent plusieurs cadres théoriques différents.</p> <hr /> <div style="text-align: center;"> <p><strong>Essai d'introduction à la psychologie</strong><br /> <strong>&#171; <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-0">Sommaire</a> | <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-0">Retour au sommaire</a> | <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-2">Bases</a> &#187;</strong></p> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> <div class="footnotes-footer"> <div class="title">Notes de bas de page</div> <div class="footnote-footer" id="footnote-657473-1"><a href="javascript:;" >1</a>. Ces informations concernent les psychologues formés et pratiquants en France. Elles dépendent énormément du pays de formation et de pratique. Aux Canada, par exemple, les psychologues sont titulaires d'un doctorat clinique et habilités à prescrire certains médicaments.</div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/essai-psycho-0</guid>
				<title>EIP - Sommaire</title>
				<link>http://insurrection-du-chaos.wikidot.com/essai-psycho-0</link>
				<description>

&lt;div style=&quot;text-align: right;&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;Essai d&#039;introduction à la psychologie, psychiatrie, psychopathologie et neurobiologie&lt;/span&gt;&lt;/h1&gt;
&lt;img src=&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Greek_uc_psi.svg/248px-Greek_uc_psi.svg.png&quot; alt=&quot;248px-Greek_uc_psi.svg.png&quot; class=&quot;image&quot; /&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;blockquote&gt;
&lt;h2&gt;&lt;span&gt;ATTENTION : Cet essai a pour but d&#039;apporter une base d&#039;informations et d&#039;aide à &lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;strong&gt;l&#039;écriture&lt;/strong&gt;&lt;/span&gt; de vos travaux comportant des aspects psychologiques, psychiatriques ou autres sujets abordés ici (description des troubles d&#039;un personnage, compte rendu d&#039;évaluation psychologique, etc&amp;#8230;) et de vous aider à donner plus de réalisme. Il n&#039;est en aucun cas une source d&#039;information complète et exhaustive ou d&#039;aide à l&#039;auto-diagnostic. En cas de besoin, rapprochez vous d&#039;un professionnel correctement formé.&lt;/span&gt;&lt;/h2&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h3&gt;&lt;span&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;Sommaire&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-1&quot;&gt;Introduction&lt;/a&gt;&lt;/span&gt; : Différenciation nécessaire entre psychiatrie et psychologie et mise au point sur cette dernière&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-2&quot;&gt;Bases&lt;/a&gt;&lt;/span&gt; : Des concepts de bases importants pour l&#039;ensemble de la lecture et des écrits&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-3&quot;&gt;Neuro-anatomie&lt;/a&gt;&lt;/span&gt; : Description des différentes parties du cerveau et de son fonctionnement global&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-4&quot;&gt;Troubles et pathologies&lt;/a&gt;&lt;/span&gt; : Une liste des troubles en liens avec la psyché et le cerveau&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-5&quot;&gt;Symptomatologie&lt;/a&gt;&lt;/span&gt; : Une liste de symptômes, et leur définition précise&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-6&quot;&gt;Processus cognitifs&lt;/a&gt;&lt;/span&gt; : Une présentation des mécanismes de fonctionnement de la pensée&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-7&quot;&gt;Médication&lt;/a&gt;&lt;/span&gt; : Une approche rapide des médicaments et substances psychoactives utilisées dans le traitement des troubles psychologiques (ou qui peuvent les faire apparaître)&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-8&quot;&gt;Psychothérapies&lt;/a&gt;&lt;/span&gt; : Présentation des principales psychothérapies et des techniques qui peuvent être utilisées&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-9&quot;&gt;Glossaire&lt;/a&gt;&lt;/span&gt; : Un récapitulatif des mots importants et de leur définition&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;text-decoration: underline;&quot;&gt;&lt;a class=&quot;newpage&quot; href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-10&quot;&gt;Sources&lt;/a&gt;&lt;/span&gt; : Les diverses sources utilisées pour l&#039;écriture de cet essai&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;p&gt;&lt;strong&gt;Essai d&#039;introduction à la psychologie&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&amp;#171; Début | &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-0&quot;&gt;Retour au sommaire&lt;/a&gt; | &lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/essai-psycho-1&quot;&gt;Introduction&lt;/a&gt; &amp;#187;&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Sat, 30 Jan 2021 18:00:08 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: right;"></div> <br /> <div style="text-align: center;"> <h1><span>Essai d'introduction à la psychologie, psychiatrie, psychopathologie et neurobiologie</span></h1> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Greek_uc_psi.svg/248px-Greek_uc_psi.svg.png" alt="248px-Greek_uc_psi.svg.png" class="image" /></div> <hr /> <p><span style="white-space: pre-wrap;">&#32;</span><br /></p> <div style="text-align: justify;"> <blockquote> <h2><span>ATTENTION : Cet essai a pour but d'apporter une base d'informations et d'aide à <span style="text-decoration: underline;"><strong>l'écriture</strong></span> de vos travaux comportant des aspects psychologiques, psychiatriques ou autres sujets abordés ici (description des troubles d'un personnage, compte rendu d'évaluation psychologique, etc&#8230;) et de vous aider à donner plus de réalisme. Il n'est en aucun cas une source d'information complète et exhaustive ou d'aide à l'auto-diagnostic. En cas de besoin, rapprochez vous d'un professionnel correctement formé.</span></h2> </blockquote> </div> <br /> <div style="text-align: center;"> <h3><span><span style="text-decoration: underline;">Sommaire</span></span></h3> </div> <blockquote> <ul> <li><span style="text-decoration: underline;"><a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-1">Introduction</a></span> : Différenciation nécessaire entre psychiatrie et psychologie et mise au point sur cette dernière</li> <li><span style="text-decoration: underline;"><a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-2">Bases</a></span> : Des concepts de bases importants pour l'ensemble de la lecture et des écrits</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-3">Neuro-anatomie</a></span> : Description des différentes parties du cerveau et de son fonctionnement global</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-4">Troubles et pathologies</a></span> : Une liste des troubles en liens avec la psyché et le cerveau</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-5">Symptomatologie</a></span> : Une liste de symptômes, et leur définition précise</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-6">Processus cognitifs</a></span> : Une présentation des mécanismes de fonctionnement de la pensée</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-7">Médication</a></span> : Une approche rapide des médicaments et substances psychoactives utilisées dans le traitement des troubles psychologiques (ou qui peuvent les faire apparaître)</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-8">Psychothérapies</a></span> : Présentation des principales psychothérapies et des techniques qui peuvent être utilisées</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-9">Glossaire</a></span> : Un récapitulatif des mots importants et de leur définition</li> <li><span style="text-decoration: underline;"><a class="newpage" href="http://insurrection-du-chaos.wikidot.com/essai-psycho-10">Sources</a></span> : Les diverses sources utilisées pour l'écriture de cet essai</li> </ul> </blockquote> <hr /> <div style="text-align: center;"> <p><strong>Essai d'introduction à la psychologie</strong><br /> <strong>&#171; Début | <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-0">Retour au sommaire</a> | <a href="http://insurrection-du-chaos.wikidot.com/essai-psycho-1">Introduction</a> &#187;</strong></p> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/de-l-autre-cote-du-miroir</guid>
				<title>De l&#039;autre côté du miroir</title>
				<link>http://insurrection-du-chaos.wikidot.com/de-l-autre-cote-du-miroir</link>
				<description>

&lt;div style=&quot;text-align: right;&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
Cela faisait bientôt 45 minutes que Manuel patientait, assis sur une chaise inconfortable dans ce couloir à la décoration stérile, coincé entre un meuble à tiroirs et une plante verte en plastique. Il n’avait vu personne depuis que la secrétaire du service lui avait demandé d’attendre, et il commençait à se demander, son gobelet de café vide à la main, combien de temps cela allait encore bien durer.&lt;br /&gt;
Alors qu’il s&#039;apprêtait à se lever pour se dégourdir les jambes, un flash bleuté illumina le contour de la porte face à lui, qui s&#039;ouvrit quelque instants plus tard sur un petit homme dégarni à l’air enjoué.
&lt;p&gt;- Manuel, c’est bien ça ? lança l’inconnu en lui tendant la main.&lt;/p&gt;
&lt;p&gt;Heureux que son attente prenne fin, il acquiesça en serrant la main de son interlocuteur.&lt;/p&gt;
&lt;p&gt;- Je t’en prie, entre et installe-toi, j’arrive immédiatement.&lt;/p&gt;
&lt;p&gt;Manuel s’exécuta, pénétrant dans le petit bureau administrativement aménagé : un bureau, un ordinateur, une imprimante et beaucoup de meubles de rangements, armoires, tiroirs, étagères et autres cabinets. Seul détail sortant du lot, un immense miroir accroché au mur derrière le bureau, réfléchissant la pièce et son contenu. Tout en s’asseyant, Manuel vérifia qu’il était présentable. Il recoiffa ses cheveux bruns, qui auraient bien mérités un coup de brosse supplémentaire. Son rasage était également loin d’être parfait. Il n&#039;avait cependant pas l&#039;air négligé et après les derniers jours intenses et étranges qu&#039;il avait passé, c&#039;était bien suffisant. Il réajusta rapidement sa cravate avant d’être rejoint par le propriétaire du bureau, qui posa un dossier cartonné entre eux avant de s&#039;asseoir.&lt;/p&gt;
&lt;p&gt;- Manuel donc. Je ne me suis pas présenté. Je m’appelle Lionel, je suis chargé des ressources humaines et non-humaines de la cellule Umbra. On a dû t’en parler lors de la conférence de présentation au fonctionnement interne. La magie, les monstres, ce genre de choses.&lt;/p&gt;
&lt;p&gt;Tout en parlant, Lionel avait ouvert le dossier et commencé à le feuilleter.&lt;/p&gt;
&lt;p&gt;- Je vois ici que tu parles français, espagnol et portugais. C’est excellent. Nous avons beaucoup d’agents originaires d’Amérique du Sud, c’est un atout indéniable.&lt;/p&gt;
&lt;p&gt;Il se tut quelques instants, attendant peut-être une réponse qui ne vint pas. Il reprit rapidement son discours.&lt;/p&gt;
&lt;p&gt;- Infirmier depuis 15 ans, service des urgences, soins intensifs, grands brûlés, soins palliatifs, je vois.&lt;/p&gt;
&lt;p&gt;De nouveau un silence, de réflexion cette fois-ci.&lt;/p&gt;
&lt;p&gt;- Bien Manuel. Si on t’as envoyé ici et pas aux ressources humaines classiques, c’est à cause de ceci, annonça-t-il en tapotant du bout du doigt une étoile accolée à la photo du jeune homme dans le dossier. On a détecté chez toi un lien avec au moins une forme de magie. Ce qui fait de toi un potentiel agent de catégorie B et donc apte à rejoindre Umbra si le poste t’intéresse. Qu’est-ce que tu en dis ?&lt;/p&gt;
&lt;p&gt;Manuel cligna des yeux plusieurs fois avant d’ouvrir la bouche, pour la refermer aussitôt, et de recommencer, le choc de la nouvelle ayant court-circuité toute fonction du langage dans son cerveau.&lt;/p&gt;
&lt;p&gt;- Ça fait sans doute beaucoup d’informations d’un coup. J’oublie toujours ce détail. Je n’ai pas beaucoup de temps mais je vais essayer de résumer ce que ça signifie pour toi. Les agents de catégorie B sont ceux sensibles à au moins une forme de magie, qu’ils peuvent potentiellement manipuler. A ce titre, ils reçoivent une formation obligatoire de base à ce sujet et peuvent, si un poste correspond à leurs qualifications, rejoindre Umbra pour y travailler. En dehors d’Umbra où l’usage de la magie est optionnel, les agents de catégorie B peuvent choisir de se former plus en profondeur grâce à des formations complémentaires facultatives. Les agents de catégorie B ayant rejoint Umbra suivent une première formation complémentaire, puis une formation en alternance avec leur emploi et sont également libre de suivre les formations complémentaires s&#039;ils le désirent. En moyenne, un agent d’Umbra est complètement formé dans son domaine au bout de 3 à 5 ans, et continue souvent de se former et de s’instruire sur les 10 à 15 années suivantes. En résumé, tu peux choisir d’apprendre à contrôler tes capacités pour ne pas nous exploser à la figure, et soigner les agents au sein de nos équipes médicales normales, ou devenir un infirmier au sein d’Umbra, soigner des nouvelles pathologies que tu ne pourrais même pas imaginer tout en ayant un apprentissage approfondi de la maîtrise de tes capacités magiques.&lt;/p&gt;
&lt;p&gt;Son résumé fini, Lionel jeta un oeil sur le sablier posé sur son bureau. Les grains céruléens s&#039;accumulaient largement dans la partie basse, le peu restant en haut s’écoulant lentement et inexorablement.&lt;/p&gt;
&lt;p&gt;- Je n’ai plus beaucoup de temps malheureusement.&lt;/p&gt;
&lt;p&gt;L’agent plus âgé sorti d’un tiroir un fascicule ainsi qu’un paquet de feuilles agrafées entre elles.&lt;/p&gt;
&lt;p&gt;- Ce dépliant contient des informations plus détaillées sur la formation médicale et paramédicale de la cellule, ainsi que certaines fonctions complémentaires disponibles à tous les agents de catégorie B. Quant à ce formulaire, il s&#039;agit d’un premier outil de repérage et de détection de tes capacités.&lt;/p&gt;
&lt;p&gt;Une légère vibration emplit l’air de la pièce, un bourdonnement sourd, sans origine distincte, de plus en plus bruyant à chaque seconde.&lt;/p&gt;
&lt;p&gt;- Je vais devoir te laisser, annonça le petit homme en se levant. Je sais que ça fait beaucoup d’un coup. Prend le temps de réfléchir, tu as encore deux jours de formation et de présentation avant de rendre tes vœux d’affectation. N’hésite pas à remplir le questionnaire ici, au calme, avant de le rendre à Marine à l’accueil. Et si je peux te donner un conseil avant d’y aller, ne passe pas à côté de l’opportunité de travailler avec Umbra, ce serait vraiment dommage.&lt;/p&gt;
&lt;p&gt;Le bruit sourd s’était intensifié tout au long du discours de Lionel et semblait à présent provenir du miroir dont l’image se troublait.&lt;/p&gt;
&lt;p&gt;- Sur ce, je te dis au revoir, bon courage et à bientôt, j’espère. Pense à éteindre la lumière et fermer la porte en sortant.&lt;/p&gt;
&lt;p&gt;Sur ces mots, la pièce fut envahie d’une aveuglante lumière bleue. Quand elle se dissipa, le bruit s&#039;était arrêté et Manuel était seul dans le bureau.&lt;br /&gt;
Il jeta un oeil à l’entête du questionnaire&lt;br /&gt;&lt;/p&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;OEDIPE&lt;br /&gt;
Outil d&#039;Évaluation des Dons Innés et Prédispositions Esotériques&lt;br /&gt;
Version abrégée&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;br /&gt;
Son regard se perdit un instant dans le vide, submergé par le flot de pensées qui l‘assaillaient à cet instant.&lt;br /&gt;
Sans y réfléchir, il attrapa un stylo et se reconcentra sur le questionnaire
&lt;blockquote&gt;
&lt;p&gt;Question 1/788&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;- Il va me falloir un autre café.&lt;/p&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Fri, 21 Aug 2020 11:49:27 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: right;"></div> <br /> Cela faisait bientôt 45 minutes que Manuel patientait, assis sur une chaise inconfortable dans ce couloir à la décoration stérile, coincé entre un meuble à tiroirs et une plante verte en plastique. Il n’avait vu personne depuis que la secrétaire du service lui avait demandé d’attendre, et il commençait à se demander, son gobelet de café vide à la main, combien de temps cela allait encore bien durer.<br /> Alors qu’il s'apprêtait à se lever pour se dégourdir les jambes, un flash bleuté illumina le contour de la porte face à lui, qui s'ouvrit quelque instants plus tard sur un petit homme dégarni à l’air enjoué. <p>- Manuel, c’est bien ça ? lança l’inconnu en lui tendant la main.</p> <p>Heureux que son attente prenne fin, il acquiesça en serrant la main de son interlocuteur.</p> <p>- Je t’en prie, entre et installe-toi, j’arrive immédiatement.</p> <p>Manuel s’exécuta, pénétrant dans le petit bureau administrativement aménagé : un bureau, un ordinateur, une imprimante et beaucoup de meubles de rangements, armoires, tiroirs, étagères et autres cabinets. Seul détail sortant du lot, un immense miroir accroché au mur derrière le bureau, réfléchissant la pièce et son contenu. Tout en s’asseyant, Manuel vérifia qu’il était présentable. Il recoiffa ses cheveux bruns, qui auraient bien mérités un coup de brosse supplémentaire. Son rasage était également loin d’être parfait. Il n'avait cependant pas l'air négligé et après les derniers jours intenses et étranges qu'il avait passé, c'était bien suffisant. Il réajusta rapidement sa cravate avant d’être rejoint par le propriétaire du bureau, qui posa un dossier cartonné entre eux avant de s'asseoir.</p> <p>- Manuel donc. Je ne me suis pas présenté. Je m’appelle Lionel, je suis chargé des ressources humaines et non-humaines de la cellule Umbra. On a dû t’en parler lors de la conférence de présentation au fonctionnement interne. La magie, les monstres, ce genre de choses.</p> <p>Tout en parlant, Lionel avait ouvert le dossier et commencé à le feuilleter.</p> <p>- Je vois ici que tu parles français, espagnol et portugais. C’est excellent. Nous avons beaucoup d’agents originaires d’Amérique du Sud, c’est un atout indéniable.</p> <p>Il se tut quelques instants, attendant peut-être une réponse qui ne vint pas. Il reprit rapidement son discours.</p> <p>- Infirmier depuis 15 ans, service des urgences, soins intensifs, grands brûlés, soins palliatifs, je vois.</p> <p>De nouveau un silence, de réflexion cette fois-ci.</p> <p>- Bien Manuel. Si on t’as envoyé ici et pas aux ressources humaines classiques, c’est à cause de ceci, annonça-t-il en tapotant du bout du doigt une étoile accolée à la photo du jeune homme dans le dossier. On a détecté chez toi un lien avec au moins une forme de magie. Ce qui fait de toi un potentiel agent de catégorie B et donc apte à rejoindre Umbra si le poste t’intéresse. Qu’est-ce que tu en dis ?</p> <p>Manuel cligna des yeux plusieurs fois avant d’ouvrir la bouche, pour la refermer aussitôt, et de recommencer, le choc de la nouvelle ayant court-circuité toute fonction du langage dans son cerveau.</p> <p>- Ça fait sans doute beaucoup d’informations d’un coup. J’oublie toujours ce détail. Je n’ai pas beaucoup de temps mais je vais essayer de résumer ce que ça signifie pour toi. Les agents de catégorie B sont ceux sensibles à au moins une forme de magie, qu’ils peuvent potentiellement manipuler. A ce titre, ils reçoivent une formation obligatoire de base à ce sujet et peuvent, si un poste correspond à leurs qualifications, rejoindre Umbra pour y travailler. En dehors d’Umbra où l’usage de la magie est optionnel, les agents de catégorie B peuvent choisir de se former plus en profondeur grâce à des formations complémentaires facultatives. Les agents de catégorie B ayant rejoint Umbra suivent une première formation complémentaire, puis une formation en alternance avec leur emploi et sont également libre de suivre les formations complémentaires s'ils le désirent. En moyenne, un agent d’Umbra est complètement formé dans son domaine au bout de 3 à 5 ans, et continue souvent de se former et de s’instruire sur les 10 à 15 années suivantes. En résumé, tu peux choisir d’apprendre à contrôler tes capacités pour ne pas nous exploser à la figure, et soigner les agents au sein de nos équipes médicales normales, ou devenir un infirmier au sein d’Umbra, soigner des nouvelles pathologies que tu ne pourrais même pas imaginer tout en ayant un apprentissage approfondi de la maîtrise de tes capacités magiques.</p> <p>Son résumé fini, Lionel jeta un oeil sur le sablier posé sur son bureau. Les grains céruléens s'accumulaient largement dans la partie basse, le peu restant en haut s’écoulant lentement et inexorablement.</p> <p>- Je n’ai plus beaucoup de temps malheureusement.</p> <p>L’agent plus âgé sorti d’un tiroir un fascicule ainsi qu’un paquet de feuilles agrafées entre elles.</p> <p>- Ce dépliant contient des informations plus détaillées sur la formation médicale et paramédicale de la cellule, ainsi que certaines fonctions complémentaires disponibles à tous les agents de catégorie B. Quant à ce formulaire, il s'agit d’un premier outil de repérage et de détection de tes capacités.</p> <p>Une légère vibration emplit l’air de la pièce, un bourdonnement sourd, sans origine distincte, de plus en plus bruyant à chaque seconde.</p> <p>- Je vais devoir te laisser, annonça le petit homme en se levant. Je sais que ça fait beaucoup d’un coup. Prend le temps de réfléchir, tu as encore deux jours de formation et de présentation avant de rendre tes vœux d’affectation. N’hésite pas à remplir le questionnaire ici, au calme, avant de le rendre à Marine à l’accueil. Et si je peux te donner un conseil avant d’y aller, ne passe pas à côté de l’opportunité de travailler avec Umbra, ce serait vraiment dommage.</p> <p>Le bruit sourd s’était intensifié tout au long du discours de Lionel et semblait à présent provenir du miroir dont l’image se troublait.</p> <p>- Sur ce, je te dis au revoir, bon courage et à bientôt, j’espère. Pense à éteindre la lumière et fermer la porte en sortant.</p> <p>Sur ces mots, la pièce fut envahie d’une aveuglante lumière bleue. Quand elle se dissipa, le bruit s'était arrêté et Manuel était seul dans le bureau.<br /> Il jeta un oeil à l’entête du questionnaire<br /></p> <div style="text-align: center;"> <blockquote> <p>OEDIPE<br /> Outil d'Évaluation des Dons Innés et Prédispositions Esotériques<br /> Version abrégée</p> </blockquote> </div> <br /> Son regard se perdit un instant dans le vide, submergé par le flot de pensées qui l‘assaillaient à cet instant.<br /> Sans y réfléchir, il attrapa un stylo et se reconcentra sur le questionnaire <blockquote> <p>Question 1/788</p> </blockquote> <p>- Il va me falloir un autre café.</p> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/accreditation-insuffisante</guid>
				<title>ERR: 864</title>
				<link>http://insurrection-du-chaos.wikidot.com/accreditation-insuffisante</link>
				<description>

&lt;div class=&quot;unmargined&quot; style=&quot;margin: 0 auto 20px; background-color: #b01; border: solid 1px #b01; border-radius: 5px; text-align: center; width: 700px;&quot;&gt;
&lt;div class=&quot;unmargined&quot; style=&quot;margin: 20px 0; font-size: 280%; color: #fff; font-weight: bold;&quot;&gt;
&lt;p&gt;ERREUR : ACCÈS REFUSÉ&lt;br /&gt;
&lt;br /&gt;
ACCRÉDITATION INSUFFISANTE&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Fri, 22 May 2020 14:37:55 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="unmargined" style="margin: 0 auto 20px; background-color: #b01; border: solid 1px #b01; border-radius: 5px; text-align: center; width: 700px;"> <div class="unmargined" style="margin: 20px 0; font-size: 280%; color: #fff; font-weight: bold;"> <p>ERREUR : ACCÈS REFUSÉ<br /> <br /> ACCRÉDITATION INSUFFISANTE</p> </div> </div> <div class="box-grey"></div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/eit-valkyrie</guid>
				<title>E.I.T. Valkyrie</title>
				<link>http://insurrection-du-chaos.wikidot.com/eit-valkyrie</link>
				<description>

&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span style=&quot;font-size:200%;&quot;&gt;&lt;span&gt;E.I.T. Valkyrie&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;blockquote&gt;
&lt;h2&gt;&lt;span&gt;Equipe d&#039;Intervention sur le Terrain de soutien&lt;/span&gt;&lt;/h2&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Hiérarchie&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;column-count: 2; column-gap: 0px; column-width: 300px&quot;&gt;
&lt;div style=&quot;border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Commandant ★★★★&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;Cm. Dr. Elsa Mínervudóttir&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Capitaines ★★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Capt. Dr. A. Paulsen&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Capt. Dr. V. Badillo&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Lieutenants ★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Lt. X. Millet&lt;/li&gt;
&lt;li&gt;Lt. K. Thrace&lt;/li&gt;
&lt;li&gt;Lt. W. Kirby&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src=&quot;http://insurrection-du-chaos.wikidot.com/local--files/hub-eit/EIT-Valkyrie.svg&quot; style=&quot;height: 200px&quot; alt=&quot;EIT-Valkyrie.svg&quot; class=&quot;image&quot; /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;Logo&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table style=&quot;margin: auto; padding: 0px&quot;&gt;
&lt;tr&gt;
&lt;th style=&quot;border:1px solid silver; background: #A3E2EC; height: 100px;width: 108px&quot;&gt;&lt;/th&gt;
&lt;th style=&quot;border: 1px solid silver; background: #D4AF37; height: 100px; width: 108px&quot;&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th style=&quot;border: 1px solid grey; background: WhiteSmoke; text-align: center&quot; colspan=&quot;2&quot;&gt;Couleurs&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Missions&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;L’Équipe d&#039;Intervention sur le Terrain Valkyrie est composée de médecins et de soignants de tous types. Tous ses membres sont formés aux soins quelque soit le terrain ou la situation. Cette équipe de soutien est de presque toutes les missions, quelque soit leur envergure.&lt;br /&gt;
&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;Leurs missions les plus courantes sont la préparation de matériel d’urgence, la récupération et le soin des unitées blessées sur le terrain. Ils viennent en aide aussi bien aux alliés qu’aux ennemis. Un ennemi sauvé est un potentiel allié ou prisonnier utile.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Documents&lt;/span&gt;&lt;/h1&gt;

&lt;div id=&quot;wiki-tabview-c41c7954859f45c0dccdec8284c6d20b&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;❌&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Objets&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Contes&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Autres&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;DOCUMENTS ARCHIVÉS&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-size:70%;&quot;&gt;Ce service vous est fourni par l&#039;organite Mnemosyne.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-3&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: right; margin-bottom: 10px;&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;Code Mnemosyne&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0&quot;&gt;
&lt;h4&gt;&lt;span&gt;&lt;tt&gt;N° PX-S2Y1-FFX&lt;/tt&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 23:00:05 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: center;"> <h1><span style="font-size:200%;"><span>E.I.T. Valkyrie</span></span></h1> <blockquote> <h2><span>Equipe d'Intervention sur le Terrain de soutien</span></h2> </blockquote> </div> <hr /> <h1><span>Hiérarchie</span></h1> <div style="column-count: 2; column-gap: 0px; column-width: 300px"> <div style="border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px"> <div style="text-align: center;"> <h2><span>Commandant ★★★★</span></h2> <p>Cm. Dr. Elsa Mínervudóttir</p> </div> <div style="text-align: center;"> <h2><span>Capitaines ★★★</span></h2> </div> <ul> <li>Capt. Dr. A. Paulsen</li> </ul> <ul> <li>Capt. Dr. V. Badillo</li> </ul> <div style="text-align: center;"> <h2><span>Lieutenants ★★</span></h2> </div> <ul> <li>Lt. X. Millet</li> <li>Lt. K. Thrace</li> <li>Lt. W. Kirby</li> </ul> </div> <div> <table class="wiki-content-table"> <tr> <td><img src="http://insurrection-du-chaos.wikidot.com/local--files/hub-eit/EIT-Valkyrie.svg" style="height: 200px" alt="EIT-Valkyrie.svg" class="image" /></td> </tr> <tr> <th>Logo</th> </tr> </table> <table style="margin: auto; padding: 0px"> <tr> <th style="border:1px solid silver; background: #A3E2EC; height: 100px;width: 108px"></th> <th style="border: 1px solid silver; background: #D4AF37; height: 100px; width: 108px"></th> </tr> <tr> <th style="border: 1px solid grey; background: WhiteSmoke; text-align: center" colspan="2">Couleurs</th> </tr> </table> </div> </div> <hr /> <h1><span>Missions</span></h1> <div style="text-align: justify;"> <blockquote> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;&#32;</span>L’Équipe d'Intervention sur le Terrain Valkyrie est composée de médecins et de soignants de tous types. Tous ses membres sont formés aux soins quelque soit le terrain ou la situation. Cette équipe de soutien est de presque toutes les missions, quelque soit leur envergure.<br /> <span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;&#32;</span>Leurs missions les plus courantes sont la préparation de matériel d’urgence, la récupération et le soin des unitées blessées sur le terrain. Ils viennent en aide aussi bien aux alliés qu’aux ennemis. Un ennemi sauvé est un potentiel allié ou prisonnier utile.</p> </blockquote> </div> <hr /> <h1><span>Documents</span></h1> <div id="wiki-tabview-e8bfffe77610a5f4a8612d6d18bd6682" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>❌</em></a></li> <li><a href="javascript:;"><em>Objets</em></a></li> <li><a href="javascript:;"><em>Contes</em></a></li> <li><a href="javascript:;"><em>Autres</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"> <h1><span>DOCUMENTS ARCHIVÉS</span></h1> <div style="text-align: right;"> <p><span style="font-size:70%;">Ce service vous est fourni par l'organite Mnemosyne.</span></p> </div> </div> </div> <div id="wiki-tab-0-1" style="display:none"></div> <div id="wiki-tab-0-2" style="display:none"></div> <div id="wiki-tab-0-3" style="display:none"></div> </div> </div> <br /> <hr /> <div style="text-align: right; margin-bottom: 10px;"> <p><strong><tt>Code Mnemosyne</tt></strong></p> <div style="border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0"> <h4><span><tt>N° PX-S2Y1-FFX</tt></span></h4> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/eit-windgod</guid>
				<title>E.I.T. Windgod</title>
				<link>http://insurrection-du-chaos.wikidot.com/eit-windgod</link>
				<description>

&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span style=&quot;font-size:200%;&quot;&gt;&lt;span&gt;E.I.T. Windgod&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;blockquote&gt;
&lt;h2&gt;&lt;span&gt;Equipe d&#039;Intervention sur le Terrain militaire&lt;/span&gt;&lt;/h2&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Hiérarchie&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;column-count: 2; column-gap: 0px; column-width: 300px&quot;&gt;
&lt;div style=&quot;border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Commandant ★★★★&lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;Cm. Lukas Alizé&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Capitaines ★★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Capt. C.B. Jacob&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Capt. Z. Marie&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Lieutenants ★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Lt. K. Park&lt;/li&gt;
&lt;li&gt;Lt. C. Eolia&lt;/li&gt;
&lt;li&gt;Lt. M. Richter&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src=&quot;http://insurrection-du-chaos.wikidot.com/local--files/hub-eit/EIT-Windgod.svg&quot; style=&quot;height: 200px&quot; alt=&quot;EIT-Windgod.svg&quot; class=&quot;image&quot; /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;Logo&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table style=&quot;margin: auto; padding: 0px&quot;&gt;
&lt;tr&gt;
&lt;th style=&quot;border: 1px solid silver; background-color: #FDA45C; height: 100px;width: 108px&quot;&gt;&lt;/th&gt;
&lt;th style=&quot;border: 1px solid silver; background: linear-gradient(43deg, #232322 48%,#232322 50%,#FEF6EF 50%); height: 100px; width: 108px&quot;&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th style=&quot;border: 1px solid grey; background: WhiteSmoke; text-align: center&quot; colspan=&quot;2&quot;&gt;Couleurs&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Missions&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;L’Équipe d&#039;Intervention sur le Terrain Windgod est spécialisée dans la pose d&#039;explosifs et dans les missions de déminage. La dangerosité des opérations menées par cette équipe est à l&#039;origine des nombreuses infirmités des membres de cette EIT.&lt;br /&gt;
&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;Leur mission est de piéger leurs ennemis et de rendre le chemin sûr pour leurs alliés. Les membres de l’EIT sont divisées en équipes avec chacune leurs spécialités. Elle bénéficie aussi d’une équipe de scientifiques dédiés aux simulations pouvant être mise à contribution pour des expériences ou tests sur des entités qui collaborent avec l’Insurrection&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Documents&lt;/span&gt;&lt;/h1&gt;

&lt;div id=&quot;wiki-tabview-903d5580d57c9718d2b9d26244526ace&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;❌&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Objets&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Contes&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Autres&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;DOCUMENTS ARCHIVÉS&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-size:70%;&quot;&gt;Ce service vous est fourni par l&#039;organite Mnemosyne.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-3&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;In Memoriam&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;border: dashed 1px grey; background-color: whitesmoke; padding: 10px;&quot;&gt;
&lt;p&gt;A la mémoire de nos camarades morts pour la cause&lt;/p&gt;
&lt;div style=&quot;column-count: 2; column-gap: 0px; column-rule: 1px solid black;&quot;&gt;
&lt;ul&gt;
&lt;li&gt;Cm. Rebecca Jacob&lt;/li&gt;
&lt;li&gt;Lieutenant Alex Roche&lt;/li&gt;
&lt;li&gt;Lieutenant Alicia Hochard&lt;/li&gt;
&lt;li&gt;Soldat Maxime Rochon&lt;/li&gt;
&lt;li&gt;Lieutenant Sarah Jean&lt;/li&gt;
&lt;li&gt;Soldat Sarah Ether&lt;/li&gt;
&lt;li&gt;Soldat Samuel Marais&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: right; margin-bottom: 10px;&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;Code Mnemosyne&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0&quot;&gt;
&lt;h4&gt;&lt;span&gt;&lt;tt&gt;N° 6V-VB55-JVQ&lt;/tt&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 22:59:01 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: center;"> <h1><span style="font-size:200%;"><span>E.I.T. Windgod</span></span></h1> <blockquote> <h2><span>Equipe d'Intervention sur le Terrain militaire</span></h2> </blockquote> </div> <hr /> <h1><span>Hiérarchie</span></h1> <div style="column-count: 2; column-gap: 0px; column-width: 300px"> <div style="border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px"> <div style="text-align: center;"> <h2><span>Commandant ★★★★</span></h2> <p>Cm. Lukas Alizé</p> </div> <div style="text-align: center;"> <h2><span>Capitaines ★★★</span></h2> </div> <ul> <li>Capt. C.B. Jacob</li> </ul> <ul> <li>Capt. Z. Marie</li> </ul> <div style="text-align: center;"> <h2><span>Lieutenants ★★</span></h2> </div> <ul> <li>Lt. K. Park</li> <li>Lt. C. Eolia</li> <li>Lt. M. Richter</li> </ul> </div> <div> <table class="wiki-content-table"> <tr> <td><img src="http://insurrection-du-chaos.wikidot.com/local--files/hub-eit/EIT-Windgod.svg" style="height: 200px" alt="EIT-Windgod.svg" class="image" /></td> </tr> <tr> <th>Logo</th> </tr> </table> <table style="margin: auto; padding: 0px"> <tr> <th style="border: 1px solid silver; background-color: #FDA45C; height: 100px;width: 108px"></th> <th style="border: 1px solid silver; background: linear-gradient(43deg, #232322 48%,#232322 50%,#FEF6EF 50%); height: 100px; width: 108px"></th> </tr> <tr> <th style="border: 1px solid grey; background: WhiteSmoke; text-align: center" colspan="2">Couleurs</th> </tr> </table> </div> </div> <hr /> <h1><span>Missions</span></h1> <div style="text-align: justify;"> <blockquote> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;&#32;</span>L’Équipe d'Intervention sur le Terrain Windgod est spécialisée dans la pose d'explosifs et dans les missions de déminage. La dangerosité des opérations menées par cette équipe est à l'origine des nombreuses infirmités des membres de cette EIT.<br /> <span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;&#32;</span>Leur mission est de piéger leurs ennemis et de rendre le chemin sûr pour leurs alliés. Les membres de l’EIT sont divisées en équipes avec chacune leurs spécialités. Elle bénéficie aussi d’une équipe de scientifiques dédiés aux simulations pouvant être mise à contribution pour des expériences ou tests sur des entités qui collaborent avec l’Insurrection</p> </blockquote> </div> <hr /> <h1><span>Documents</span></h1> <div id="wiki-tabview-95c587694398eca66a03943aa5ae5cc3" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>❌</em></a></li> <li><a href="javascript:;"><em>Objets</em></a></li> <li><a href="javascript:;"><em>Contes</em></a></li> <li><a href="javascript:;"><em>Autres</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"> <h1><span>DOCUMENTS ARCHIVÉS</span></h1> <div style="text-align: right;"> <p><span style="font-size:70%;">Ce service vous est fourni par l'organite Mnemosyne.</span></p> </div> </div> </div> <div id="wiki-tab-0-1" style="display:none"></div> <div id="wiki-tab-0-2" style="display:none"></div> <div id="wiki-tab-0-3" style="display:none"></div> </div> </div> <br /> <hr /> <h1><span>In Memoriam</span></h1> <div style="border: dashed 1px grey; background-color: whitesmoke; padding: 10px;"> <p>A la mémoire de nos camarades morts pour la cause</p> <div style="column-count: 2; column-gap: 0px; column-rule: 1px solid black;"> <ul> <li>Cm. Rebecca Jacob</li> <li>Lieutenant Alex Roche</li> <li>Lieutenant Alicia Hochard</li> <li>Soldat Maxime Rochon</li> <li>Lieutenant Sarah Jean</li> <li>Soldat Sarah Ether</li> <li>Soldat Samuel Marais</li> </ul> </div> </div> <div style="text-align: right; margin-bottom: 10px;"> <p><strong><tt>Code Mnemosyne</tt></strong></p> <div style="border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0"> <h4><span><tt>N° 6V-VB55-JVQ</tt></span></h4> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/modele-eit</guid>
				<title>Modèle E. I. T.</title>
				<link>http://insurrection-du-chaos.wikidot.com/modele-eit</link>
				<description>

&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span style=&quot;font-size:200%;&quot;&gt;&lt;span&gt;E.I.T. ████████&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;blockquote&gt;
&lt;h2&gt;&lt;span&gt;Equipe d&#039;Intervention sur le Terrain d&#039;assaut/infiltration/recherche/soutien/mixte&lt;/span&gt;&lt;/h2&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Hiérarchie&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;column-count: 2; column-gap: 0px; column-width: 300px&quot;&gt;
&lt;div style=&quot;border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Commandant ★★★★&lt;/span&gt;&lt;/h2&gt;
&lt;h5&gt;&lt;span&gt;████&lt;/span&gt;&lt;/h5&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Capitaine(s) ★★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;██&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Lieutenant(s) ★★&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;██&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src=&quot;https://picsum.photos/200&quot; style=&quot;height: 200px&quot; alt=&quot;200&quot; class=&quot;image&quot; /&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;Logo&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;table style=&quot;margin: auto; padding: 0px&quot;&gt;
&lt;tr&gt;
&lt;th style=&quot;border: 1px solid silver; background-color: #151515; height: 100px;width: 108px&quot;&gt;&lt;/th&gt;
&lt;th style=&quot;border: 1px solid silver; background-color: #151515; height: 100px; width: 108px&quot;&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th style=&quot;border: 1px solid grey; background: WhiteSmoke; text-align: center&quot; colspan=&quot;2&quot;&gt;Couleurs&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Missions&lt;/span&gt;&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;Présentation de l&#039;EIT et résumé des missions et attribution de l&#039;EIT&lt;/p&gt;
&lt;/blockquote&gt;
&lt;hr /&gt;
&lt;h1&gt;&lt;span&gt;Documents&lt;/span&gt;&lt;/h1&gt;

&lt;div id=&quot;wiki-tabview-b355c554e158abdc0d3fcfc90eb22fd4&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;❌&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Objets&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Contes&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Autres&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;DOCUMENTS ARCHIVÉS&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-size:70%;&quot;&gt;Ce service vous est fourni par l&#039;organite Mnemosyne.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-3&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: right; margin-bottom: 10px;&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;Code Mnemosyne&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 22:55:47 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="text-align: center;"> <h1><span style="font-size:200%;"><span>E.I.T. ████████</span></span></h1> <blockquote> <h2><span>Equipe d'Intervention sur le Terrain d'assaut/infiltration/recherche/soutien/mixte</span></h2> </blockquote> </div> <hr /> <h1><span>Hiérarchie</span></h1> <div style="column-count: 2; column-gap: 0px; column-width: 300px"> <div style="border: dashed 1px grey; background-color: whitesmoke; padding: 10px; height: 380px"> <div style="text-align: center;"> <h2><span>Commandant ★★★★</span></h2> <h5><span>████</span></h5> </div> <br /> <div style="text-align: center;"> <h2><span>Capitaine(s) ★★★</span></h2> </div> <ul> <li>██</li> </ul> <div style="text-align: center;"> <h2><span>Lieutenant(s) ★★</span></h2> </div> <ul> <li>██</li> </ul> </div> <div> <table class="wiki-content-table"> <tr> <td><img src="https://picsum.photos/200" style="height: 200px" alt="200" class="image" /></td> </tr> <tr> <th>Logo</th> </tr> </table> <table style="margin: auto; padding: 0px"> <tr> <th style="border: 1px solid silver; background-color: #151515; height: 100px;width: 108px"></th> <th style="border: 1px solid silver; background-color: #151515; height: 100px; width: 108px"></th> </tr> <tr> <th style="border: 1px solid grey; background: WhiteSmoke; text-align: center" colspan="2">Couleurs</th> </tr> </table> </div> </div> <hr /> <h1><span>Missions</span></h1> <blockquote> <p>Présentation de l'EIT et résumé des missions et attribution de l'EIT</p> </blockquote> <hr /> <h1><span>Documents</span></h1> <div id="wiki-tabview-da6ac7ad359906cd5887ac0bd81069ce" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>❌</em></a></li> <li><a href="javascript:;"><em>Objets</em></a></li> <li><a href="javascript:;"><em>Contes</em></a></li> <li><a href="javascript:;"><em>Autres</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"> <h1><span>DOCUMENTS ARCHIVÉS</span></h1> <div style="text-align: right;"> <p><span style="font-size:70%;">Ce service vous est fourni par l'organite Mnemosyne.</span></p> </div> </div> </div> <div id="wiki-tab-0-1" style="display:none"></div> <div id="wiki-tab-0-2" style="display:none"></div> <div id="wiki-tab-0-3" style="display:none"></div> </div> </div> <br /> <hr /> <div style="text-align: right; margin-bottom: 10px;"> <p><strong><tt>Code Mnemosyne</tt></strong></p> <div style="border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0"></div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/css-boutons-html</guid>
				<title>CSS Boutons HTML</title>
				<link>http://insurrection-du-chaos.wikidot.com/css-boutons-html</link>
				<description>

&lt;div class=&quot;code&quot;&gt;
&lt;div class=&quot;hl-main&quot;&gt;
&lt;pre&gt;&lt;span class=&quot;hl-var&quot;&gt;@charset&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;utf-8&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;quot;;
 &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;@import&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;(&#039;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;https&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;://&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;fonts.googleapis.com&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;css&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;?&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;family&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;Cairo&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;amp;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;display&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;swap&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&#039;);
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;hl-special&quot;&gt;:link&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;hl-special&quot;&gt;:visited&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;border-radius :&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;color:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;white&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;background-color:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;#141414&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;padding:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;20&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;%&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;margin :&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;10&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;width:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;30&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;%&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;box-sizing:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; border-box&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;text-align:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;text-decoration:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;none&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;display:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;inline-block&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;font-family:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; Cairo&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;font-size:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;15&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;font-weight:&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;bold&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;hl-special&quot;&gt;:hover&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;hl-special&quot;&gt;:active&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;background-color:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;#C72E2E&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;color:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;white&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;transition:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; color &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.2&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;s, background-color &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.2&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;s&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 22:38:17 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="code"> <div class="hl-main"> <pre><span class="hl-var">@charset</span><span class="hl-code"> &quot;</span><span class="hl-identifier">utf-8</span><span class="hl-code">&quot;; </span><span class="hl-var">@import</span><span class="hl-code"> </span><span class="hl-identifier">url</span><span class="hl-code">('</span><span class="hl-identifier">https</span><span class="hl-code">://</span><span class="hl-identifier">fonts.googleapis.com</span><span class="hl-code">/</span><span class="hl-identifier">css</span><span class="hl-code">?</span><span class="hl-identifier">family</span><span class="hl-code">=</span><span class="hl-identifier">Cairo</span><span class="hl-code">&amp;</span><span class="hl-identifier">display</span><span class="hl-code">=</span><span class="hl-identifier">swap</span><span class="hl-code">'); </span><span class="hl-identifier">a</span><span class="hl-special">:link</span><span class="hl-code">, </span><span class="hl-identifier">a</span><span class="hl-special">:visited</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">border-radius :</span><span class="hl-code"> </span><span class="hl-number">5</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">color:</span><span class="hl-code"> </span><span class="hl-var">white</span><span class="hl-code">; </span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-var">#141414</span><span class="hl-code">; </span><span class="hl-reserved">padding:</span><span class="hl-code"> </span><span class="hl-number">20</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">%</span><span class="hl-code">; </span><span class="hl-reserved">margin :</span><span class="hl-code"> </span><span class="hl-number">10</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">5</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">10</span><span class="hl-string">px</span><span class="hl-code"> </span><span class="hl-number">10</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">30</span><span class="hl-string">%</span><span class="hl-code">; </span><span class="hl-reserved">box-sizing:</span><span class="hl-code"> border-box</span><span class="hl-code">; </span><span class="hl-reserved">text-align:</span><span class="hl-code"> </span><span class="hl-string">center</span><span class="hl-code">; </span><span class="hl-reserved">text-decoration:</span><span class="hl-code"> </span><span class="hl-string">none</span><span class="hl-code">; </span><span class="hl-reserved">display:</span><span class="hl-code"> </span><span class="hl-string">inline-block</span><span class="hl-code">; </span><span class="hl-reserved">font-family:</span><span class="hl-code"> Cairo</span><span class="hl-code">; </span><span class="hl-reserved">font-size:</span><span class="hl-number">15</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">font-weight:</span><span class="hl-string">bold</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code">, </span><span class="hl-identifier">a</span><span class="hl-special">:active</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-color:</span><span class="hl-code"> </span><span class="hl-var">#C72E2E</span><span class="hl-code">; </span><span class="hl-reserved">color:</span><span class="hl-code"> </span><span class="hl-var">white</span><span class="hl-code">; </span><span class="hl-reserved">transition:</span><span class="hl-code"> color </span><span class="hl-number">0.2</span><span class="hl-code">s, background-color </span><span class="hl-number">0.2</span><span class="hl-code">s</span><span class="hl-code">; </span><span class="hl-brackets">}</span></pre></div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/enonce-mission</guid>
				<title>Enoncé de la mission</title>
				<link>http://insurrection-du-chaos.wikidot.com/enonce-mission</link>
				<description>

&lt;div style=&quot;background-image: url(http://ci-wiki.wdfiles.com/local--files/about/coolspace_noir.jpg);border-radius:5px;color: white;text-align: justify;padding: 15px;&quot;&gt;
&lt;div style=&quot;font-size:300%; text-align:center&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;L&#039;Insurrection du Chaos&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;h1&gt;&lt;span&gt;Qui sommes-nous ?&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;L&#039;Insurrection du Chaos est une organisation issue de la Fondation SCP. Autrefois sous leurs ordres, nous avons fait sécession en 1924, suite à une guerre interne. Les membres fondateurs de l&#039;Insurrection actuelle en étaient venus à répugner l&#039;idéologie centrale de la Fondation. Leurs idées nouvelles ignorées, rejetées, ridiculisées, nos fondateurs se sont regroupés afin de former un nouveau groupe, indépendant et libre, afin d&#039;apporter au monde les bienfaits du Chaos. Mais la Fondation ne l&#039;entendait pas de cette oreille. Cette dernière a pour unique mission de confiner et dissimuler l&#039;anormal au reste du monde, alors que l&#039;Insurrection cherche à le libérer et à l&#039;utiliser afin de faire avancer l&#039;Humanité, à profiter de tous les bienfaits que ces mystères peuvent nous offrir.&lt;br /&gt;
&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;Refusant de nous écouter, la Fondation fut à l&#039;origine de violents combats entre les deux camps, se soldant par de nombreux morts des deux côtés. Malgré les affaiblissements des batailles, nos Fondateurs survivants réussirent à réunir les ressources nécessaires et à fonder les prémices de l&#039;Insurrection telle que nous la connaissons aujourd&#039;hui. Forte. Indépendante. Libératrice.&lt;/p&gt;
&lt;h1&gt;&lt;span&gt;Nos méthodes et objectifs&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;L&#039;objectif Premier et Absolu de l&#039;Insurrection est de permettre à l&#039;Humanité d&#039;évoluer et de s&#039;améliorer grâce à l&#039;anormal. Nos objectifs secondaires sont tous tournés vers ce but. Ils sont d&#039;obtenir des objets anormaux, de les étudier, de les comprendre et d&#039;utiliser cette connaissance pour le bénéfice de la cause et de l&#039;humanité. Il nous incombe également d&#039;instruire le monde, de leur enseigner que l&#039;anormal ne doit pas être craint, mais accepté, accueilli les bras ouverts.&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;Les objets collectés par l’Insurrection du Chaos doivent être utiles et exploitables pour poursuivre le but de l’Insurrection, et être sous contrôle. Nous prenons également part à la course à l&#039;armement et à la collecte d’informations, et est alliée aux pays du Tiers-Monde, délaissés par la Fondation et autres Groupes d&#039;Intérêts majeurs. En échange des ressources de ces pays, nous leur promettons d&#039;être les premiers à bénéficier des avancées que nous offrirons à l&#039;Humanité.&lt;/p&gt;
&lt;h1&gt;&lt;span&gt;Fonctionnement de l&#039;Insurrection&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;&lt;span style=&quot;white-space: pre-wrap;&quot;&gt;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&amp;#32;&lt;/span&gt;Au coeur même de son organisation, l’Insurrection est divisée et décentralisée mais toujours connectée et reliée d&#039;une manière ou d&#039;une autre. Ainsi, même dans l&#039;éventualité où la moitié, voire les trois quarts, de l’Insurrection étaient détruits, les parties survivantes seraient toujours auto-suffisantes et capables de reconstruire rapidement ce qui aurait été perdu. Cette organisation est devenue la fierté de l’Insurrection, prouvant que notre cause ne peut être arrêtée et que nos opérateurs sont engagés dans le sang.&lt;/p&gt;
&lt;div style=&quot;font-size: 200%;color: white;text-align: center;&quot;&gt;
&lt;p&gt;&lt;tt&gt;&lt;strong&gt;Pour l&#039;Humanité, par le Chaos&lt;/strong&gt;&lt;/tt&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 22:34:42 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="background-image: url(http://ci-wiki.wdfiles.com/local--files/about/coolspace_noir.jpg);border-radius:5px;color: white;text-align: justify;padding: 15px;"> <div style="font-size:300%; text-align:center"> <p><strong><tt>L'Insurrection du Chaos</tt></strong></p> </div> <h1><span>Qui sommes-nous ?</span></h1> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;</span>L'Insurrection du Chaos est une organisation issue de la Fondation SCP. Autrefois sous leurs ordres, nous avons fait sécession en 1924, suite à une guerre interne. Les membres fondateurs de l'Insurrection actuelle en étaient venus à répugner l'idéologie centrale de la Fondation. Leurs idées nouvelles ignorées, rejetées, ridiculisées, nos fondateurs se sont regroupés afin de former un nouveau groupe, indépendant et libre, afin d'apporter au monde les bienfaits du Chaos. Mais la Fondation ne l'entendait pas de cette oreille. Cette dernière a pour unique mission de confiner et dissimuler l'anormal au reste du monde, alors que l'Insurrection cherche à le libérer et à l'utiliser afin de faire avancer l'Humanité, à profiter de tous les bienfaits que ces mystères peuvent nous offrir.<br /> <span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;</span>Refusant de nous écouter, la Fondation fut à l'origine de violents combats entre les deux camps, se soldant par de nombreux morts des deux côtés. Malgré les affaiblissements des batailles, nos Fondateurs survivants réussirent à réunir les ressources nécessaires et à fonder les prémices de l'Insurrection telle que nous la connaissons aujourd'hui. Forte. Indépendante. Libératrice.</p> <h1><span>Nos méthodes et objectifs</span></h1> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;</span>L'objectif Premier et Absolu de l'Insurrection est de permettre à l'Humanité d'évoluer et de s'améliorer grâce à l'anormal. Nos objectifs secondaires sont tous tournés vers ce but. Ils sont d'obtenir des objets anormaux, de les étudier, de les comprendre et d'utiliser cette connaissance pour le bénéfice de la cause et de l'humanité. Il nous incombe également d'instruire le monde, de leur enseigner que l'anormal ne doit pas être craint, mais accepté, accueilli les bras ouverts.</p> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;</span>Les objets collectés par l’Insurrection du Chaos doivent être utiles et exploitables pour poursuivre le but de l’Insurrection, et être sous contrôle. Nous prenons également part à la course à l'armement et à la collecte d’informations, et est alliée aux pays du Tiers-Monde, délaissés par la Fondation et autres Groupes d'Intérêts majeurs. En échange des ressources de ces pays, nous leur promettons d'être les premiers à bénéficier des avancées que nous offrirons à l'Humanité.</p> <h1><span>Fonctionnement de l'Insurrection</span></h1> <p><span style="white-space: pre-wrap;">&#32;&#32;&#32;&#32;&#32;</span>Au coeur même de son organisation, l’Insurrection est divisée et décentralisée mais toujours connectée et reliée d'une manière ou d'une autre. Ainsi, même dans l'éventualité où la moitié, voire les trois quarts, de l’Insurrection étaient détruits, les parties survivantes seraient toujours auto-suffisantes et capables de reconstruire rapidement ce qui aurait été perdu. Cette organisation est devenue la fierté de l’Insurrection, prouvant que notre cause ne peut être arrêtée et que nos opérateurs sont engagés dans le sang.</p> <div style="font-size: 200%;color: white;text-align: center;"> <p><tt><strong>Pour l'Humanité, par le Chaos</strong></tt></p> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/code-animation-reseau</guid>
				<title>Code Animation Bannière Accueil</title>
				<link>http://insurrection-du-chaos.wikidot.com/code-animation-reseau</link>
				<description>

&lt;p&gt;Source : &lt;a href=&quot;https://github.com/kenankomah/Portfolio-Site/tree/master/projects/particles&quot;&gt;https://github.com/kenankomah/Portfolio-Site/tree/master/projects/particles&lt;/a&gt;&lt;/p&gt;
&lt;div class=&quot;code&quot;&gt;
&lt;div class=&quot;hl-main&quot;&gt;
&lt;pre&gt;&lt;span class=&quot;hl-identifier&quot;&gt;#canvas&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;background-color:&lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;#201f1f&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;margin-top:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;border-radius:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;position:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;absolute&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;left:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;#one&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;position:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;relative&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;cursor:&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;pointer&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;font-family:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;arial&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;font-size:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;18&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;left:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;530&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;top:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; -&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;55&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;border-radius:&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;px&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;background-color:&lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;#000000&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;code&quot;&gt;
&lt;div class=&quot;hl-main&quot;&gt;
&lt;pre&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;body&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;id&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;500&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-var&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;center&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;body&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;code&quot;&gt;
&lt;div class=&quot;hl-main&quot;&gt;
&lt;pre&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;MaxCircles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;80&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;main&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;document&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getElementById&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getContext&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;2d&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;frame&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;draw&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;update&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;window&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;requestAnimationFrame&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;frame&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;window&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;requestAnimationFrame&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;frame&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;  
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;Circles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeedS&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.75&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;//15;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;// rad = this.radius;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circlePos&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circleX&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circleY&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;//2&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;//2&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;color&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;#0044d8&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;main&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circlePos&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circleX&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;//+rad;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;circleY&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;//+rad;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;MaxCircles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;Circles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;draw&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;clearRect&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;drawCircles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;update&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;updateCircles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;updateCircles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; += &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; += &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; + &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;  &lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;// if the x component of particle makes it leave the canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;   &lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;// puts particle within canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; =-&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-comment&quot;&gt;// reverses x component of speed of Atom&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;lt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; =-&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;  + &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;height&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; =-&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
        &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;lt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; =-&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
        &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;drawCircles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;beginPath&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;arc&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; * &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;PI&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
      &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;fill&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;stroke&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;fillStyle&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;white&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;for&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;length&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;++&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
         &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;dis&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;sqrt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;pow&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;((&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; +  &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;pow&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;((&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;))&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;dis&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
     &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &amp;gt; &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;200&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;(dis*dis) ){
        width = 200&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;dis&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;dis&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     }&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;else&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.7&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;beginPath&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;moveTo&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;i&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;lineTo&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;j&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;strokeStyle&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;white&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;lineWidth&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;width&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ctx&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;stroke&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
     }
     }
    }
}  
 
&lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getMousePos&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;rect&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getBoundingClientRect&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
      &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;clientX&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;rect&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;left&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
      &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;clientY&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;rect&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;top&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
 
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;addEventListener&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;mousemove&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getMousePos&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
    &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.5&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;addEventListener&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-string&quot;&gt;click&lt;/span&gt;&lt;span class=&quot;hl-quotes&quot;&gt;&#039;&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;){&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; = &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;getMousePos&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;canvas&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;evt&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;    
       &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;particles&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;push&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;({&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.75&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.75&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.75&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;radius&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-number&quot;&gt;0.75&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;: &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;mousePos&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;xSpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;,
     &lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;ySpeed&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt; - &lt;/span&gt;&lt;span class=&quot;hl-builtin&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;hl-identifier&quot;&gt;random&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;())&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;
     &lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;})&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;
 
&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;, &lt;/span&gt;&lt;span class=&quot;hl-reserved&quot;&gt;false&lt;/span&gt;&lt;span class=&quot;hl-brackets&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;hl-code&quot;&gt;;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 22:05:17 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <p>Source : <a href="https://github.com/kenankomah/Portfolio-Site/tree/master/projects/particles">https://github.com/kenankomah/Portfolio-Site/tree/master/projects/particles</a></p> <div class="code"> <div class="hl-main"> <pre><span class="hl-identifier">#canvas</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-color:</span><span class="hl-var">#201f1f</span><span class="hl-code">; </span><span class="hl-reserved">margin-top:</span><span class="hl-code"> </span><span class="hl-number">5</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">border-radius:</span><span class="hl-code"> </span><span class="hl-number">5</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">position:</span><span class="hl-code"> </span><span class="hl-string">absolute</span><span class="hl-code">; </span><span class="hl-reserved">left:</span><span class="hl-code"> </span><span class="hl-number">0</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#one</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">position:</span><span class="hl-code"> </span><span class="hl-string">relative</span><span class="hl-code">; </span><span class="hl-reserved">cursor:</span><span class="hl-string">pointer</span><span class="hl-code">; </span><span class="hl-reserved">font-family:</span><span class="hl-code">arial</span><span class="hl-code">; </span><span class="hl-reserved">font-size:</span><span class="hl-code"> </span><span class="hl-number">18</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">left:</span><span class="hl-code">-</span><span class="hl-number">530</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">top:</span><span class="hl-code"> -</span><span class="hl-number">55</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">border-radius:</span><span class="hl-code"> </span><span class="hl-number">5</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">html</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-color:</span><span class="hl-var">#000000</span><span class="hl-code"> </span><span class="hl-code">; </span><span class="hl-brackets">}</span></pre></div> </div> <div class="code"> <div class="hl-main"> <pre><span class="hl-brackets">&lt;</span><span class="hl-reserved">body</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">center</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">canvas</span><span class="hl-code"> </span><span class="hl-var">id</span><span class="hl-code">=</span><span class="hl-quotes">&quot;</span><span class="hl-string">canvas</span><span class="hl-quotes">&quot;</span><span class="hl-code"> </span><span class="hl-var">width</span><span class="hl-code">=</span><span class="hl-quotes">&quot;</span><span class="hl-string">500</span><span class="hl-quotes">&quot;</span><span class="hl-code"> </span><span class="hl-var">height</span><span class="hl-code">=</span><span class="hl-quotes">&quot;</span><span class="hl-string">100</span><span class="hl-quotes">&quot;</span><span class="hl-brackets">&gt;&lt;/</span><span class="hl-reserved">canvas</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">center</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">center</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">center</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">body</span><span class="hl-brackets">&gt;</span></pre></div> </div> <div class="code"> <div class="hl-main"> <pre><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">canvas</span><span class="hl-code">; </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">ctx</span><span class="hl-code">; </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">MaxCircles</span><span class="hl-code"> = </span><span class="hl-number">80</span><span class="hl-code">; </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-code"> = </span><span class="hl-brackets">[]</span><span class="hl-code">; </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">main</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-identifier">canvas</span><span class="hl-code"> = </span><span class="hl-builtin">document</span><span class="hl-code">.</span><span class="hl-identifier">getElementById</span><span class="hl-brackets">(</span><span class="hl-quotes">&quot;</span><span class="hl-string">canvas</span><span class="hl-quotes">&quot;</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code"> = </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">getContext</span><span class="hl-brackets">(</span><span class="hl-quotes">&quot;</span><span class="hl-string">2d</span><span class="hl-quotes">&quot;</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">frame</span><span class="hl-code"> = </span><span class="hl-reserved">function</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-identifier">draw</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-identifier">update</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-builtin">window</span><span class="hl-code">.</span><span class="hl-identifier">requestAnimationFrame</span><span class="hl-brackets">(</span><span class="hl-identifier">frame</span><span class="hl-code">,</span><span class="hl-identifier">canvas</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code">; </span><span class="hl-builtin">window</span><span class="hl-code">.</span><span class="hl-identifier">requestAnimationFrame</span><span class="hl-brackets">(</span><span class="hl-identifier">frame</span><span class="hl-code">,</span><span class="hl-identifier">canvas</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">Circles</span><span class="hl-brackets">(</span><span class="hl-identifier">x</span><span class="hl-code">,</span><span class="hl-identifier">y</span><span class="hl-code">,</span><span class="hl-identifier">xSpeed</span><span class="hl-code">,</span><span class="hl-identifier">ySpeedS</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code"> = </span><span class="hl-number">0.75</span><span class="hl-code">;</span><span class="hl-comment">//15;</span><span class="hl-code"> </span><span class="hl-comment">// rad = this.radius;</span><span class="hl-code"> </span><span class="hl-identifier">circlePos</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-identifier">circleX</span><span class="hl-code">; </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-identifier">circleY</span><span class="hl-code">; </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">; </span><span class="hl-comment">//2</span><span class="hl-code"> </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">; </span><span class="hl-comment">//2</span><span class="hl-code"> </span><span class="hl-reserved">this</span><span class="hl-code">.</span><span class="hl-identifier">color</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">#0044d8</span><span class="hl-quotes">'</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">main</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">circlePos</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-identifier">circleX</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">-</span><span class="hl-number">2</span><span class="hl-brackets">)</span><span class="hl-code">*</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code">;</span><span class="hl-comment">//+rad;</span><span class="hl-code"> </span><span class="hl-identifier">circleY</span><span class="hl-code"> = </span><span class="hl-brackets">(</span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code">-</span><span class="hl-number">2</span><span class="hl-brackets">)</span><span class="hl-code">*</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code">;</span><span class="hl-comment">//+rad;</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">for</span><span class="hl-brackets">(</span><span class="hl-identifier">i</span><span class="hl-code">=</span><span class="hl-number">1</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">&lt;</span><span class="hl-identifier">MaxCircles</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">++</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code"> = </span><span class="hl-reserved">new</span><span class="hl-code"> </span><span class="hl-identifier">Circles</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> = </span><span class="hl-brackets">{}</span><span class="hl-code">; </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">draw</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">clearRect</span><span class="hl-brackets">(</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-number">0</span><span class="hl-code">,</span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code">,</span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">drawCircles</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">update</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-identifier">updateCircles</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">updateCircles</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-reserved">for</span><span class="hl-brackets">(</span><span class="hl-identifier">i</span><span class="hl-code">=</span><span class="hl-number">1</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">&lt;</span><span class="hl-identifier">particles</span><span class="hl-code">.</span><span class="hl-identifier">length</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">++</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> += </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> += </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code">; </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> + </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code"> &gt; </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code"> </span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-comment">// if the x component of particle makes it leave the canvas</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">width</span><span class="hl-code"> - </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code">; </span><span class="hl-comment">// puts particle within canvas</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code"> =-</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code">; </span><span class="hl-comment">// reverses x component of speed of Atom</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> &lt; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> = </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code"> =-</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">xSpeed</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> + </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code"> &gt; </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">height</span><span class="hl-code"> - </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code"> =-</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> &lt; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> = </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code"> =-</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">ySpeed</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">drawCircles</span><span class="hl-brackets">(){</span><span class="hl-code"> </span><span class="hl-reserved">for</span><span class="hl-brackets">(</span><span class="hl-identifier">i</span><span class="hl-code">=</span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">&lt;</span><span class="hl-identifier">particles</span><span class="hl-code">.</span><span class="hl-identifier">length</span><span class="hl-code">; </span><span class="hl-identifier">i</span><span class="hl-code">++</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">beginPath</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">arc</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">, </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">radius</span><span class="hl-code">, </span><span class="hl-number">0</span><span class="hl-code">, </span><span class="hl-number">2</span><span class="hl-code"> * </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">PI</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">fill</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">stroke</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">fillStyle</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">white</span><span class="hl-quotes">'</span><span class="hl-code">; </span><span class="hl-reserved">for</span><span class="hl-brackets">(</span><span class="hl-identifier">j</span><span class="hl-code">=</span><span class="hl-number">0</span><span class="hl-code">; </span><span class="hl-identifier">j</span><span class="hl-code">&lt;</span><span class="hl-identifier">particles</span><span class="hl-code">.</span><span class="hl-identifier">length</span><span class="hl-code">; </span><span class="hl-identifier">j</span><span class="hl-code">++</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">dis</span><span class="hl-code"> = </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">sqrt</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">pow</span><span class="hl-brackets">((</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">j</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code"> - </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-brackets">)</span><span class="hl-code">,</span><span class="hl-number">2</span><span class="hl-brackets">)</span><span class="hl-code"> + </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">pow</span><span class="hl-brackets">((</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">j</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> - </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">,</span><span class="hl-number">2</span><span class="hl-brackets">))</span><span class="hl-code">; </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-identifier">dis</span><span class="hl-code">&lt;</span><span class="hl-number">100</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">width</span><span class="hl-code">; </span><span class="hl-reserved">if</span><span class="hl-brackets">(</span><span class="hl-code"> </span><span class="hl-number">1</span><span class="hl-code"> &gt; </span><span class="hl-number">200</span><span class="hl-quotes">/</span><span class="hl-string">(dis*dis) ){ width = 200</span><span class="hl-quotes">/</span><span class="hl-brackets">(</span><span class="hl-identifier">dis</span><span class="hl-code">*</span><span class="hl-identifier">dis</span><span class="hl-brackets">)</span><span class="hl-code">; }</span><span class="hl-reserved">else</span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">width</span><span class="hl-code"> = </span><span class="hl-number">0.7</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">beginPath</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">moveTo</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">,</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">i</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">lineTo</span><span class="hl-brackets">(</span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">j</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-identifier">j</span><span class="hl-brackets">]</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">strokeStyle</span><span class="hl-code"> = </span><span class="hl-quotes">'</span><span class="hl-string">white</span><span class="hl-quotes">'</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">lineWidth</span><span class="hl-code"> = </span><span class="hl-identifier">width</span><span class="hl-code">; </span><span class="hl-identifier">ctx</span><span class="hl-code">.</span><span class="hl-identifier">stroke</span><span class="hl-brackets">()</span><span class="hl-code">; } } } } </span><span class="hl-reserved">function</span><span class="hl-code"> </span><span class="hl-identifier">getMousePos</span><span class="hl-brackets">(</span><span class="hl-identifier">canvas</span><span class="hl-code">, </span><span class="hl-identifier">evt</span><span class="hl-brackets">)</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">rect</span><span class="hl-code"> = </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">getBoundingClientRect</span><span class="hl-brackets">()</span><span class="hl-code">; </span><span class="hl-reserved">return</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">evt</span><span class="hl-code">.</span><span class="hl-identifier">clientX</span><span class="hl-code"> - </span><span class="hl-identifier">rect</span><span class="hl-code">.</span><span class="hl-identifier">left</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">evt</span><span class="hl-code">.</span><span class="hl-identifier">clientY</span><span class="hl-code"> - </span><span class="hl-identifier">rect</span><span class="hl-code">.</span><span class="hl-identifier">top</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">addEventListener</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">mousemove</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">evt</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">mousePos</span><span class="hl-code"> = </span><span class="hl-identifier">getMousePos</span><span class="hl-brackets">(</span><span class="hl-identifier">canvas</span><span class="hl-code">, </span><span class="hl-identifier">evt</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-brackets">[</span><span class="hl-number">0</span><span class="hl-brackets">]</span><span class="hl-code"> = </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">radius</span><span class="hl-code">:</span><span class="hl-number">0.5</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">canvas</span><span class="hl-code">.</span><span class="hl-identifier">addEventListener</span><span class="hl-brackets">(</span><span class="hl-quotes">'</span><span class="hl-string">click</span><span class="hl-quotes">'</span><span class="hl-code">, </span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-identifier">evt</span><span class="hl-brackets">){</span><span class="hl-code"> </span><span class="hl-reserved">var</span><span class="hl-code"> </span><span class="hl-identifier">mousePos</span><span class="hl-code"> = </span><span class="hl-identifier">getMousePos</span><span class="hl-brackets">(</span><span class="hl-identifier">canvas</span><span class="hl-code">, </span><span class="hl-identifier">evt</span><span class="hl-brackets">)</span><span class="hl-code">; </span><span class="hl-identifier">particles</span><span class="hl-code">.</span><span class="hl-identifier">push</span><span class="hl-brackets">({</span><span class="hl-code"> </span><span class="hl-identifier">radius</span><span class="hl-code">:</span><span class="hl-number">0.75</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">, </span><span class="hl-identifier">xSpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">, </span><span class="hl-identifier">ySpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code">,</span><span class="hl-brackets">{</span><span class="hl-identifier">radius</span><span class="hl-code">:</span><span class="hl-number">0.75</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">, </span><span class="hl-identifier">xSpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">, </span><span class="hl-identifier">ySpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code">,</span><span class="hl-brackets">{</span><span class="hl-identifier">radius</span><span class="hl-code">:</span><span class="hl-number">0.75</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">, </span><span class="hl-identifier">xSpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">, </span><span class="hl-identifier">ySpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code">,</span><span class="hl-brackets">{</span><span class="hl-identifier">radius</span><span class="hl-code">:</span><span class="hl-number">0.75</span><span class="hl-code">, </span><span class="hl-identifier">x</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">x</span><span class="hl-code">, </span><span class="hl-identifier">y</span><span class="hl-code">: </span><span class="hl-identifier">mousePos</span><span class="hl-code">.</span><span class="hl-identifier">y</span><span class="hl-code">, </span><span class="hl-identifier">xSpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code">, </span><span class="hl-identifier">ySpeed</span><span class="hl-code">:</span><span class="hl-brackets">(</span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">()</span><span class="hl-code"> - </span><span class="hl-builtin">Math</span><span class="hl-code">.</span><span class="hl-identifier">random</span><span class="hl-brackets">())</span><span class="hl-code"> </span><span class="hl-brackets">})</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code">, </span><span class="hl-reserved">false</span><span class="hl-brackets">)</span><span class="hl-code">;</span></pre></div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/fonctionnement-interne</guid>
				<title>Fonctionnement Interne</title>
				<link>http://insurrection-du-chaos.wikidot.com/fonctionnement-interne</link>
				<description>

&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;blockquote&gt;
&lt;p&gt;L&#039;Insurrection du Chaos française se base sur deux piliers de fonctionnement : les Cellules et les Equipes d&#039;Intervention sur le Terrain (ou EIT). A l&#039;exception du Haut-Commandement et du Personnel de Coordination, chaque agent de l&#039;Insurrection française est affecté à une Cellule ou une EIT. Il est donc important de comprendre ce qui les différencie ainsi que leur mode de fonctionnement.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;h3&gt;&lt;span&gt;Différence entre EIT et Cellule&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;Les EIT et les Cellules sont des entités qui regroupent des agents obéissant à une hiérarchie et qui effectuent des missions pour l&#039;Insurrection. Elles divergent cependant sur deux points&lt;br /&gt;
:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;La mission : Une EIT est définie par rapport à un mode opératoire. Chaque EIT a un fonctionnement différent spécialisé pour intervenir dans un ensemble de situations précises.Une Cellule est définie par rapport à un domaine de compétences et de connaissances. Chaque Cellule est spécialisée dans un domaine précis.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
&lt;li&gt;Le cadre : Une EIT désigne un groupe d&#039;agents agissant à l&#039;extérieur des bases. Au contraire, une Cellule désigne un groupe d&#039;agents agissant à l&#039;intérieur des bases.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Les EIT sont définies en fonction de leur Section, les Cellules en fonction de leur Domaine.&lt;/p&gt;
&lt;hr /&gt;
&lt;h3&gt;&lt;span&gt;Sections&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;La section d&#039;une EIT désigne son type et détermine le mode opératoire principal de cette EIT. Il est facile de reconnaitre la section d&#039;une EIT à la forme de son insigne&lt;sup class=&quot;footnoteref&quot;&gt;&lt;a id=&quot;footnoteref-695521-1&quot; href=&quot;javascript:;&quot; class=&quot;footnoteref&quot;  &gt;1&lt;/a&gt;&lt;/sup&gt;.&lt;br /&gt;
Les 5 sections sont :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Assaut : Les EIT armées lourdement et formées pour les opérations militaires.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Insigne : &lt;span style=&quot;font-size:200%;&quot;&gt;△&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Infiltration : Les EIT travaillant en discrétion maximale avec des missions d&#039;espionnage, de contre-espionnage, de kidnapping et d&#039;assassinat.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Insigne : &lt;span style=&quot;font-size:200%;&quot;&gt;◇&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Recherche : Les EIT formées pour mener des opérations scientifiques sur le terrain. Leurs missions sont souvent en partenariat avec une cellule.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Insigne : &lt;span style=&quot;font-size:300%;&quot;&gt;□&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Soutien : Les EIT dont le rôle est d&#039;assister les autres EIT sur le terrain, d&#039;un point de vue logistique, médical ou autre.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Insigne : &lt;span style=&quot;font-size:200%;&quot;&gt;⬡&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Mixte : Les EIT mixtes sont composés d&#039;agents aux compétences diverses capables d&#039;un large éventail d&#039;opérations. Elles sont souvent spécialisées dans l&#039;intervention dans un milieu ou une situation spécifique.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Insigne : &lt;span style=&quot;font-size:300%;&quot;&gt;○&lt;/span&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Ces sections permettent de classer les EIT selon leur utilisation stratégique et donc de donner à chaque CO une partie distincte de la stratégie.&lt;/p&gt;
&lt;p&gt;Il faut donc souvent combiner différents types d&#039;EIT lors des grandes opérations pour augmenter les chances de victoire.&lt;/p&gt;
&lt;hr /&gt;
&lt;h3&gt;&lt;span&gt;Domaines&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;Le ou les domaines d&#039;une cellule désignent son type et déterminent le ou les secteurs d&#039;activité de cette Cellule.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Administration : tout ce qui touche à l&#039;aspect administratif de l’Insurrection, qu&#039;il s&#039;agisse de gestion des biens, des moyens ou du personnel.&lt;/li&gt;
&lt;li&gt;Information : tout ce qui touche à la gestion, la récupération et la protection des informations concernant l&#039;Insurrection et le monde de l&#039;anormal&lt;/li&gt;
&lt;li&gt;Logistique : tout ce qui touche à la construction d&#039;installation, la production et l&#039;acheminement de matériel et l&#039;équipement des différents agents de l&#039;Insurrection.&lt;/li&gt;
&lt;li&gt;Militaire : tout ce qui touche à la sécurité et à la formation militaire.&lt;/li&gt;
&lt;li&gt;Recherche : tout ce qui touche à l&#039;étude d&#039;objets anormaux, et aux sciences anormales ou non.&lt;/li&gt;
&lt;li&gt;Développement : tout ce qui touche au développement de nouveau matériel et technologie pour l&#039;Insurrection.&lt;/li&gt;
&lt;li&gt;Soins : tout ce qui touche au médical et aux soins du personnel de l&#039;Insurrection.&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: right; margin-bottom: 10px;&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;tt&gt;Code Mnemosyne&lt;/tt&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0&quot;&gt;
&lt;h4&gt;&lt;span&gt;&lt;tt&gt;N° Y7-UYYJ-REK&lt;/tt&gt;&lt;/span&gt;&lt;/h4&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div class=&quot;footnotes-footer&quot;&gt;
&lt;div class=&quot;title&quot;&gt;Notes de bas de page&lt;/div&gt;
&lt;div class=&quot;footnote-footer&quot; id=&quot;footnote-695521-1&quot;&gt;&lt;a href=&quot;javascript:;&quot;  &gt;1&lt;/a&gt;. Chaque EIT possède un insigne porté sur l&#039;uniforme permettant aux agents de se reconnaître entre eux. Ils sont représentés sur la page de chaque EIT.&lt;/div&gt;
&lt;/div&gt;
</description>
				<pubDate>Thu, 21 May 2020 21:24:55 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="box-grey"></div> <blockquote> <p>L'Insurrection du Chaos française se base sur deux piliers de fonctionnement : les Cellules et les Equipes d'Intervention sur le Terrain (ou EIT). A l'exception du Haut-Commandement et du Personnel de Coordination, chaque agent de l'Insurrection française est affecté à une Cellule ou une EIT. Il est donc important de comprendre ce qui les différencie ainsi que leur mode de fonctionnement.</p> </blockquote> <div class="box-grey"> <h3><span>Différence entre EIT et Cellule</span></h3> <p>Les EIT et les Cellules sont des entités qui regroupent des agents obéissant à une hiérarchie et qui effectuent des missions pour l'Insurrection. Elles divergent cependant sur deux points<br /> :</p> <ul> <li>La mission : Une EIT est définie par rapport à un mode opératoire. Chaque EIT a un fonctionnement différent spécialisé pour intervenir dans un ensemble de situations précises.Une Cellule est définie par rapport à un domaine de compétences et de connaissances. Chaque Cellule est spécialisée dans un domaine précis.</li> </ul> <ul> <li>Le cadre : Une EIT désigne un groupe d'agents agissant à l'extérieur des bases. Au contraire, une Cellule désigne un groupe d'agents agissant à l'intérieur des bases.</li> </ul> <p>Les EIT sont définies en fonction de leur Section, les Cellules en fonction de leur Domaine.</p> <hr /> <h3><span>Sections</span></h3> <p>La section d'une EIT désigne son type et détermine le mode opératoire principal de cette EIT. Il est facile de reconnaitre la section d'une EIT à la forme de son insigne<sup class="footnoteref"><a id="footnoteref-582830-1" href="javascript:;" class="footnoteref" >1</a></sup>.<br /> Les 5 sections sont :</p> <ul> <li>Assaut : Les EIT armées lourdement et formées pour les opérations militaires.</li> </ul> <blockquote> <p>Insigne : <span style="font-size:200%;">△</span></p> </blockquote> <ul> <li>Infiltration : Les EIT travaillant en discrétion maximale avec des missions d'espionnage, de contre-espionnage, de kidnapping et d'assassinat.</li> </ul> <blockquote> <p>Insigne : <span style="font-size:200%;">◇</span></p> </blockquote> <ul> <li>Recherche : Les EIT formées pour mener des opérations scientifiques sur le terrain. Leurs missions sont souvent en partenariat avec une cellule.</li> </ul> <blockquote> <p>Insigne : <span style="font-size:300%;">□</span></p> </blockquote> <ul> <li>Soutien : Les EIT dont le rôle est d'assister les autres EIT sur le terrain, d'un point de vue logistique, médical ou autre.</li> </ul> <blockquote> <p>Insigne : <span style="font-size:200%;">⬡</span></p> </blockquote> <ul> <li>Mixte : Les EIT mixtes sont composés d'agents aux compétences diverses capables d'un large éventail d'opérations. Elles sont souvent spécialisées dans l'intervention dans un milieu ou une situation spécifique.</li> </ul> <blockquote> <p>Insigne : <span style="font-size:300%;">○</span></p> </blockquote> <p>Ces sections permettent de classer les EIT selon leur utilisation stratégique et donc de donner à chaque CO une partie distincte de la stratégie.</p> <p>Il faut donc souvent combiner différents types d'EIT lors des grandes opérations pour augmenter les chances de victoire.</p> <hr /> <h3><span>Domaines</span></h3> <p>Le ou les domaines d'une cellule désignent son type et déterminent le ou les secteurs d'activité de cette Cellule.</p> <ul> <li>Administration : tout ce qui touche à l'aspect administratif de l’Insurrection, qu'il s'agisse de gestion des biens, des moyens ou du personnel.</li> <li>Information : tout ce qui touche à la gestion, la récupération et la protection des informations concernant l'Insurrection et le monde de l'anormal</li> <li>Logistique : tout ce qui touche à la construction d'installation, la production et l'acheminement de matériel et l'équipement des différents agents de l'Insurrection.</li> <li>Militaire : tout ce qui touche à la sécurité et à la formation militaire.</li> <li>Recherche : tout ce qui touche à l'étude d'objets anormaux, et aux sciences anormales ou non.</li> <li>Développement : tout ce qui touche au développement de nouveau matériel et technologie pour l'Insurrection.</li> <li>Soins : tout ce qui touche au médical et aux soins du personnel de l'Insurrection.</li> </ul> <hr /></div> <div style="text-align: right; margin-bottom: 10px;"> <p><strong><tt>Code Mnemosyne</tt></strong></p> <div style="border: solid black 1px; border-radius: 3px; padding: 0px 5px; position: relative; left: 75%; max-width: 23%; margin: -10px 0 0 0"> <h4><span><tt>N° Y7-UYYJ-REK</tt></span></h4> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> <div class="footnotes-footer"> <div class="title">Notes de bas de page</div> <div class="footnote-footer" id="footnote-582830-1"><a href="javascript:;" >1</a>. Chaque EIT possède un insigne porté sur l'uniforme permettant aux agents de se reconnaître entre eux. Ils sont représentés sur la page de chaque EIT.</div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/essais-fr</guid>
				<title>Essais Français</title>
				<link>http://insurrection-du-chaos.wikidot.com/essais-fr</link>
				<description>

&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;h2&gt;&lt;span&gt;Liste des essais français&lt;/span&gt;&lt;/h2&gt;

&lt;div id=&quot;wiki-tabview-3e8e5b4453065b850779e66f848076e6&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Par ordre alphabétique&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Par auteur&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:30:10 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="box-grey"></div> <h2><span>Liste des essais français</span></h2> <div id="wiki-tabview-a58fe77ac6dc6a9ecac1711498c8f6d4" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>Par ordre alphabétique</em></a></li> <li><a href="javascript:;"><em>Par auteur</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"></div> </div> <div id="wiki-tab-0-1" style="display:none"> <div style="text-align: center;"></div> </div> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/projets-fr</guid>
				<title>Projets, Séries et Canons Français</title>
				<link>http://insurrection-du-chaos.wikidot.com/projets-fr</link>
				<description>

&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;prompt&quot;&gt;
&lt;div style=&quot;text-shadow: 1px 1px 1px #000; color:white;&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Projets et séries francophones&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;h2&gt;&lt;span&gt;Projets&lt;/span&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/frise-chronologique&quot;&gt;Frise chronologique de l&#039;Insurrection&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;Séries&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;Canons&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
&lt;h2&gt;&lt;span&gt;Galeries&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;div class=&quot;collapsible-block&quot;&gt;
&lt;div class=&quot;collapsible-block-folded&quot;&gt;&lt;span style=&quot;font-size:115%;&quot;&gt;&lt;a class=&quot;collapsible-block-link&quot; href=&quot;javascript:;&quot;&gt;Vous&amp;nbsp;voulez&amp;nbsp;ajouter&amp;nbsp;du&amp;nbsp;contenu&amp;nbsp;?&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;collapsible-block-unfolded&quot; style=&quot;display:none&quot;&gt;
&lt;div class=&quot;collapsible-block-unfolded-link&quot;&gt;&lt;span style=&quot;font-size:115%;&quot;&gt;&lt;a class=&quot;collapsible-block-link&quot; href=&quot;javascript:;&quot;&gt;Fermer&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;collapsible-block-content&quot;&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;strong&gt;Prérequis :&lt;/strong&gt;
&lt;p&gt;&lt;strong&gt;Projet :&lt;/strong&gt; Pour créer un projet, il vous faut créer et rédiger le thème et la consigne de votre projet. Chaque écrit sera une interprétation de ce thème et devra respecter les consignes définies. Par exemple, &amp;quot;Une bataille contre un autre Groupe d&#039;Intérêt&amp;quot; peut être une thème. Lorsque votre thème et vos consignes auront été validées par un membre du staff, vous pourrez créer le hub de votre projet et le poster afin que les autres membres puissent participer.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Série :&lt;/strong&gt; Pour une série, il vous suffit d&#039;avoir 2 créations et un hub, vous pourrez ensuite ajouter un billet à la liste comportant une mention et un lien vers le hub de la série. Contrairement à un Canon, vous pouvez créer une série par vous-même. La seule chose que nous avons besoin est qu&#039;&lt;strong&gt;il y ait une page &amp;quot;hub&amp;quot;&lt;/strong&gt; pour que votre série soit créée. Une fois que c&#039;est fait, &lt;strong&gt;envoyez un message privé à&lt;/strong&gt;, &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/mel-raspberry&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2545628&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;Mel-Raspberry&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2545628)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/mel-raspberry&quot;  &gt;Mel-Raspberry&lt;/a&gt;&lt;/span&gt; ou à &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;, qui comprend le hub de votre série et les histoires, ainsi qu&#039;un &amp;quot;extrait d&#039;une pièce maîtresse&amp;quot; pour présenter le thème général de votre série.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Canon :&lt;/strong&gt; Pour un Canon, il faut un total de 5 créations d&#039;au moins 3 auteurs différents, vous pourrez ensuite ajouter un billet à la liste comportant une mention et un lien vers le hub du Canon. Une série peut être transformée en canon si elle finit par en respecter les consignes.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Galerie :&lt;/strong&gt; Pour créer une galerie, il vous suffit d&#039;être l&#039;auteur de 5 créations graphiques et d&#039;avoir l&#039;approbation du staff.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:28:20 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="box-grey"></div> <div class="prompt"> <div style="text-shadow: 1px 1px 1px #000; color:white;"> <div style="text-align: center;"> <h2><span>Projets et séries francophones</span></h2> </div> </div> </div> <div class="box-grey"> <h2><span>Projets</span></h2> <ul> <li><a href="http://insurrection-du-chaos.wikidot.com/frise-chronologique">Frise chronologique de l'Insurrection</a></li> </ul> <hr /> <h2><span>Séries</span></h2> <hr /> <h2><span>Canons</span></h2> <hr /> <h2><span>Galeries</span></h2> <hr /> <div style="text-align: center;"> <div class="collapsible-block"> <div class="collapsible-block-folded"><span style="font-size:115%;"><a class="collapsible-block-link" href="javascript:;">Vous&nbsp;voulez&nbsp;ajouter&nbsp;du&nbsp;contenu&nbsp;?</a></span></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><span style="font-size:115%;"><a class="collapsible-block-link" href="javascript:;">Fermer</a></span></div> <div class="collapsible-block-content"> <div class="box-grey"> <div style="text-align: center;"></div> <br /> <strong>Prérequis :</strong> <p><strong>Projet :</strong> Pour créer un projet, il vous faut créer et rédiger le thème et la consigne de votre projet. Chaque écrit sera une interprétation de ce thème et devra respecter les consignes définies. Par exemple, &quot;Une bataille contre un autre Groupe d'Intérêt&quot; peut être une thème. Lorsque votre thème et vos consignes auront été validées par un membre du staff, vous pourrez créer le hub de votre projet et le poster afin que les autres membres puissent participer.</p> <p><strong>Série :</strong> Pour une série, il vous suffit d'avoir 2 créations et un hub, vous pourrez ensuite ajouter un billet à la liste comportant une mention et un lien vers le hub de la série. Contrairement à un Canon, vous pouvez créer une série par vous-même. La seule chose que nous avons besoin est qu'<strong>il y ait une page &quot;hub&quot;</strong> pour que votre série soit créée. Une fois que c'est fait, <strong>envoyez un message privé à</strong>, <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/mel-raspberry" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2545628&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="Mel-Raspberry" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2545628)" /></a><a href="http://www.wikidot.com/user:info/mel-raspberry" >Mel-Raspberry</a></span> ou à <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span>, qui comprend le hub de votre série et les histoires, ainsi qu'un &quot;extrait d'une pièce maîtresse&quot; pour présenter le thème général de votre série.</p> <p><strong>Canon :</strong> Pour un Canon, il faut un total de 5 créations d'au moins 3 auteurs différents, vous pourrez ensuite ajouter un billet à la liste comportant une mention et un lien vers le hub du Canon. Une série peut être transformée en canon si elle finit par en respecter les consignes.</p> <p><strong>Galerie :</strong> Pour créer une galerie, il vous suffit d'être l'auteur de 5 créations graphiques et d'avoir l'approbation du staff.</p> </div> </div> </div> </div> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/rapports</guid>
				<title>Rapports et Documents</title>
				<link>http://insurrection-du-chaos.wikidot.com/rapports</link>
				<description>

&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;br /&gt;

&lt;div id=&quot;wiki-tabview-213b8aea24cf9b3e0e90333eb8d4b37b&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;❌&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Rapports de mission&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Rapports d&#039;expérimentation&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Rapports d&#039;incidents&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;Archives des rapports de mission, d&#039;expérimentation et d&#039;incidents&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-size:70%;&quot;&gt;Ces informations vous sont fournies par l&#039;organite Mnemosyne.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-3&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;

&lt;div id=&quot;wiki-tabview-2b1e889ba51a602984709abd23bb7069&quot; class=&quot;yui-navset&quot;&gt;
&lt;ul class=&quot;yui-nav&quot;&gt;
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;❌&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Transcriptions audio&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Rapports d&#039;entretiens&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Logs&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;javascript:;&quot;&gt;&lt;em&gt;Images&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;yui-content&quot;&gt;
&lt;div id=&quot;wiki-tab-0-0&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;Archives des documents divers&lt;/span&gt;&lt;/h1&gt;
&lt;div style=&quot;text-align: right;&quot;&gt;
&lt;p&gt;&lt;span style=&quot;font-size:70%;&quot;&gt;Ces informations vous sont fournies par l&#039;organite Mnemosyne.&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-1&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-2&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-3&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;wiki-tab-0-4&quot; style=&quot;display:none&quot;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/portrait-noemie&quot;&gt;Portrait de Noémie&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:27:10 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="box-grey"></div> <br /> <div id="wiki-tabview-8a222acf7e635a33744f1186a74d90ed" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>❌</em></a></li> <li><a href="javascript:;"><em>Rapports de mission</em></a></li> <li><a href="javascript:;"><em>Rapports d'expérimentation</em></a></li> <li><a href="javascript:;"><em>Rapports d'incidents</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"> <h1><span>Archives des rapports de mission, d'expérimentation et d'incidents</span></h1> <div style="text-align: right;"> <p><span style="font-size:70%;">Ces informations vous sont fournies par l'organite Mnemosyne.</span></p> </div> </div> </div> <div id="wiki-tab-0-1" style="display:none"></div> <div id="wiki-tab-0-2" style="display:none"></div> <div id="wiki-tab-0-3" style="display:none"></div> </div> </div> <br /> <br /> <br /> <div id="wiki-tabview-8d930e0fb45af6cb80ddd8912cb75202" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="javascript:;"><em>❌</em></a></li> <li><a href="javascript:;"><em>Transcriptions audio</em></a></li> <li><a href="javascript:;"><em>Rapports d'entretiens</em></a></li> <li><a href="javascript:;"><em>Logs</em></a></li> <li><a href="javascript:;"><em>Images</em></a></li> </ul> <div class="yui-content"> <div id="wiki-tab-0-0"> <div style="text-align: center;"> <h1><span>Archives des documents divers</span></h1> <div style="text-align: right;"> <p><span style="font-size:70%;">Ces informations vous sont fournies par l'organite Mnemosyne.</span></p> </div> </div> </div> <div id="wiki-tab-0-1" style="display:none"></div> <div id="wiki-tab-0-2" style="display:none"></div> <div id="wiki-tab-0-3" style="display:none"></div> <div id="wiki-tab-0-4" style="display:none"> <ul> <li><a href="http://insurrection-du-chaos.wikidot.com/portrait-noemie">Portrait de Noémie</a></li> </ul> </div> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/projets-es</guid>
				<title>Projets et Séries Espagnols</title>
				<link>http://insurrection-du-chaos.wikidot.com/projets-es</link>
				<description>

&lt;div style=&quot;display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px&quot;&gt;
&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;&lt;strong&gt;Projets et Séries de l&#039;Insurrection Espagnole&lt;/strong&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;p&gt;Choisissez des histoires à lire ou utilisez le formulaire ci-dessous pour créer une nouvelle page et publier vos traductions.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Projets&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Séries&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:21:47 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px"> <div class="box-grey"></div> <br /> <div style="text-align: center;"> <h1><span><strong>Projets et Séries de l'Insurrection Espagnole</strong></span></h1> </div> <br /> <div class="box-grey"> <p>Choisissez des histoires à lire ou utilisez le formulaire ci-dessous pour créer une nouvelle page et publier vos traductions.</p> </div> <div class="box-grey"> <div style="text-align: center;"> <h2><span>Projets</span></h2> </div> </div> <div class="box-grey"> <div style="text-align: center;"> <h2><span>Séries</span></h2> </div> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/canons-en</guid>
				<title>Canons Anglais</title>
				<link>http://insurrection-du-chaos.wikidot.com/canons-en</link>
				<description>

&lt;div class=&quot;box-grey&quot;&gt;
&lt;div class=&quot;image-container aligncenter&quot;&gt;&lt;img src=&quot;http://ic-brouillon-staff.wikidot.com/local--files/outils/Signal&quot; style=&quot;margin: -20px 0px; float: center;&quot; height=&quot;50px&quot; alt=&quot;Signal&quot; class=&quot;image&quot; /&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;div class=&quot;collapsible-block&quot;&gt;
&lt;div class=&quot;collapsible-block-folded&quot;&gt;&lt;a class=&quot;collapsible-block-link&quot; href=&quot;javascript:;&quot;&gt;Code&amp;nbsp;de&amp;nbsp;mise&amp;nbsp;en&amp;nbsp;page&amp;nbsp;du&amp;nbsp;canon&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;collapsible-block-unfolded&quot; style=&quot;display:none&quot;&gt;
&lt;div class=&quot;collapsible-block-unfolded-link&quot;&gt;&lt;a class=&quot;collapsible-block-link&quot; href=&quot;javascript:;&quot;&gt;Réduire&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;collapsible-block-content&quot;&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;p&gt;Vous trouverez ci-dessous le code vous permettant de mettre en page le canon traduit sur cette page. Il vous suffit de le recopier et de remplacer le lien, le titre, la description et l&#039;extrait de conte.&lt;/p&gt;
&lt;div class=&quot;code&quot;&gt;
&lt;pre&gt;&lt;code&gt;[[div class=&amp;quot;prompt&amp;quot;]]
[[div class=&amp;quot;content-type-title centrado&amp;quot;]]
----
[[=]]
[[size 150%]]
+++ [[[titre|Titre]]]
[[/size]]
[[/=]]
----
[[/div]]
[[div class=&amp;quot;content-type-options right&amp;quot;]]
[[div style=&amp;quot;float:right; margin:0 2em 1em 2em; width:170px; border:0;&amp;quot;]]
[[/div]]
**Description du canon**
//Extrait d&#039;un des contes du canon//
[[/div]]
[[/div]]&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h1&gt;&lt;span&gt;Liste des canons&lt;/span&gt;&lt;/h1&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:20:10 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div class="box-grey"> <div class="image-container aligncenter"><img src="http://ic-brouillon-staff.wikidot.com/local--files/outils/Signal" style="margin: -20px 0px; float: center;" height="50px" alt="Signal" class="image" /></div> <div style="text-align: center;"> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">Code&nbsp;de&nbsp;mise&nbsp;en&nbsp;page&nbsp;du&nbsp;canon</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">Réduire</a></div> <div class="collapsible-block-content"> <div class="box-grey"> <p>Vous trouverez ci-dessous le code vous permettant de mettre en page le canon traduit sur cette page. Il vous suffit de le recopier et de remplacer le lien, le titre, la description et l'extrait de conte.</p> <div class="code"> <pre><code>[[div class=&quot;prompt&quot;]] [[div class=&quot;content-type-title centrado&quot;]] ---- [[=]] [[size 150%]] +++ [[[titre|Titre]]] [[/size]] [[/=]] ---- [[/div]] [[div class=&quot;content-type-options right&quot;]] [[div style=&quot;float:right; margin:0 2em 1em 2em; width:170px; border:0;&quot;]] [[/div]] **Description du canon** //Extrait d'un des contes du canon// [[/div]] [[/div]]</code></pre></div> </div> </div> </div> </div> </div> </div> <h1><span>Liste des canons</span></h1> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://insurrection-du-chaos.wikidot.com/fichiers-es</guid>
				<title>Fichiers Espagnols</title>
				<link>http://insurrection-du-chaos.wikidot.com/fichiers-es</link>
				<description>

&lt;div style=&quot;display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px&quot;&gt;
&lt;div class=&quot;box-grey&quot;&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h1&gt;&lt;span&gt;&lt;strong&gt;Contes, essais et documents divers de l&#039;Insurrection Espagnole&lt;/strong&gt;&lt;/span&gt;&lt;/h1&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;p&gt;Choisissez des histoires à lire ou utilisez le formulaire ci-dessous pour créer une nouvelle page et publier vos traductions.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Contes&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;th&gt;Titre&lt;/th&gt;
&lt;th&gt;Auteur&lt;/th&gt;
&lt;th&gt;Traducteur&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Essais&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;th&gt;Titre&lt;/th&gt;
&lt;th&gt;Auteur&lt;/th&gt;
&lt;th&gt;Traducteur&lt;/th&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;div class=&quot;box-grey&quot;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;h2&gt;&lt;span&gt;Autres documents&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;table class=&quot;wiki-content-table&quot;&gt;
&lt;tr&gt;
&lt;th&gt;Titre&lt;/th&gt;
&lt;th&gt;Auteur&lt;/th&gt;
&lt;th&gt;Traducteur&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/backdoor&quot;&gt;Backdoor&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;printuser&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/tak-riuto&quot;  &gt;Tak_Riuto&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;PrEste&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href=&quot;http://insurrection-du-chaos.wikidot.com/clasificacion-de-articulos&quot;&gt;Classes d&#039;Objets ES&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;span class=&quot;printuser&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/yorick1&quot;  &gt;Yorick1&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
&lt;td&gt;PrEste&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;by &lt;span class=&quot;printuser avatarhover&quot;&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;&lt;img class=&quot;small&quot; src=&quot;http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;amp;size=small&amp;amp;amp;timestamp=1772956464&quot; alt=&quot;hekasclep&quot; style=&quot;background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)&quot; /&gt;&lt;/a&gt;&lt;a href=&quot;http://www.wikidot.com/user:info/hekasclep&quot;  &gt;hekasclep&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
</description>
				<pubDate>Thu, 21 May 2020 20:18:39 +0000</pubDate>
												<content:encoded>
					<![CDATA[
						 <div style="display: inline-block; border-radius: 10px; border:solid 1px #000000; background:#AARRGGBB; float:top; width:96.5%; padding:10px"> <div class="box-grey"></div> <br /> <div style="text-align: center;"> <h1><span><strong>Contes, essais et documents divers de l'Insurrection Espagnole</strong></span></h1> </div> <br /> <div class="box-grey"> <p>Choisissez des histoires à lire ou utilisez le formulaire ci-dessous pour créer une nouvelle page et publier vos traductions.</p> </div> <div class="box-grey"> <div style="text-align: center;"> <h2><span>Contes</span></h2> </div> <br /> <table class="wiki-content-table"> <tr> <th>Titre</th> <th>Auteur</th> <th>Traducteur</th> </tr> </table> </div> <div class="box-grey"> <div style="text-align: center;"> <h2><span>Essais</span></h2> </div> <br /> <table class="wiki-content-table"> <tr> <th>Titre</th> <th>Auteur</th> <th>Traducteur</th> </tr> </table> </div> <div class="box-grey"> <div style="text-align: center;"> <h2><span>Autres documents</span></h2> </div> <br /> <table class="wiki-content-table"> <tr> <th>Titre</th> <th>Auteur</th> <th>Traducteur</th> </tr> <tr> <td><a href="http://insurrection-du-chaos.wikidot.com/backdoor">Backdoor</a></td> <td><span class="printuser"><a href="http://www.wikidot.com/user:info/tak-riuto" >Tak_Riuto</a></span></td> <td>PrEste</td> </tr> <tr> <td><a href="http://insurrection-du-chaos.wikidot.com/clasificacion-de-articulos">Classes d'Objets ES</a></td> <td><span class="printuser"><a href="http://www.wikidot.com/user:info/yorick1" >Yorick1</a></span></td> <td>PrEste</td> </tr> </table> </div> </div> <p>by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/hekasclep" ><img class="small" src="http://www.wikidot.com/avatar.php?userid=2689849&amp;amp;size=small&amp;amp;timestamp=1772956464" alt="hekasclep" style="background-image:url(http://www.wikidot.com/userkarma.php?u=2689849)" /></a><a href="http://www.wikidot.com/user:info/hekasclep" >hekasclep</a></span></p> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>