Add new file

modele.html

+<p>Auteurs</p> 
+
+Ici vous indiquez le noms des auteurs.
+
+[author] [author_image timthumb='on']https://telefab.fr/wp-content/uploads/2023/08/Photo_portrait_Charlotte_1_mini2.jpg[/author_image] [author_info]Je suis Charlotte Langlais, enseignante-chercheure à IMT Atlantique et co-responsable de la thématique Conception d'Objets Communicants, appelée CoOC. Vous pouvez ajouter une photo de vous ou un avatar si vous préférez.[/author_info] [/author]
+
+[author] [author_image timthumb='on'][/author_image] [author_info]Je suis Annabelle Boutet, enseignante-chercheure à IMT Atlantique et co-responsable de la thématique Conception d'Objets Communicants, appelée CoOC. Vous pouvez ajouter une photo de vous ou un avatar si vous préférez.[/author_info] [/author]
+
+<h1>Introduction</h1>
+<p>Cette page sert de modèle pour la création d'article sur le site wordpress du Telefab. Les étudiants de la TAF CoOC l'utilisent pour créer leur propre article dans le cadre des livrables de cet enseignement. Différents blocs peuvent être ajoutés pour rendre la page plus accessible : Box, Button et Author Bio.</p>
+
+Une boite :
+
+[box type="info"] Dans cette boite, vous pouvez mettre en avant du texte important pour la compréhension.[/box]
+
+[box type="warning"] Une autre boite en format warning. Il existe 4 types de boites : info, warning, bio, shadow[/box]
+
+[button link="https://moodle.imt-atlantique.fr/course/view.php?id=110&amp;section=12" color="blue" newwindow="yes"] Lien vers la page Moodle du cours TAF CoOC[/button]
+
+Le code source de cette page est disponible ici : Modele_SoA. Cliquez sur le lien puis téléchargez le fichier lié. Vous pouvez utiliser le même principe pour faire des liens vers des fichiers (à télécharger dans wordpress).
+
+Vous pouvez directement copier/coller ce code source dans l'onglet Texte de votre article.
+<h1>Contexte</h1>
+Remarquez comme il est possible de faire une référence à une ancre et ainsi créer des liens entre certaines parties de l'article. Ici nous l'utilisons pour la référence  <a href="#1">[1]</a> qui nous amène directement à la référence [1] dans la section  Références bibliographiques. Le même principe peut être utilisé pour créer une table des matières en début d'article, par exemple. l est aussi possible de faire des liens entre parties. Par exemple un lien vers la section <a href="#Biblio">Références bibliographiques</a>.
+
+Texte courant ipsum dolor sit amet <a href="#3">[3]</a>, consectetur adipiscing elit. Mauris at venenatis nulla, condimentum blandit mauris. Sed venenatis, dolor ut malesuada dignissim, enim turpis porta orci, et dictum tellus lacus in est. Donec nec urna convallis, pharetra nibh id, congue odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In arcu dolor, posuere nec dictum condimentum, pretium non augue. Curabitur vehicula tempor ante, sed pharetra purus sollicitudin. Vivamus non mauris ut ipsum congue commodo non vitae ante.
+
+<p>Donec vel ornare urna, vitae mollis lacus. Ut suscipit turpis id mattis placerat. Phasellus placerat, erat quis pharetra malesuada, leo ex gravida enim, non egestas lorem mi ac neque.In vulputate sit amet leo eget interdum <a href="#2">[2]</a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porttitor lacus a fermentum aliquet. Donec  imperdiet, quis mattis dolor malesuada. Sed mollis nisl ut erat dignissim, vitae imperdiet tellus tincidunt. Vivamus in ex id libero dignissim efficitur <a href="#4">[4]</a>. Ut nec fermentum arcu, id pellentesque ligula.</p>
+
+<p>ipsum dolor sit Dictum consectetur adipiscing elit. Mauris at venenatis nulla, condimentum blandit mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In arcu dolor, posuere nec dictum condimentum, pretium non augue <a href="#4">[4]</a>.</p> 
+
+<h1>Section a</h1>
+On peut introduire du code :
+
+apt-get install -y nodejs
+<h1>Section b</h1>
+On peut ajouter des images :
+<div>
+<dl id="attachment_8288">
+ 	<dt><a href="https://telefab.fr/2023/04/13/decouverte-de-la-kosmos/kosmos2/" rel="attachment wp-att-8288"><img src="https://telefab.fr/wp-content/uploads/2023/04/kosmos2-300x225.jpg" alt="" width="300" height="225" /></a></dt>
+ 	<dd>Exemple d'ajout d'une image avec sa légende</dd>
+</dl>
+</div>
+On peut utiliser un tableau pour faire une mise en forme en 2 colonnes :
+<table>
+<tbody>
+<tr>
+<td style="text-align: left; vertical-align: top;">
+<div>
+
+Texte courant ipsum dolor sit amet [3], consectetur adipiscing elit. Mauris at venenatis nulla, condimentum blandit mauris. Sed venenatis, dolor ut malesuada dignissim, enim turpis porta orci, et dictum tellus lacus in est.
+
+<a href="https://telefab.fr/2022/12/16/projet-cooc-robot-de-suivi-automatique-des-stocks/robot-cton-wate/" rel="attachment wp-att-7958"><img src="https://telefab.fr/wp-content/uploads/2022/12/Robot-Cton-Wate-150x150.jpg" alt="" width="150" height="150" /></a>
+
+</div></td>
+<td style="text-align: left; vertical-align: top;">Donec vel ornare urna, vitae mollis lacus. Ut suscipit turpis id mattis placerat. Phasellus placerat, erat quis pharetra malesuada, leo ex gravida enim, non egestas lorem mi ac neque.In vulputate sit amet leo eget interdum [2]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam porttitor lacus a fermentum aliquet. Donec  imperdiet, quis mattis dolor malesuada. Sed mollis nisl ut erat dignissim, vitae imperdiet tellus tincidunt. Vivamus in ex id libero dignissim efficitur [4]. Ut nec fermentum arcu, id pellentesque ligula.
+
+&nbsp;
+
+&nbsp;
+
+&nbsp;</td>
+</tr>
+</tbody>
+</table>
+<h1>Conclusion</h1>
+<h1 id="Biblio">Références bibliographiques</h1>
+<p id="1">[1] « Smart Pen - Moleskine ». <a href="https://fr.moleskine.com/fr/smart-pen/p0655">https://fr.moleskine.com/fr/smart-pen/p0655</a> (consulté le janv. 04, 2021)</p>
+<p id="2">[2] « Reconnaissance de l’écriture manuscrite », Wikipédia. nov. 20, 2020. Consulté le: janv. 04, 2021. [En ligne]. Disponible sur: <a href="https://fr.wikipedia.org/w/index.php?title=Reconnaissance_de_l%27%C3%A9criture_manuscrite&amp;oldid=176776528">https://fr.wikipedia.org/w/index.php?title=Reconnaissance_de_l%27%C3%A9criture_manuscrite&amp;oldid=176776528</a></p>
+<p id="3">[3] T. Bluche, « Mathematical Formula Recognition using Machine Learning Techniques », PhD Thesis, University of Oxford, 2010.</p>
+<p id="4">[4] A. Schechter, N. Borus, et W. Bakst, « Converting Handwritten Mathematical Expressions into LATEX », 2017.</p>