feat(pages+content): semantic html

- Larger fonts
- Flexbox nav
- 65ch textbox width
- box shadow

content/_index.md

@@ -1,7 +1,6 @@
 +++
 title = "Home"
 template = "index.html"
-date = 2023-11-01
 sort_by = "weight"
 +++
 

content/research/_index.md

@@ -1,6 +1,5 @@
 +++
 title = "Research"
-date = 2023-11-01
 weight = 10
 +++
 

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)

content/teaching/_index.md

@@ -1,8 +1,11 @@
 +++
 title="Teaching"
-date = 2023-11-01
 weight = 30
 sort_by = "date"
 +++
 
 # Teaching
+
+This page presents a list of the classes I gave as a teacher or as a teaching
+assistant. As they are mostly intended for the student of these past courses,
+the full page and summary are in the corresponding language of the class.

sass/_base.scss

@@ -1,13 +1,14 @@
 $light-fonts: "Fira Sans Light", sans-serif;
 $normal-fonts: "Fira Sans", sans-serif;
 $mono-fonts: "Fira Mono", monospace;
-$page-width: 800px;
+$page-width: 65ch;
 $primary-color: #333;
 $bg-color: #eee;
 $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,34 +18,31 @@ $menu_btn-size: 10px;
 html {
   background-color: $page-color;
 }
-@media only screen and (min-width: $page-width){
+@font-face {
-    html {
+  font-family: "Fira Sans Light";
-        padding:10px;
+  font-style: normal;
-    }
+  font-weight: 300;
+  src: local("Fira Sans Light"), local("FiraSans-Light"), url("fonts/Fira Sans Light.woff2") format("woff2");
 }
 @font-face {
-    font-family: "Fira Sans Light";
+  font-family: "Fira Sans";
-    font-style: normal;
+  font-style: normal;
-    font-weight: 300;
+  font-weight: 400;
-    src: local("Fira Sans Light"), local("FiraSans-Light"), url("fonts/Fira Sans Light.woff2") format("woff2");
+  src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
 }
 @font-face {
-    font-family: "Fira Sans";
+  font-family: "Fira Mono";
-    font-style: normal;
+  font-style: normal;
-    font-weight: 400;
+  font-weight: 400;
-    src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
+  src: local("Fira Mono"), local("FiraMono-Regular"), url("fonts/FiraMono-Regular.woff2") format("woff2");
-}
-@font-face {
-    font-family: "Fira Mono";
-    font-style: normal;
-    font-weight: 400;
-    src: local("Fira Mono"), local("FiraMono-Regular"), url("fonts/FiraMono-Regular.woff2") format("woff2");
 }
 body {
-    max-width: $page-width;
+  font-size: 16pt;
-    margin: auto;
+  max-width: $page-width;
-    font-family: $light-fonts;
+  margin: auto;
-    background-color: $bg-color;
+  font-family: $light-fonts;
+  background-color: $bg-color;
+  box-shadow: 0 1px 10px #888;
 }
 header {
   height: 150px;
@@ -59,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;
@@ -69,33 +80,35 @@ header {
   background-position: bottom;
 }
 h1 {
-  font-size: 28pt;
+  font-size: 32pt;
 }
 h2 {
-  font-size: 22pt;
+  font-size: 26pt;
 }
 h3 {
-  font-size: 18pt;
+  font-size: 22pt;
 }
 p, h1, h2, h3, pre {
   padding: 0px 10px 3px 10px;
 }
 p, ul {
-  font-size: 14pt;
   color: $primary-color;
 }
 p {
   text-align: justify;
 }
+ul {
+  width:90%;
+}
 footer {
-  font-size: 8pt;
+  font-size: 12pt;
   text-align: center;
   color: #555;
   padding: 10px;
 }
 footer a,
 footer a:visited {
-  color: #66f;
+  color: $footer-link-color; 
 }
 a,
 a:visited {
@@ -113,12 +126,14 @@ li {
 }
 nav {
   display: flex;
+  flex-direction: column;
   background-color: $menu-bg;
   menu {
     padding: 0px;
-    display:block;
     margin: 0px;
     width: 100%;
+    display: flex;
+    flex-direction: row;
   }
   li {
     a {
@@ -141,7 +156,6 @@ nav {
     margin: 0px;
     padding: $menu_btn-size 0px $menu_btn-size 0px;
     list-style-type: none;
-    float: left;
   }
 }
 strong {

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 %}