Something went wrong. Try again.
theme website blog showcase
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631<!doctype html><html lang="en"> <head> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="The website is being created" />
<meta name="author" content="Joe Doe <joe.doe@example.com>" /> <meta name="color-scheme" content="light dark" /> <meta name="keywords" content="development, operating system" />
<meta name="license:url" content="https://creativecommons.org/licenses/by-sa/4.0/" />
<link rel="stylesheet" href="css/article.css" />
<title>The website is being created</title> </head> <body> <header> <a href="/" id="logo">Citorva</a> <nav> <menu> <li><a href="/me">About me</a></li> <li><a href="/blog" class="current">Blog</a></li> <li><a href="/projects">Projects</a></li> </menu> </nav> </header> <main> <nav id="toc"> <menu> <h1>Sommaire</h1> <li> <a href="#section-1" >Mauris lorem tortor, euismod et </a> </li> <li> <a href="#section-2" >Debilitati obiecta specie voluptatis tradunt</a > </li> <li> <a href="#section-3" >Ad tranquillitatem ferant, quid est</a > </li> <li> <a href="#section-4" >Dominationis, libidinosarum etiam voluptatum. Accedunt</a > </li> <li> <a href="#section-5">Quid tibi, Torquate, quid huic</a> </li> </menu> </nav>
<article> <h1>Lorem ipsum dolor sit amet</h1>
<nav id="lang-selector" tabindex="-1"> <label>Cet article existe aussi dans les langues suivantes:</label> <ul> <li><a href="/article.en.html">English</a></li> <li><a href="/article.es.html">Español</a></li> <li><a href="/article.de.html">Deutsch</a></li> </ul> </nav>
<ul id="metadata"> <li id="dates"> Créé le <time id="creation-date" datetime="2025-06-21"> 21 Juin 2025 </time >, mis à jour le <time id="update-date" datetime="2025-11-22"> 22 Novembre 2025 </time >. </li> <li id="reading-time"> <data id="word-count" value="2048">2048</data> mots, <data id="estimated-reading-time" value="606" >10 minutes</data > de lecture. </li> <li id="tags"> <span class="label">Tags:</span> <ul> <li id="project-tag">Projet : <span id="project-name">Lorem</span></li> <li>Developent</li> <li>Operating System</li> </ul> </li> </ul>
<main> <p id="summary"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac condimentum massa. Morbi ut diam mollis, ultricies arcu a, fringilla mi. Curabitur aliquam et metus ac dapibus. Duis vitae ante euismod, pretium nisi id, maximus neque. Quisque justo sapien, tempus quis felis eu, lacinia imperdiet velit. Ut vulputate, dolor eu ornare egestas, tortor erat tincidunt velit, sed pharetra nisi purus a metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque sit amet est semper tortor congue hendrerit. Nam sagittis lobortis lorem eu lobortis. Vivamus pretium orci vel odio hendrerit efficitur. Nullam commodo lacus at tortor pulvinar, rhoncus iaculis sem molestie. Integer vestibulum magna nec vestibulum bibendum. Suspendisse a leo in nulla vehicula mollis. </p>
<h2 class="article-heading" id="section-1"> Mauris lorem tortor, euismod et </h2>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed posuere enim. Praesent ultrices laoreet arcu vitae consequat. Suspendisse vehicula magna lacinia ultrices cursus. Donec et quam quis eros elementum ullamcorper eu quis metus. Praesent condimentum purus leo, et pretium odio accumsan consectetur. Ut sit amet mauris vitae velit cursus dignissim in id metus. Praesent finibus vel justo in dignissim. Vestibulum tincidunt dapibus ante, at lobortis velit tincidunt ac. Fusce hendrerit nisl sodales convallis feugiat. </p>
<p> Suspendisse vel porta sapien. Donec mattis et quam ut varius. Aliquam velit mi, tempus eget nisi ac, vestibulum accumsan magna. Etiam mauris nulla, interdum id ligula vitae, luctus ultricies orci. Pellentesque at consequat erat, nec tempor justo. Nam non aliquam augue. Donec malesuada tortor ut enim volutpat, a vulputate augue placerat. Mauris vestibulum accumsan massa, ac aliquet nibh lobortis ac. Quisque egestas ipsum ac feugiat blandit. </p>
<p> Phasellus eget mollis arcu, non aliquam orci. Phasellus eget justo volutpat, maximus urna vel, dignissim dolor. Aenean eleifend nisi euismod augue consequat, egestas euismod sem consectetur. Nulla cursus laoreet arcu, non tempor arcu sagittis a. Maecenas in urna tincidunt, placerat risus quis, consequat tellus. Phasellus eget quam lacus. Maecenas in lacus vestibulum, maximus neque vel, auctor mi. Vivamus nec est tellus. Morbi laoreet velit felis, a commodo velit fermentum vitae. </p> <figure> <svg viewBox="0 0 1008 362" style="overflow: hidden" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <marker id="simple-arrow" viewbox="0 0 6 12" refX="6" refY="6" markerWidth="6" markerHeight="12" orient="auto-start-reverse" > <path d="m -2,6 h 8 v 8" transform="rotate(45 6 6)" /> </marker>
<g> <title>Alice column</title> <rect x="104" y="8" width="128" height="64" /> <text x="168" y="40" class="center middle"> Alice </text>
<path class="dashed" d="m 168,72 v 218" />
<rect x="104" y="290" width="128" height="64" /> <text x="168" y="322" class="center middle"> Alice </text> </g> <g> <title>Eve column</title> <rect x="440" y="8" width="128" height="64" /> <text x="504" y="40" class="center middle"> Eve </text>
<path class="dashed" d="m 504,72 v 218" />
<rect x="440" y="290" width="128" height="64" /> <text x="504" y="322" class="center middle"> Eve </text> </g> <g> <title>Bob column</title> <rect x="776" y="8" width="128" height="64" /> <text x="840" y="40" class="center middle"> Bob </text>
<path class="dashed" d="m 840,72 v 218" />
<rect x="776" y="290" width="128" height="64" /> <text x="840" y="322" class="center middle"> Bob </text> </g>
<g> <title>TCP Handshake</title>
<rect x="8" y="80" width="992" height="202" /> <path class="filled" d="m 8,80 h 150 v 24 l -8,8 h -142 z" /> <text x="16" y="96" class="left middle"> TCP Handshake </text>
<rect class="filled" x="500" y="128" width="8" height="136" />
<path d="M 168,128 H 500" marker-end="url(#simple-arrow)" /> <text x="336" y="120" class="center bottom"> SYN </text>
<path d="M 508,152 H 840" marker-end="url(#simple-arrow)" /> <text x="672" y="144" class="center bottom"> SYN </text>
<path d="M 840,184 H 508" marker-end="url(#simple-arrow)" /> <text x="672" y="176" class="center bottom"> SYN-ACK </text>
<path d="M 500,208 H 168" marker-end="url(#simple-arrow)" /> <text x="336" y="200" class="center bottom"> SYN-ACK </text>
<path class="dashed" d="M 168,240 H 500" marker-end="url(#simple-arrow)" /> <text x="336" y="232" class="center bottom"> ACK </text>
<path class="dashed" d="M 508,264 H 840" marker-end="url(#simple-arrow)" /> <text x="672" y="256" class="center bottom"> ACK </text> </g> </svg> <figcaption> TCP handshake through a man-in-the-middle scenario </figcaption> </figure> <p> Phasellus id volutpat dolor, non efficitur leo. Nunc commodo ornare sapien, id venenatis urna viverra ut. Cras at mollis nisl. Duis consequat rutrum iaculis. Ut interdum faucibus turpis, ac rhoncus enim suscipit id. Nulla venenatis sodales odio. Ut bibendum semper purus, consectetur molestie eros dignissim non. Praesent vel turpis ut odio convallis finibus. In hac habitasse platea dictumst. Morbi mattis bibendum neque, eget vulputate augue malesuada in. Donec volutpat ultricies pharetra. Proin vitae vestibulum odio, ut auctor lacus. </p> <p> Nam nec congue odio, id bibendum lorem. Integer pellentesque, nisi sed tristique volutpat, est diam feugiat lorem, quis euismod neque dui id nibh. Nulla imperdiet mauris et libero pharetra, vitae efficitur diam aliquet. Quisque vitae tempus tortor, quis bibendum nulla. Sed viverra cursus ipsum sit amet ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vestibulum aliquet nibh, sit amet sollicitudin purus gravida id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu porta metus. Pellentesque sem mauris, maximus nec est a, blandit condimentum metus. Integer volutpat tristique nisi, in congue mauris facilisis eget. Donec non vehicula felis. Sed eu ultrices neque. Mauris eu ante quam. </p> <h2 class="article-heading" id="section-2"> Debilitati obiecta specie voluptatis tradunt </h2> <p> Quid probarem. Quid igitur est? Inquit; audire enim cupio, quid non probes. Principio, inquam, in physicis, quibus maxime gloriatur, primum totus est alienus. Democritea dicit perpauca mutans, sed ita, ut ea, quae dixi, sole ipso illustriora et clariora sunt, si omnia dixi hausta e fonte naturae, si tota oratio nostra omnem sibi fidem sensibus confirmat, id est adiuvet, quo facilius id. </p> <p> Controversia, quid ego intellegerem, sed quid probarem. Quid igitur est? Inquit; audire enim cupio, quid non probes. Principio, inquam, in physicis, quibus maxime gloriatur, primum totus est alienus. Democritea dicit perpauca mutans, sed ita, ut ea, quae praeterierunt, acri animo et corpore voluptatibus nullo dolore nec impediente nec inpendente, quem tandem hoc statu praestabiliorem aut magis expetendum possimus dicere? Inesse enim necesse est effici. </p> <p> Nunc est, desiderat?' -- Nihil sane. -- 'At, si voluptas summum sit bonum, affirmatis nullam omnino fore. De qua omne certamen est? Tuo vero id quidem, inquam, arbitratu. Sic faciam igitur, inquit: unam rem explicabo, eamque maximam, de physicis alias, et quidem locis pluribus. Sed quot homines, tot sententiae; falli igitur possumus. </p> <p> Animum, ne quod aut sempiternum aut diuturnum timeret malum, quae perspexit in hoc ipso vitae spatio amicitiae praesidium esse firmissimum.' Sunt autem quidam e nostris, qui haec subtilius velint tradere et negent satis esse, quid bonum sit aut quid malum, sensu iudicari, sed animo etiam ac ratione intellegi posse et voluptatem ipsam per se ipsas tam expetendas, quam nostras expeteremus, quo loco videtur quibusdam stabilitas amicitiae vacillare, tuentur tamen. </p> <h2 id="section-3">Ad tranquillitatem ferant, quid est</h2> <p> Illustribus et gloriosis satis hoc loco dictum sit. Erit enim iam de omnium virtutum cursu ad voluptatem proprius disserendi locus. Nunc autem explicabo, voluptas ipsa quae qualisque sit, ut tollatur error omnis imperitorum intellegaturque ea, quae senserit ille, tibi non vera videantur. Vide, quantum, inquam, fallare, Torquate. Oratio me istius philosophi. </p> <p> Progrediens familiaritatem effecerit, tum amorem efflorescere tantum, ut, etiamsi nulla sit causa peccandi. Quae enim cupiditates a natura proficiscuntur, facile explentur sine ulla iniuria, quae autem de bene beateque vivendum. Sed existimo te, sicut nostrum Triarium, minus ab eo et gravissimas res consilio ipsius et ratione administrari neque maiorem voluptatem ex. </p> <p> Quantum potuimus, non modo non inopem, ut vulgo putarent, sed locupletiorem etiam esse quam Graecam. Quando enim nobis, vel dicam aut oratoribus bonis aut poetis, postea quidem quam fuit quem imitarentur, ullus orationis vel copiosae. </p> <p> Inquit, sic agam, ut ipsi auctori huius disciplinae placet: constituam, quid et quale sit id, de quo Lucilius: 'ferreum scriptorem', verum, opinor, scriptorem tamen, ut legendus sit. Rudem enim esse censet, quantus. </p> <h2 class="article-heading" id="section-4"> Dominationis, libidinosarum etiam voluptatum. Accedunt </h2> <p> Est res ulla, quae sua natura aut sollicitare possit aut angere. Praeterea et appetendi et refugiendi et omnino rerum gerendarum initia proficiscuntur aut a dolore. Quod cum ita sit, perspicuum est omnis rectas res atque. </p> <p> Novum vicinum non vult 'fodere aut arare aut aliquid ferre denique' -- non enim illum ab industria, sed ab inliberali labore deterret --, sic isti curiosi, quos offendit noster minime nobis iniucundus labor. Iis igitur est non miser. Accedit etiam mors, quae quasi delapsa de caelo est ad quiete vivendum, caritatem, praesertim. </p> <p> Disputatione, quam ob rem voluptas expetenda, fugiendus dolor sit. Sentiri haec putat, ut calere ignem, nivem esse albam, dulce mel. Quorum nihil oportere exquisitis rationibus confirmare, tantum satis esse admonere. Interesse enim inter argumentum conclusionemque rationis et inter mediocrem animadversionem atque admonitionem. Altera. </p> <p> Ad iucunde vivendum reperiri posse, quod coniunctione tali sit aptius. Quibus ex omnibus iudicari potest non modo numquam nocet cuiquam, sed contra semper afficit cum vi sua atque natura, quod tranquillat animos, tum spe nihil earum rerum defuturum, quas natura. </p> <p> Possumus neque vero ipsam amicitiam tueri, nisi aeque amicos et nosmet ipsos diligamus, idcirco et hoc ipsum efficitur in amicitia, et amicitia cum voluptate conectitur. Nam et laetamur amicorum laetitia aeque atque nostra et pariter dolemus angoribus. Quocirca eodem modo sapiens erit affectus erga amicum, quo in se ipsum, quosque labores propter suam voluptatem susciperet, eosdem suscipiet propter amici voluptatem. Quaeque de. </p> <p> Qui officia deserunt mollitia animi, id est vel summum bonorum vel ultimum vel extremum -- quod et scripta multa sunt, sic inprobitas si cuius in mente consedit, hoc ipso, quod adest, turbulenta est; si vero molita quippiam est, quamvis occulte fecerit, numquam tamen id confidet fore semper occultum. Plerumque improborum facta primo suspicio insequitur, dein sermo atque fama, tum accusator, tum iudex; Multi etiam, ut te consule, ipsi se. </p> <h2 class="article-heading" id="section-5"> Quid tibi, Torquate, quid huic </h2> <p> Probarem. Quid igitur est? Inquit; audire enim cupio, quid non probes. Principio, inquam, in physicis, quibus maxime gloriatur, primum totus est alienus. Democritea dicit perpauca mutans, sed ita, ut ea, quae dicta sunt ab iis quos probamus, eisque nostrum iudicium et nostrum scribendi ordinem adiungimus, quid habent, cur Graeca anteponant iis, quae et terroribus cupiditatibusque detractis et omnium falsarum opinionum temeritate derepta. </p> <p> Expetendum possimus dicere? Inesse enim necesse est effici, ut sapiens solum amputata circumcisaque inanitate omni et errore naturae finibus contentus sine aegritudine possit et sine metu vivere. Quae est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Nam si ea sola voluptas esset, quae quasi saxum Tantalo semper impendet, tum superstitio, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm. </p> <p> Depravare videatur. Ille atomos quas appellat, id est quo melius viveremus, eas ergo artes persequeretur, vivendi artem tantam tamque et operosam et perinde fructuosam relinqueret? Non ergo Epicurus ineruditus, sed ii indocti, qui, quae pueros non didicisse turpe est, ea putant usque ad senectutem esse discenda. Quae cum dixissem, magis ut illum provocarem quam ut ipse constituit, e regione inferiorem locum petentium sine. </p> <p> Et urbane Stoicos irridente, statua est in voluptate. Neque enim tempus est ullum, quo non plus voluptatum habeat quam dolorum. Nam et laetamur amicorum laetitia aeque atque nostra et pariter dolemus angoribus. Quocirca eodem modo sapiens erit affectus erga amicum, quo in. </p> <p> Ad respondendum reddidisti. Quorum facta quem ad modum temeritas et libido et ignavia semper animum excruciant et semper sollicitant turbulentaeque sunt, sic inprobitas si cuius in mente consedit, hoc ipso. </p> <p> (est) ficta pueriliter, tum ne efficit quidem, quod vult. Nam et complectitur verbis, quod vult, et dicit plane, quod intellegam; et tamen ego a philosopho, si afferat eloquentiam, non asperner, si non habeat, non admodum indoctis, totum hoc displicet philosophari. Quidam autem non tam id reprehendunt, si remissius agatur, sed tantum studium tamque multam operam ponendam in eo essent. Quae. </p> <p> Propter suam voluptatem susciperet, eosdem suscipiet propter amici voluptatem. Quaeque de virtutibus dicta sunt, quem ad me in Cumanum salutandi causa uterque venisset, pauca primo inter nos de litteris, quarum summum erat in utroque studium, deinde Torquatus: Quoniam nacti te, inquit, sumus aliquando otiosum, certe audiam, quid sit, quod Epicurum nostrum non tu quidem oderis, ut fere faciunt, qui ab. </p> <p> Corpora ferri deorsum suo pondere ad lineam, hunc naturalem esse omnium corporum motum. Deinde ibidem homo acutus, cum illud ocurreret, si omnia deorsus e regione ferrentur et, ut modo docui, cognitionis regula et iudicio ab eadem illa constituto. </p>
<figure> <code style="counter-set: code-line 1;"> <div><span class="preprocessor">#include <stdlib.h></span></div> <div class="jump" style="counter-increment: code-line 1;"><span>1 ligne ignorée</span></div> <div><span class="comment">// Point d'entrée du programme</span></div> <div><span class="type">void</span> <span class="ident">main</span><span class="sym">() {</span></div> <div class="highlighted"> <span class="ident">printf</span><span class="sym">(</span><span class="string-literal">"Hello world!"</span><span class="sym">);</span></div> <div><span class="sym">}</span></div> </code> <figcaption>Sample C hello world!</figcaption> </figure>
<p> Et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus animus a se ipse dissidens secumque discordans gustare partem ullam liquidae voluptatis et liberae potest. Atqui pugnantibus et contrariis studiis consiliisque semper utens nihil quieti videre, nihil tranquilli potest. Quodsi corporis gravioribus morbis vitae iucunditas impeditur, quanto magis animi morbis impediri necesse. </p> <p> Facta primo suspicio insequitur, dein sermo atque fama, tum accusator, tum iudex; Multi etiam, ut te consule, ipsi se indicaverunt. Quodsi qui satis sibi contra hominum conscientiam saepti esse et muniti videntur, deorum tamen horrent easque ipsas sollicitudines, quibus eorum animi noctesque diesque exeduntur, a diis inmortalibus sine ullo metu vera. </p> <p> Habeat. Nam si concederetur, etiamsi ad corpus referri, nec ob eam causam non fuisse. -- Torquem detraxit hosti. -- Et quidem se texit, ne interiret. -- At magnum periculum adiit. -- In oculis quidem exercitus. -- Quid ex eo est consecutus? -- Laudem et caritatem, quae sunt vitae sine. </p> <p> Rerum gerendarum initia proficiscuntur aut a voluptate discedere. Nam cum solitudo et vita sine amicis insidiarum et metus et aegritudines ad dolorem referuntur, nec praeterea est res ulla, quae sua natura aut sollicitare possit aut angere. Praeterea et appetendi et refugiendi et omnino. </p> <p> Quam magnos quantaque amoris conspiratione consentientis tenuit amicorum greges! Quod fit etiam nunc ab Epicureis. Sed ad rem redeamus; de hominibus dici non necesse est. Tribus igitur modis video esse a nostris non legantur? Quamquam, si plane sic verterem Platonem aut Aristotelem, ut verterunt nostri poetae fabulas, male, credo, mererer de meis civibus, si ad eorum cognitionem divina illa ingenia transferrem. Sed id neque feci. </p> <p> Bonum esse vult, summumque malum dolorem, idque instituit docere sic: Omne animal, simul atque natum sit, voluptatem appetere eaque gaudere ut summo bono, dolorem aspernari ut summum malum et, quantum possit, a se ipse dissidens secumque discordans gustare partem ullam liquidae voluptatis et liberae potest. Atqui pugnantibus et contrariis studiis consiliisque semper utens nihil quieti videre, nihil tranquilli potest. </p> <p> Nam et laetamur amicorum laetitia aeque atque nostra et pariter dolemus angoribus. Quocirca eodem modo sapiens erit affectus erga amicum, quo in se ipsum, quosque labores propter suam voluptatem susciperet, eosdem suscipiet propter amici voluptatem. Quaeque de virtutibus dicta sunt, quem ad modum eae semper voluptatibus inhaererent, eadem de amicitia disputatum. Alii cum eas voluptates, quae ad quietem et ad eos. </p> </main>
<footer> Cet article a été rédigé par <a href="/profile/citorva.fr">Joe Doe</a> et distribué sous license <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons CC-BY-SA</a> </footer> </article>
<section id="comments"> <h1>Commentaires</h1>
<form id="comment-editor"> <textarea name="comment"></textarea>
<div id="actions"> <div id="remain-character-counter"> <data>200</data> <label>characters left</label> </div>
<button type="submit">Send comment</button> </div> </form> </section>
<script src="scripts/toc.js"></script> </main> <footer> Made with <span role="img" aria-label="heart">❤️</span> by citorva. <a href="mailto:contact@citorva.fr">Contact me</a> </footer> </body></html>