summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorache <ache@ache.one>2018-01-14 12:04:05 +0100
committerache <ache@ache.one>2018-01-14 12:06:07 +0100
commit3bb57d73552635f7884732f5aad878eaf9109672 (patch)
tree26f245b70840ad8c9d88fb0560b50fa42c8c7f35
parentCSS optimisation (diff)
New format for the article
-rw-r--r--article/article.m46
-rw-r--r--article/duckduckgo-google-en-mieux.html236
-rw-r--r--article/duckduckgo-google-en-mieux.md (renamed from article/duckduckgo_google_en_mieux.md)4
-rw-r--r--article/duckduckgo-google-en-mieux_intro.html10
-rw-r--r--article/duckduckgo_google_en_mieux.html235
-rw-r--r--article/duckduckgo_google_en_mieux_intro.html10
-rw-r--r--article/intro.m43
-rw-r--r--headers.m42
-rw-r--r--index.m43
-rw-r--r--makefile55
10 files changed, 521 insertions, 43 deletions
diff --git a/article/article.m4 b/article/article.m4
index 73d977b..72c1965 100644
--- a/article/article.m4
+++ b/article/article.m4
@@ -6,11 +6,13 @@ include(HEADER_HEADER)
<body>
-include(left.htm)
-<article id="contenu" class="post hentry clearfix">
+<article id="contenu" class="post hentry clearfix"><section>
include(tmpFileNameArticle)
+</section>
</article>
+include(left.htm)
+
</body></html>
diff --git a/article/duckduckgo-google-en-mieux.html b/article/duckduckgo-google-en-mieux.html
new file mode 100644
index 0000000..037c128
--- /dev/null
+++ b/article/duckduckgo-google-en-mieux.html
@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+<meta charset="utf-8" />
+ <title>Licornes, hérissons et renards</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="canonical" href="/article/duckduckgo-google-en-mieux.html"/>
+ <link rel="shortcut icon" type="image/svg" href="/res/ache.ico" />
+ <style>@import url("/design/design.css");</style>
+ <meta name= "description" content="Site d'ache : Articles et présentation de mes projets" />
+</head>
+
+
+ <body>
+
+
+
+
+<article id="contenu" class="post hentry clearfix"><section>
+<h1>DuckDuckGo, Google en mieux ?</h1>
+
+<p><img src="res/DuckDuckGo_Logo.svg" alt="Logo DuckDuckGo" /></p>
+
+<p>Depuis un certain temps déjà, Google ne se consacre plus entièrement à
+son moteur de recherche. En effet, la firme est déjà bien implentée dans
+la plupart des pays occidentaux où elle est le site le plus visité. Mais
+la concurrence, elle, s'est développée. Les moteurs de recherches tels
+que DuckDuckGo évoluent avec le temps, jusqu'à devenir plus pratique et
+ergonomique que Google.</p>
+
+<p>DuckDuckGo est un moteur de recherche assez jeune mais qui a beaucoup
+d'avenir. En effet, il allie rapidité et fonctionnalités innovantes,
+tout en conservant la vie privée de l'utilisateur</p>
+
+<h3>Bang !</h3>
+
+<p>Vous connaissiez le &ldquo;I&rsquo;m Feeling Lucky&rdquo; de Google (&ldquo;J'ai de la chance&rdquo;
+en français). DuckDuckGo lui propose une fonctionnalité similaire du nom
+de &ldquo;I&rsquo;m Feeling Ducky&rdquo;. En effet, il suffit de placer un point
+d'exclamation (&ldquo;bang&rdquo; en anglais) dans les termes de votre recherche
+afin d'arriver directement sur le premier résultat. Mais ce n'est pas
+tout, sinon !Bang n'aurait rien d'innovant. DuckDuckGo permet d'accéder
+simplement à certains sites environs une centaine. Par exemple, &ldquo;!wfr&rdquo;
+permet d'afficher directement la page d'accueil de Wipipédia en Français
+(&ldquo;!w&rdquo; pour la version anglaise). On peut remarquer notamment &ldquo;!sdz&rdquo; qui
+permet d'afficher directement la page d'accueil du site du zéro. Il
+existe pour tous les sites couramment utilisés comme FaceBook par
+exemple (&ldquo;!fb&rdquo;).</p>
+
+<p>Toujours pas convaincu ? !Bang peut également prendre des arguments dans
+ces !Bang afin de créer une véritable ligne de commande. On peut ainsi
+directement accéder à l'article DuckDuckGo de Wikipédia en français en
+tapants simplement &ldquo;!wfr DuckDuckGo&rdquo;. Et cela fonctionne avec énormément
+de mot-clé comme &ldquo;!ixquick&rdquo;, &ldquo;!sp&rdquo;, &ldquo;!g&rdquo; (Google), &ldquo;!answers&rdquo;, &hellip;</p>
+
+<p>DuckDuckGo devient ainsi une véritable ligne de commande dans votre
+navigateur Web. De quoi satisfaire les adeptes de la console. D'ailleur
+de nombreux !Bang son adapté au developpement comme &ldquo;!cpp&rdquo; pour la man
+du C++ ou encore &ldquo;!golang&rdquo; pour une recherche dans la documentation de
+GO (le langage de programmation)</p>
+
+<p>Vous pouvez consulter la liste des
+<a href="https://duckduckgo.com/bang.html">!Bang</a> en tappant &ldquo;!Bang&rdquo; dans
+DuckDuckGo.</p>
+
+<h3>Zero Click Infobox</h3>
+
+<p><img src="res/zeroClickBox1.png" alt="ZéroClickBox" /></p>
+
+<p>Mais qu'est-ce dont encore ce truc-là ? La Zéro Click Infobox, est une
+boite d'information apparaissant avant les premiers liens et qui essaye
+de vous apporter l'information que vous recherchez sans que vous ayez
+besoin de visiter un quelconque autre site. Pratique quand on est
+pressé. Elle vous propose également quelques liens utiles à tout début
+de recherche.</p>
+
+<p>Afin d'apporter l'information, la Zero Click Infobox va s'appuyer sur
+d'autres sites comme Wikipédia. Elle permet aussi comme la <a href="https://fr.wikipedia.org/wiki/Calculatrice_Google">calculatrice
+de Google</a>
+d'effectuer des calculs directement dans le champ de recherche. Là où
+DuckDuckGo innove, c'est dans la précision. En effet, Google se plante
+assez minablement dans des calculs simples pour des raisons des
+précisions. On connait tous le célèbre <a href="http://www.google.com/search?&amp;q=399999999999999+-+399999999999998">&ldquo;399 999 999 999 999 - 399 999
+999 999 998 =
+0&rdquo;</a>
+de Google. Pour pallier ce problème de précision, DuckDuckGo va
+directement chercher sur WorlFramAlpha afin de faire les calculs les
+plus compliqués (Il traite cependant les plus simples).</p>
+
+<p>Mais quitte à utiliser WolframAlpha &hellip; autant utiliser toutes les
+fonctionnalités disponibles &hellip; C'est ce que propose DuckDuckGo. Ainsi,
+on peut retrouver certaines informations très rapidement &ldquo;mass of
+jupiter&rdquo; par exemple ou encore &ldquo;base64 Hello World&rdquo; qui donne
+directement &ldquo;SGVsbG8gV29ybGQ=&rdquo;. Ce système de conversion marche
+également pour le binaire, rot13, SHA, &hellip; Plus d'info et de
+fonctionnalités sur leur page d'information <a href="http://duckduckgo.com/tech.html">tech
+Goodies</a> . Toutes les lister seraient
+trop long.</p>
+
+<h3>Respect de la vie privée</h3>
+
+<p>Contrairement à Google, DuckDuckGo respecte la vie privée de ses
+utilisateurs. DuckDuckGo reproche à Google de personnaliser les
+recherches et de créer une sorte de bulle qui réduit les résultats en
+fonction de vos centres d'intérèts et donc ainsi réduire le nombre
+d'information auxquelles vous avez accès. DuckDuckGo lui propose donc
+les mèmes résultats pour tous les utilisateurs. Voir la page
+<a href="http://dontbubble.us/">dontbubble.us</a> pour plus d'informations.</p>
+
+<p>Par ailleurs DuckDuckGo est totalement contre le tracking. Son slogan
+est d'ailleurs &ldquo;Google tracks you. We don&rsquo;t.&rdquo; . D'ailleurs, DuckDuckGo
+n'utilise pas de Coockies (mis à part pour les préférences, mais il
+propose également une alternative aux Cookies par URL) et ne stocke
+aucun historique des requètes. Leur campagne
+<a href="http://donttrack.us/">donttrack.us</a> essaye d'ailleurs d'ètre assez
+choquante.</p>
+
+<p>Encore plus de respect de la vie privée ? DuckDuckGo propose la
+recherche anonyme par l'utilisation de TOR. Ou comment arriver à
+l'anonymat le plus totale. Vous pouvez également utiliser la version
+HTTPS qui utilise donc une couche de chiffrement SSL pour que tout soit
+chiffré du début à la fin.</p>
+
+<h3>Un Moteur de recherche proche de ses utilisateurs</h3>
+
+<p>DuckDuckGo est le seul moteur de recherche que je connaisse aussi ouvert
+et aussi à l'écoute de ses utilisateurs. DuckDuckGo vous permets
+<a href="https://duckduckgo.com/newbang.html">d'ajouter vos propres !Bang</a> au
+site (s'il y a plusieurs demandes, ils l'ajouteront). C'est certainement
+comme cela qu'on peut retrouver &ldquo;!sdz&rdquo; comme !Bang.</p>
+
+<p>Pour les utilisateurs trouvant le moteur trop gourmand, DuckDuckGo
+propose également une version lite de son moteur de recherche. Celui-ci
+est cependant basique mais l'initiative est preuve de la bonne volonté
+de DuckDuckGo de vouloir bien faire.</p>
+
+<p>DuckDuckGo est aussi une petite communauté. En effet, en plus d'ètre
+totalement transparent sur leurs informations (code source, <a href="http://duckduckgo.com/traffic.html">info
+trafique</a> , &hellip;), ils vous proposent
+mème de participer à l'amélioration du Wiki, de la traduction de
+DuckDuckGo, au développement du site, ou tout simplement de discuter sur
+des améliorations à apporter sur #duckduckgo sur Freenode. <a href="https://dukgo.com/base/welcome">Voir la
+plateforme de développement</a></p>
+
+<p>DuckDuckGo est ainsi une véritable mine d'or. Proposant de nombreuses
+fonctionnalités innovantes. Il est de ce fait un des meilleurs moteurs
+de recherche du moment. Personnellement, je l'adopte. Je découvre de
+plus en plus de fonctionnalité en l'utilisant quotidiennement et ça fait
+vraiment plaisir de gagner chaque jour en ergonomie. DuckDuckGo vient
+récemment de dépasser le million de requètes par jour.</p>
+
+<p>Consulter la page d'accueil de DuckDuckGo pour plus d'info sur
+l'utilisation du moteur de recherche.</p>
+
+</section>
+</article>
+
+<aside id="side-bar">
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" id="svg">
+ <g transform="scale(0.125)">
+ <rect width="100" height="100" x="50" y="300" id="rect1" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="400" id="rect2" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="500" id="rect3" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="600" id="rect4" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="600" id="rect5" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="600" id="rect6" style="fill:#000" />
+ <rect width="100" height="100" x="350" y="600" id="rect7" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="600" id="rect8" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="600" id="rect9" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="600" id="rect10" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="500" id="rect11" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="400" id="rect12" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="300" id="rect13" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="700" id="rect14" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="700" id="rect15" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="300" id="rect16" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="300" id="rect17" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="200" id="rect18" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="200" id="rect19" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="100" id="rect20" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="100" id="rect21" style="fill:#000" />
+ <rect width="100" height="100" x="350" y="000" id="rect22" style="fill:#000" />
+ </g>
+ </svg>
+
+
+
+ <h2> Ache </h2>
+ <div id="desc"> Étudiant en Math-Info <br /> <span id="about">GNU\Linux, C, C++, Python, Math, ... <br /> </span></div>
+ <nav>
+ <ul>
+ <li class="about_bar"><a href="https://twitter.com/arobase_che">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+ <desc>Twitter Logo</desc>
+ <g transform="translate(-16,-16)scale(0.053)">
+ <path d="
+ M 630, 425
+ A 195, 195 0 0 1 331, 600
+ A 142, 142 0 0 0 428, 570
+ A 70, 70 0 0 1 370, 523
+ A 70, 70 0 0 0 401, 521
+ A 70, 70 0 0 1 344, 455
+ A 70, 70 0 0 0 372, 460
+ A 70, 70 0 0 1 354, 370
+ A 195, 195 0 0 0 495, 442
+ A 67, 67 0 0 1 611, 380
+ A 117, 117 0 0 0 654, 363
+ A 65, 65 0 0 1 623, 401
+ A 117, 117 0 0 0 662, 390
+ A 65, 65 0 0 1 630, 425
+ Z" style="fill:#777;"/></g></svg>
+
+ </a></li>
+ <li class="about_bar"><a href="http://git.ache.one">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><desc>Git Logo</desc><g transform="scale(0.18)"> <path d="M 111.78,51.976994 62.035,2.2380937 c -2.8622,-2.86480012 -7.5082,-2.86480012 -10.374,0 l -10.329,10.3300003 13.102,13.102 c 3.0459,-1.0284 6.5371,-0.33888 8.9639,2.0884 2.4394,2.4424 3.124,5.9634 2.0698,9.0195 l 12.628,12.628 c 3.0551,-1.0528 6.58,-0.37262 9.0195,2.0712 3.4106,3.4096 3.4106,8.9345 0,12.345 -3.4111,3.4116 -8.936,3.4116 -12.349,0 -2.5645,-2.5665 -3.1988,-6.3345 -1.8999,-9.4942 l -11.777,-11.777 -0.001,30.991 c 0.8315,0.41162 1.6162,0.961 2.3091,1.6509 3.4096,3.4092 3.4096,8.9331 0,12.348 -3.4106,3.4091 -8.938,3.4091 -12.345,0 -3.4101,-3.4146 -3.4101,-8.9385 0,-12.348 0.84275,-0.84125 1.8179,-1.478 2.8584,-1.9048 v -31.279 c -1.041,-0.425 -2.015,-1.057 -2.859,-1.905 -2.583,-2.581 -3.2051,-6.372 -1.8804,-9.5439 l -12.916,-12.918 -34.106,34.105 c -2.8657,2.867 -2.8657,7.513 0,10.378 l 49.742,49.739006 c 2.8638,2.8648 7.5082,2.8648 10.376,0 l 49.512,-49.504006 c 2.8648,-2.8662 2.8648,-7.5136 0,-10.379" style="fill:#777" /> </g> </svg>
+
+ </a></li>
+ <li class="about_bar"><a href="https://mastodon.xyz/@ache">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><desc>Mastodon Logo</desc><g transform="scale(0.08)"> <path fill="#777" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" /> <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/> </g> </svg>
+
+ </a></li>
+ </ul>
+ </nav>
+ <nav>
+ <ul>
+ <li class="sommaire_blien"><a href="/">home</a>
+ </li><li class="sommaire_blien"><a href="http://git.ache.one/">git</a>
+ </li><li class="sommaire_blien"><a href="/contact/">contact</a>
+ </li>
+ </ul>
+ </nav>
+</aside>
+
+
+</body></html>
diff --git a/article/duckduckgo_google_en_mieux.md b/article/duckduckgo-google-en-mieux.md
index bb6c8b1..e925f06 100644
--- a/article/duckduckgo_google_en_mieux.md
+++ b/article/duckduckgo-google-en-mieux.md
@@ -1,6 +1,6 @@
DuckDuckGo, Google en mieux ?
===============
-![Logo DuckDuckGo](res/DuckDuckGo_Logo.svg){.fr}\
+![Logo DuckDuckGo](res/DuckDuckGo_Logo.svg)
Depuis un certain temps déjà, Google ne se consacre plus entièrement à
@@ -49,7 +49,7 @@ DuckDuckGo.
### Zero Click Infobox
-![ZéroClickBox](res/zeroClickBox1.png){.fr}\
+![ZéroClickBox](res/zeroClickBox1.png)
Mais qu'est-ce dont encore ce truc-là ? La Zéro Click Infobox, est une
boite d'information apparaissant avant les premiers liens et qui essaye
diff --git a/article/duckduckgo-google-en-mieux_intro.html b/article/duckduckgo-google-en-mieux_intro.html
new file mode 100644
index 0000000..8eec3d8
--- /dev/null
+++ b/article/duckduckgo-google-en-mieux_intro.html
@@ -0,0 +1,10 @@
+<article id="contenu" class="post hentry clearfix"><section>
+<h1>DuckDuckGo, Google en mieux ?</h1><p><img src="article/res/DuckDuckGo_Logo.svg" alt="Logo DuckDuckGo"></img></p><p>Depuis un certain temps déjà, Google ne se consacre plus entièrement à
+son moteur de recherche. En effet, la firme est déjà bien implentée dans
+la plupart des pays occidentaux où elle est le site le plus visité. Mais
+la concurrence, elle, s'est développée. Les moteurs de recherches tels
+que DuckDuckGo évoluent avec le temps, jusqu'à devenir plus pratique et
+ergonomique que Google.</p>
+</section>
+<a class="suite" href="article/duckduckgo-google-en-mieux">Lire la suite</a>
+</article>
diff --git a/article/duckduckgo_google_en_mieux.html b/article/duckduckgo_google_en_mieux.html
new file mode 100644
index 0000000..0e01ce2
--- /dev/null
+++ b/article/duckduckgo_google_en_mieux.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+<meta charset="utf-8" />
+ <title>Licornes, hérissons et renards</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="canonical" href="/article/duckduckgo_google_en_mieux.html"/>
+ <link rel="shortcut icon" type="image/svg" href="res/ache.ico" />
+ <style>@import url("/design/design.css");</style>
+ <meta name= "description" content="Site d'ache : Articles et présentation de mes projets" />
+</head>
+
+
+ <body>
+
+
+
+
+<article id="contenu" class="post hentry clearfix"><section>
+<h1>DuckDuckGo, Google en mieux ?</h1>
+
+<p><img src="res/DuckDuckGo_Logo.svg" alt="Logo DuckDuckGo" /></p>
+
+<p>Depuis un certain temps déjà, Google ne se consacre plus entièrement à
+son moteur de recherche. En effet, la firme est déjà bien implentée dans
+la plupart des pays occidentaux où elle est le site le plus visité. Mais
+la concurrence, elle, s'est développée. Les moteurs de recherches tels
+que DuckDuckGo évoluent avec le temps, jusqu'à devenir plus pratique et
+ergonomique que Google.</p>
+
+<p>DuckDuckGo est un moteur de recherche assez jeune mais qui a beaucoup
+d'avenir. En effet, il allie rapidité et fonctionnalités innovantes,
+tout en conservant la vie privée de l'utilisateur</p>
+
+<h3>Bang !</h3>
+
+<p>Vous connaissiez le &ldquo;I&rsquo;m Feeling Lucky&rdquo; de Google (&ldquo;J'ai de la chance&rdquo;
+en français). DuckDuckGo lui propose une fonctionnalité similaire du nom
+de &ldquo;I&rsquo;m Feeling Ducky&rdquo;. En effet, il suffit de placer un point
+d'exclamation (&ldquo;bang&rdquo; en anglais) dans les termes de votre recherche
+afin d'arriver directement sur le premier résultat. Mais ce n'est pas
+tout, sinon !Bang n'aurait rien d'innovant. DuckDuckGo permet d'accéder
+simplement à certains sites environs une centaine. Par exemple, &ldquo;!wfr&rdquo;
+permet d'afficher directement la page d'accueil de Wipipédia en Français
+(&ldquo;!w&rdquo; pour la version anglaise). On peut remarquer notamment &ldquo;!sdz&rdquo; qui
+permet d'afficher directement la page d'accueil du site du zéro. Il
+existe pour tous les sites couramment utilisés comme FaceBook par
+exemple (&ldquo;!fb&rdquo;).</p>
+
+<p>Toujours pas convaincu ? !Bang peut également prendre des arguments dans
+ces !Bang afin de créer une véritable ligne de commande. On peut ainsi
+directement accéder à l'article DuckDuckGo de Wikipédia en français en
+tapants simplement &ldquo;!wfr DuckDuckGo&rdquo;. Et cela fonctionne avec énormément
+de mot-clé comme &ldquo;!ixquick&rdquo;, &ldquo;!sp&rdquo;, &ldquo;!g&rdquo; (Google), &ldquo;!answers&rdquo;, &hellip;</p>
+
+<p>DuckDuckGo devient ainsi une véritable ligne de commande dans votre
+navigateur Web. De quoi satisfaire les adeptes de la console. D'ailleur
+de nombreux !Bang son adapté au developpement comme &ldquo;!cpp&rdquo; pour la man
+du C++ ou encore &ldquo;!golang&rdquo; pour une recherche dans la documentation de
+GO (le langage de programmation)</p>
+
+<p>Vous pouvez consulter la liste des
+<a href="https://duckduckgo.com/bang.html">!Bang</a> en tappant &ldquo;!Bang&rdquo; dans
+DuckDuckGo.</p>
+
+<h3>Zero Click Infobox</h3>
+
+<p><img src="res/zeroClickBox1.png" alt="ZéroClickBox" /></p>
+
+<p>Mais qu'est-ce dont encore ce truc-là ? La Zéro Click Infobox, est une
+boite d'information apparaissant avant les premiers liens et qui essaye
+de vous apporter l'information que vous recherchez sans que vous ayez
+besoin de visiter un quelconque autre site. Pratique quand on est
+pressé. Elle vous propose également quelques liens utiles à tout début
+de recherche.</p>
+
+<p>Afin d'apporter l'information, la Zero Click Infobox va s'appuyer sur
+d'autres sites comme Wikipédia. Elle permet aussi comme la <a href="https://fr.wikipedia.org/wiki/Calculatrice_Google">calculatrice
+de Google</a>
+d'effectuer des calculs directement dans le champ de recherche. Là où
+DuckDuckGo innove, c'est dans la précision. En effet, Google se plante
+assez minablement dans des calculs simples pour des raisons des
+précisions. On connait tous le célèbre <a href="http://www.google.com/search?&amp;q=399999999999999+-+399999999999998">&ldquo;399 999 999 999 999 - 399 999
+999 999 998 =
+0&rdquo;</a>
+de Google. Pour pallier ce problème de précision, DuckDuckGo va
+directement chercher sur WorlFramAlpha afin de faire les calculs les
+plus compliqués (Il traite cependant les plus simples).</p>
+
+<p>Mais quitte à utiliser WolframAlpha &hellip; autant utiliser toutes les
+fonctionnalités disponibles &hellip; C'est ce que propose DuckDuckGo. Ainsi,
+on peut retrouver certaines informations très rapidement &ldquo;mass of
+jupiter&rdquo; par exemple ou encore &ldquo;base64 Hello World&rdquo; qui donne
+directement &ldquo;SGVsbG8gV29ybGQ=&rdquo;. Ce système de conversion marche
+également pour le binaire, rot13, SHA, &hellip; Plus d'info et de
+fonctionnalités sur leur page d'information <a href="http://duckduckgo.com/tech.html">tech
+Goodies</a> . Toutes les lister seraient
+trop long.</p>
+
+<h3>Respect de la vie privée</h3>
+
+<p>Contrairement à Google, DuckDuckGo respecte la vie privée de ses
+utilisateurs. DuckDuckGo reproche à Google de personnaliser les
+recherches et de créer une sorte de bulle qui réduit les résultats en
+fonction de vos centres d'intérèts et donc ainsi réduire le nombre
+d'information auxquelles vous avez accès. DuckDuckGo lui propose donc
+les mèmes résultats pour tous les utilisateurs. Voir la page
+<a href="http://dontbubble.us/">dontbubble.us</a> pour plus d'informations.</p>
+
+<p>Par ailleurs DuckDuckGo est totalement contre le tracking. Son slogan
+est d'ailleurs &ldquo;Google tracks you. We don&rsquo;t.&rdquo; . D'ailleurs, DuckDuckGo
+n'utilise pas de Coockies (mis à part pour les préférences, mais il
+propose également une alternative aux Cookies par URL) et ne stocke
+aucun historique des requètes. Leur campagne
+<a href="http://donttrack.us/">donttrack.us</a> essaye d'ailleurs d'ètre assez
+choquante.</p>
+
+<p>Encore plus de respect de la vie privée ? DuckDuckGo propose la
+recherche anonyme par l'utilisation de TOR. Ou comment arriver à
+l'anonymat le plus totale. Vous pouvez également utiliser la version
+HTTPS qui utilise donc une couche de chiffrement SSL pour que tout soit
+chiffré du début à la fin.</p>
+
+<h3>Un Moteur de recherche proche de ses utilisateurs</h3>
+
+<p>DuckDuckGo est le seul moteur de recherche que je connaisse aussi ouvert
+et aussi à l'écoute de ses utilisateurs. DuckDuckGo vous permets
+<a href="https://duckduckgo.com/newbang.html">d'ajouter vos propres !Bang</a> au
+site (s'il y a plusieurs demandes, ils l'ajouteront). C'est certainement
+comme cela qu'on peut retrouver &ldquo;!sdz&rdquo; comme !Bang.</p>
+
+<p>Pour les utilisateurs trouvant le moteur trop gourmand, DuckDuckGo
+propose également une version lite de son moteur de recherche. Celui-ci
+est cependant basique mais l'initiative est preuve de la bonne volonté
+de DuckDuckGo de vouloir bien faire.</p>
+
+<p>DuckDuckGo est aussi une petite communauté. En effet, en plus d'ètre
+totalement transparent sur leurs informations (code source, <a href="http://duckduckgo.com/traffic.html">info
+trafique</a> , &hellip;), ils vous proposent
+mème de participer à l'amélioration du Wiki, de la traduction de
+DuckDuckGo, au développement du site, ou tout simplement de discuter sur
+des améliorations à apporter sur #duckduckgo sur Freenode. <a href="https://dukgo.com/base/welcome">Voir la
+plateforme de développement</a></p>
+
+<p>DuckDuckGo est ainsi une véritable mine d'or. Proposant de nombreuses
+fonctionnalités innovantes. Il est de ce fait un des meilleurs moteurs
+de recherche du moment. Personnellement, je l'adopte. Je découvre de
+plus en plus de fonctionnalité en l'utilisant quotidiennement et ça fait
+vraiment plaisir de gagner chaque jour en ergonomie. DuckDuckGo vient
+récemment de dépasser le million de requètes par jour.</p>
+
+<p>Consulter la page d'accueil de DuckDuckGo pour plus d'info sur
+l'utilisation du moteur de recherche.</p>
+
+</section>
+</article>
+
+<aside id="side-bar">
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" id="svg">
+ <g transform="scale(0.125)">
+ <rect width="100" height="100" x="50" y="300" id="rect1" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="400" id="rect2" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="500" id="rect3" style="fill:#000" />
+ <rect width="100" height="100" x="50" y="600" id="rect4" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="600" id="rect5" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="600" id="rect6" style="fill:#000" />
+ <rect width="100" height="100" x="350" y="600" id="rect7" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="600" id="rect8" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="600" id="rect9" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="600" id="rect10" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="500" id="rect11" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="400" id="rect12" style="fill:#000" />
+ <rect width="100" height="100" x="650" y="300" id="rect13" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="700" id="rect14" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="700" id="rect15" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="300" id="rect16" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="300" id="rect17" style="fill:#000" />
+ <rect width="100" height="100" x="150" y="200" id="rect18" style="fill:#000" />
+ <rect width="100" height="100" x="550" y="200" id="rect19" style="fill:#000" />
+ <rect width="100" height="100" x="250" y="100" id="rect20" style="fill:#000" />
+ <rect width="100" height="100" x="450" y="100" id="rect21" style="fill:#000" />
+ <rect width="100" height="100" x="350" y="000" id="rect22" style="fill:#000" />
+ </g>
+ </svg>
+
+
+
+ <h2> Ache </h2>
+ <div id="desc"> Étudiant en Math-Info <br /> <span id="about">GNU\Linux, C, C++, Python, Math, ... <br /> </span></div>
+ <nav>
+ <ul>
+ <li class="about_bar"><a href="https://twitter.com/arobase_che">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+ <g transform="translate(-16,-16)scale(0.053)">
+ <path d="
+ M 630, 425
+ A 195, 195 0 0 1 331, 600
+ A 142, 142 0 0 0 428, 570
+ A 70, 70 0 0 1 370, 523
+ A 70, 70 0 0 0 401, 521
+ A 70, 70 0 0 1 344, 455
+ A 70, 70 0 0 0 372, 460
+ A 70, 70 0 0 1 354, 370
+ A 195, 195 0 0 0 495, 442
+ A 67, 67 0 0 1 611, 380
+ A 117, 117 0 0 0 654, 363
+ A 65, 65 0 0 1 623, 401
+ A 117, 117 0 0 0 662, 390
+ A 65, 65 0 0 1 630, 425
+ Z" style="fill:#777;"/></g></svg>
+
+ </a></li>
+ <li class="about_bar"><a href="http://git.ache.one">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> <g transform="scale(0.18)"> <path d="M 111.78,51.976994 62.035,2.2380937 c -2.8622,-2.86480012 -7.5082,-2.86480012 -10.374,0 l -10.329,10.3300003 13.102,13.102 c 3.0459,-1.0284 6.5371,-0.33888 8.9639,2.0884 2.4394,2.4424 3.124,5.9634 2.0698,9.0195 l 12.628,12.628 c 3.0551,-1.0528 6.58,-0.37262 9.0195,2.0712 3.4106,3.4096 3.4106,8.9345 0,12.345 -3.4111,3.4116 -8.936,3.4116 -12.349,0 -2.5645,-2.5665 -3.1988,-6.3345 -1.8999,-9.4942 l -11.777,-11.777 -0.001,30.991 c 0.8315,0.41162 1.6162,0.961 2.3091,1.6509 3.4096,3.4092 3.4096,8.9331 0,12.348 -3.4106,3.4091 -8.938,3.4091 -12.345,0 -3.4101,-3.4146 -3.4101,-8.9385 0,-12.348 0.84275,-0.84125 1.8179,-1.478 2.8584,-1.9048 v -31.279 c -1.041,-0.425 -2.015,-1.057 -2.859,-1.905 -2.583,-2.581 -3.2051,-6.372 -1.8804,-9.5439 l -12.916,-12.918 -34.106,34.105 c -2.8657,2.867 -2.8657,7.513 0,10.378 l 49.742,49.739006 c 2.8638,2.8648 7.5082,2.8648 10.376,0 l 49.512,-49.504006 c 2.8648,-2.8662 2.8648,-7.5136 0,-10.379" style="fill:#777" /> </g> </svg>
+
+ </a></li>
+ <li class="about_bar"><a href="https://mastodon.xyz/@ache">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"> <g transform="scale(0.08)"> <path fill="#777" d="M211.80734 139.0875c-3.18125 16.36625-28.4925 34.2775-57.5625 37.74875-15.15875 1.80875-30.08375 3.47125-45.99875 2.74125-26.0275-1.1925-46.565-6.2125-46.565-6.2125 0 2.53375.15625 4.94625.46875 7.2025 3.38375 25.68625 25.47 27.225 46.39125 27.9425 21.11625.7225 39.91875-5.20625 39.91875-5.20625l.8675 19.09s-14.77 7.93125-41.08125 9.39c-14.50875.7975-32.52375-.365-53.50625-5.91875C9.23234 213.82 1.40609 165.31125.20859 116.09125c-.365-14.61375-.14-28.39375-.14-39.91875 0-50.33 32.97625-65.0825 32.97625-65.0825C49.67234 3.45375 78.20359.2425 107.86484 0h.72875c29.66125.2425 58.21125 3.45375 74.8375 11.09 0 0 32.975 14.7525 32.975 65.0825 0 0 .41375 37.13375-4.59875 62.915" /> <path fill="#fff" d="M177.50984 80.077v60.94125h-24.14375v-59.15c0-12.46875-5.24625-18.7975-15.74-18.7975-11.6025 0-17.4175 7.5075-17.4175 22.3525v32.37625H96.20734V85.42325c0-14.845-5.81625-22.3525-17.41875-22.3525-10.49375 0-15.74 6.32875-15.74 18.7975v59.15H38.90484V80.077c0-12.455 3.17125-22.3525 9.54125-29.675 6.56875-7.3225 15.17125-11.07625 25.85-11.07625 12.355 0 21.71125 4.74875 27.8975 14.2475l6.01375 10.08125 6.015-10.08125c6.185-9.49875 15.54125-14.2475 27.8975-14.2475 10.6775 0 19.28 3.75375 25.85 11.07625 6.36875 7.3225 9.54 17.22 9.54 29.675"/> </g> </svg>
+
+ </a></li>
+ </ul>
+ </nav>
+ <nav>
+ <ul>
+ <li class="sommaire_blien"><a href="/">home</a>
+ </li><li class="sommaire_blien"><a href="http://git.ache.one/">git</a>
+ </li><li class="sommaire_blien"><a href="/contact/">contact</a>
+ </li>
+ </ul>
+ </nav>
+</aside>
+
+
+</body></html>
diff --git a/article/duckduckgo_google_en_mieux_intro.html b/article/duckduckgo_google_en_mieux_intro.html
new file mode 100644
index 0000000..1ad1bb9
--- /dev/null
+++ b/article/duckduckgo_google_en_mieux_intro.html
@@ -0,0 +1,10 @@
+<article id="contenu" class="post hentry clearfix"><section>
+<h1>DuckDuckGo, Google en mieux ?</h1><p><img src="article/res/DuckDuckGo_Logo.svg" alt="Logo DuckDuckGo"></img></p><p>Depuis un certain temps déjà, Google ne se consacre plus entièrement à
+son moteur de recherche. En effet, la firme est déjà bien implentée dans
+la plupart des pays occidentaux où elle est le site le plus visité. Mais
+la concurrence, elle, s'est développée. Les moteurs de recherches tels
+que DuckDuckGo évoluent avec le temps, jusqu'à devenir plus pratique et
+ergonomique que Google.</p>
+</section>
+<a class="suite" href="article/duckduckgo_google_en_mieux.html">Lire la suite</a>
+</article>
diff --git a/article/intro.m4 b/article/intro.m4
index 4027c6d..187de13 100644
--- a/article/intro.m4
+++ b/article/intro.m4
@@ -1,4 +1,5 @@
-<article id="contenu" class="post hentry clearfix">
+<article id="contenu" class="post hentry clearfix"><section>
undivert(tmpFileNameArticle)
+</section>
<a class="suite" href="linkFileNameArticle">Lire la suite</a>
</article>
diff --git a/headers.m4 b/headers.m4
index a434bab..33f8371 100644
--- a/headers.m4
+++ b/headers.m4
@@ -3,7 +3,7 @@
<title>TITLE_TITLE</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="canonical" href="CANONIC"/>
- <link rel="shortcut icon" type="image/svg" href="res/ache.ico" />
+ <link rel="shortcut icon" type="image/svg" href="/res/ache.ico" />
<style>@import url("/design/design.css");</style>
<meta name= "description" content="Site d'ache : Articles et présentation de mes projets" />
</head>
diff --git a/index.m4 b/index.m4
index 910b656..b429399 100644
--- a/index.m4
+++ b/index.m4
@@ -5,7 +5,8 @@
include(headers_index.htm)
<body>
-include(left.htm)
<!-- Article -->
include(articles.htm)
+ <!-- aside left column -->
+include(left.htm)
</body></html>
diff --git a/makefile b/makefile
index 0993dd7..bc50fb0 100644
--- a/makefile
+++ b/makefile
@@ -1,53 +1,37 @@
+BASE_HTML=left.htm headers.htm
ALL_ARTICLES=$(wildcard article/*.md)
ALL_ARTICLES_OUT=$(ALL_ARTICLES:.md=.html)
ALL_ARTICLES_INTRO_OUT=$(ALL_ARTICLES:.md=_intro.html)
-BASE_HTML=left.htm headers.htm articles.htm
-all: $(ALL_ARTICLES_OUT) index.html contact/index.html bin/articleFilter bin/introFilter bin/titleFilter
+all: $(ALL_ARTICLES_OUT) $(BASE_HTML) index.html contact/index.html
+article/%.html: article/%.md $(BASE_HTML)
+ cat $< | markdown > ${@:.html=.htm}
+ m4 -D TITLE_TITLE="`echo Licornes, hérissons et renards`" headers.m4 > ${basename $@}_header.html
+ m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.md=} -D HEADER_HEADER=${basename $@}_header.html -D CANONIC="/$@" article/article.m4 > $@
-bin/titleFilter : src/titleFilter.hs
- mkdir -p bin
- mkdir -p /tmp/titleFilter
- ghc -dynamic $< -isrc -outputdir /tmp/titleFilter -o $@
+article/%_intro.html: article/%.html
+ cat $< | hxselect "h1" > ${@:.html=.htm}
+ cat $< | hxselect "h1+p" | sed 's/res\//article\/res\//' >> ${@:.html=.htm}
+ cat $< | hxselect "h1+p+p" >> ${@:.html=.htm}
+ m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.html=} article/intro.m4 > $@
-
-
-bin/articleFilter: src/articleFilter.hs src/Id.hs
- mkdir -p bin
- mkdir -p /tmp/articleFilter
- ghc -dynamic $< -isrc -outputdir /tmp/articleFilter -o $@
-
-bin/introFilter: src/introFilter.hs src/Id.hs
- mkdir -p bin
- mkdir -p /tmp/introFilter
- ghc -dynamic $< -isrc -outputdir /tmp/introFilter -o $@
-
-
-article/%.html: article/%.md bin/articleFilter bin/titleFilter $(BASE_HTML)
- pandoc --filter bin/articleFilter $< > ${@:.html=.htm}
- m4 -D TITLE_TITLE="`pandoc --filter bin/titleFilter $<`" headers.m4 > ${basename $@}_header.html
- m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.md=.html} -D HEADER_HEADER=${basename $@}_header.html -D CANONIC="/$@" article/article.m4 > $@
-
-contact/index.html: contact/index.md bin/titleFilter
- pandoc $< > ${@:.html=.htm}
- m4 -D TITLE_TITLE="`pandoc --filter bin/titleFilter $<`" headers.m4 > ${basename $@}_header.html
- m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.md=.html} -D HEADER_HEADER=${basename $@}_header.html -D CANONIC="/contact" article/article.m4 > $@
-
-article/%_intro.html: article/%.md bin/introFilter
- pandoc --filter bin/introFilter $< > ${@:.html=.htm}
- m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.md=.html} article/intro.m4 > $@
-
-articles.htm: $(ALL_ARTICLES_INTRO_OUT) bin/introFilter
+articles.htm: $(ALL_ARTICLES_INTRO_OUT)
cat $(ALL_ARTICLES_INTRO_OUT) > $@
+
headers_index.htm:
m4 -D TITLE_TITLE="Licornes, hérissons et renards" -D CANONIC="/" headers.m4 > $@
-index.html: index.m4 $(BASE_HTML) headers_index.htm
+index.html: index.m4 $(BASE_HTML) headers_index.htm articles.htm
m4 $< > $@
+contact/index.html: contact/index.md
+ markdown $< > ${@:.html=.htm}
+ m4 -D TITLE_TITLE="`grep h1 ${@:.html=.htm} | cut -d'>' -f 2 | cut -d'<' -f 1`" headers.m4 > ${basename $@}_header.html
+ m4 -D tmpFileNameArticle=${@:.html=.htm} -D linkFileNameArticle=${<:.md=} -D HEADER_HEADER=${basename $@}_header.html -D CANONIC="/contact" article/article.m4 > $@
+
left.htm: res/twitterLogo.svg res/mastoLogo.svg res/gitLogo.svg res/acheLogo.svg left.m4
m4 left.m4 > left.htm
@@ -66,7 +50,6 @@ clean:
rm -f headers_index.htm
mrproper: clean
- rm -f bin/*
rm -f index.html
rm -f $(ALL_ARTICLES_OUT)
rm -f $(ALL_ARTICLES_INTRO_OUT)