feat(pages+content): semantic html

content/teaching/2018-LIFProj.md

@@ -12,7 +12,7 @@ primitives cryptographiques.
 
 **Travaux pratiques:** Lundi ou mardi.
 
-Une description plus détaillée du cours est disponible [[ici]](http://perso.univ-lyon1.fr/fabien.rico/site/projet:2018:pri:start).
+Une description plus détaillée du cours, organisé par Fabien Rico (✝) n’est plus disponible.
 
 Le but de ce cours est de mener à bien un projet collaboratif. Les sujets que je propose sont principalement orientés autour de la cryptologie : cryptographie et cryptanalyse.
 
@@ -35,7 +35,7 @@ Un exemple d'interface pour la cryptographie est gpg, qui même si elle n'est pa
 
 Au delà de l'interface d'utilisation et de déboggage, il reste la question des méthodes cryptographiques à utiliser. Pour cela, je propose aux groupes de choisir parmi les schémas qui suivent :
 
-* L'[IBE de Cocks](http://joye.site88.net/papers/Joy16gcocks.pdf). Qui repose sur de l'arithmétique modulaire (comme [RSA](https://fr.wikipedia.org/wiki/Chiffrement_RSA) par exemple). Nécessite de manipuler des grands entiers, et donc de passer par une bibliothèque de calcul multiprécision, comme [GMP](https://gmplib.org/).
+* L'[IBE de Cocks](https://www.iacr.org/archive/pkc2016/96140177/96140177.pdf). Qui repose sur de l'arithmétique modulaire (comme [RSA](https://fr.wikipedia.org/wiki/Chiffrement_RSA) par exemple). Nécessite de manipuler des grands entiers, et donc de passer par une bibliothèque de calcul multiprécision, comme [GMP](https://gmplib.org/).
 * L'[IBE de Boneh et Franklin](https://crypto.stanford.edu/~dabo/papers/bfibe.pdf). Qui repose sur une structure un peu plus velue que l'arithmétique modulaire : les couplages. Ceux-ci reposent sur des calculs un peu poussés sur les courbes elliptiques. Une bibliothèque pour la manipulation des couplages serait [Relic](https://github.com/relic-toolkit).
 * L'[IBE de Gentry, Peikert et Vaikuntanathan](https://people.csail.mit.edu/vinodv/GentryPeikertV-STOC2008.pdf). Qui est construit sur les réseaux euclidiens. La partie technique est la manipulation des distributions de probabilités sur les réseaux. Une bibliothèque pour manipuler les réseaux pourrait être [HElib](https://github.com/shaih/HElib).
 
@@ -46,7 +46,7 @@ Parmi ces choix, la manipulation des opérations de base sur les différentes st
 
 **Autres ressources** :
 
-* [Comment écrire une extension pour thunderbird](https://developer.mozilla.org/en-US/docs/Mozilla/Thunderbird/Thunderbird_extensions/Building_a_Thunderbird_extension).
+* [Comment écrire une extension pour thunderbird](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Developing_WebExtensions_for_Thunderbird).
 * Répertoire <tt>git</tt> d'enigmail: <git://git.code.sf.net/p/enigmail/source>
 * [rfc5408 – Identity-Based Encryption Architecture and Supporting Data Structures](https://tools.ietf.org/html/rfc5408)
 

content/teaching/2021-CySec.md

@@ -19,5 +19,5 @@ Lecture notes are available [here](https://fmouhart.epheme.re/documents/M2CySec.
 * About cryptography in general (will not be covered by the course, but it is still useful in general to understand the topics covered during the course:
     * Jonathan Katz and Yehuda Lindell,
   [Introduction to Modern Cryptography](http://www.cs.umd.edu/~jkatz/imc.html): A very resourceful book about cryptography.
-    * The lectures of Dan Boneh on [coursera](https://fr.coursera.org/learn/crypto#syllabus), also available on [youtube](https://www.youtube.com/watch?v=LHKeOkD6gMQ&list=PLbzglpgjus5F71Q24JMxF2O1YmVsB7R5g).
+    * The lectures of Dan Boneh on [coursera](https://fr.coursera.org/learn/crypto), also available on [youtube](https://www.youtube.com/playlist?list=PL58C6Q25sEEHXvACYxiav_lC2DqSlC7Og).
 * M. Bellare, D. Micciancio, B. Warinschi. Foundations of group signatures: formal definitions, simplified requirements, and a construction based of general assumptions. [[pdf]](https://cseweb.ucsd.edu/~daniele/papers/BMW.pdf)

sass/_base.scss

@@ -8,6 +8,7 @@ $page-color: #ddd;
 $header-bg: #1d3c67;
 $header-fg: #ffffff;
 $link-color: #33f;
+$footer-link-color: #3455db;
 $link-hover: #00d;
 $menu-bg: #231d67;
 $menu-fg: #e8e9f3;
@@ -17,11 +18,6 @@ $menu_btn-size: 10px;
 html {
   background-color: $page-color;
 }
-@media only screen and (min-width: $page-width){
-  html {
-    padding:10px;
-  }
-}
 @font-face {
   font-family: "Fira Sans Light";
   font-style: normal;
@@ -61,6 +57,19 @@ header {
     color: $header-fg;
     text-shadow: black 0px 0px 0.1em;
   }
+  h1 {
+    font-size: 20pt;
+  }
+}
+@media only screen and (min-width: $page-width){
+  html {
+    padding:10px;
+  }
+  header {
+    h1 {
+      font-size: 32pt;
+    }
+  }
 }
 #header-logo {
   background: url('img/logo.png') top;
@@ -88,6 +97,9 @@ p, ul {
 p {
   text-align: justify;
 }
+ul {
+  width:90%;
+}
 footer {
   font-size: 12pt;
   text-align: center;
@@ -96,7 +108,7 @@ footer {
 }
 footer a,
 footer a:visited {
-  color: #66f;
+  color: $footer-link-color; 
 }
 a,
 a:visited {

templates/page.html

@@ -9,6 +9,8 @@
 {% endblock %}
 
 {% block main %}
+<article>
 <h1>{{ page.title | safe }}</h1>
 <p>{{ page.content | safe }}</p>
+</article>
 {% endblock %}

templates/section.html

@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block main %}
+<main>
 {{ section.content | markdown(inline = true) | safe }}
 <div class="pages">
 {% for sub in section.pages %}
@@ -12,4 +13,5 @@
 </article>
 {% endfor %}
 </div>
+</main>
 {% endblock %}