pages divers

_sass/screen.scss

@@ -76,6 +76,8 @@ li { margin-left: 1em; }
 
 .credits { color: $dim; }
 
+.centered_img { display: block; margin: 1em auto; }
+
 #wrapper { max-width: $in_width; margin: auto; }
 #outter-wrapper { width: 100%; height: auto; min-height: 100%; position: relative; }
 #foot_image { height: 150px; background-image: url('../images/antennes.png');

divers.markdown

@@ -0,0 +1,20 @@
+---
+layout: default
+math: false
+---
+
+# Divers
+
+## Un blog de Terry Tao plus lisible
+
+Voici [un petit bout](https://gist.github.com/gjankowiak/9692034) de CSS pour nettoyer les posts de blogs et les rendre plus agréables à lire.
+Il est commenté (en anglais) pour pouvoir être adapté à vos besoins. Avec Firefox, il faut utiliser l'extension [Stylish](https://addons.mozilla.org/fr/firefox/addon/stylish/?src=search)
+pour l'utiliser.
+Et comme les maths sont affichés via de simples images, ce qui est moyennement esthétique, voilà [le bout](https://gist.github.com/gjankowiak/9692040)
+de Javascript qui va avec. Il injecte [MathJax](http://www.mathjax.org/) dans la page, après avoir transformé les images en texte utilisable par lui. Pour l'utiliser avec Firefox,
+il faut avoir installé [GreaseMonkey](https://addons.mozilla.org/fr/firefox/addon/greasemonkey/).
+
+Voici un aperçu, avant à gauche, après à droite :
+
+![before after](images/misc/tao-before-after.jpg){: .centered_img}
+

index.markdown

@@ -10,6 +10,7 @@ FR\|[EN](/en)
 <li><a href="#recherche">Recherche</a></li>
 <li><a href="#enseignement">Enseignement</a></li>
 <li><a href="#contact">Contact</a></li>
+<li><a href="/divers">Divers</a></li>
 </ul>
 </nav>
 

stylesheets/screen.css

@@ -215,6 +215,11 @@ li {
   color: #999999;
 }
 
+.centered_img {
+  display: block;
+  margin: 1em auto;
+}
+
 #wrapper {
   max-width: 783px;
   margin: auto;