Initial Commit

.gitignore

@@ -0,0 +1 @@
+public

config.toml

@@ -0,0 +1,17 @@
+# The URL the site will be built for
+base_url = "https://fmouhart.epheme.re/"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = false
+
+[extra]
+# Put all your custom variables here
+title="Fabrice Mouhartem"

content/_index.md

@@ -0,0 +1,32 @@
++++
+title = "Homepage"
+template = "index.html"
+date = 2023-11-01
+sort_by = "weight"
++++
+
+# Presentation
+
+Hello,
+
+I'm Fabrice Mouhartem, currently working as a R&D Engineer at
+[Cryptpad](https://cryptpad.org).
+
+I defended a PhD in 2018 at ÉNS de Lyon about privacy preserving cryptography
+from pairings and lattice assumptions under the supervision of Benoît Libert.
+After that I did several post-docs at IIT Madras in Chennai with Shweta Agrawal
+about foundations of cryptography, then a post-doc with Benoît Libert on the
+[Prometheus](https://www.h2020prometheus.eu/) project about post-quantum
+cryptography constructions.
+This project received the “[Étoile de
+l'Europe](https://ec.europa.eu/newsroom/ECCC/items/771467)” trophy.
+And I finally did a post-doc at [PQShield](https://pqshield.com) about
+post-quantum cryptography, where we submitted the [Raccoon
+signature](https://raccoonfamily.org/) scheme for the NIST second call for
+post-quantum signatures.
+
+# Contact
+
+You can join me by email at “fabrice • mouhartem (at) xwiki • com”.
+
+# News

content/hobbies/_index.md

@@ -0,0 +1,6 @@
++++
+title= "Et Cætera"
+weight= 20
++++
+
+# Et Cætera

content/research/_index.md

@@ -0,0 +1,7 @@
++++
+title = "Research"
+date = 2023-11-01
+weight = 10
++++
+
+# Research

content/teaching/_index.md

@@ -0,0 +1,9 @@
++++
+title="Teaching"
+date = 2023-11-01
+weight = 30
++++
+
+# Teaching
+
+Hello world!

sass/_base.scss

@@ -0,0 +1,131 @@
+$light-fonts: "Fira Sans Light", sans-serif;
+$normal-fonts: "Fira Sans", sans-serif;
+$page-width: 800px;
+$primary-color: #333;
+$bg-color: #eee;
+$page-color: #ddd;
+$header-bg: #1d3c67;
+$header-fg: #ffffff;
+$link-color: #33f;
+$link-hover: #00d;
+$menu-bg: #231d67;
+$menu-fg: #e8e9f3;
+$menu_btn-selected: #1d6167;
+$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;
+    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";
+    font-style: normal;
+    font-weight: 400;
+    src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
+}
+body {
+    max-width: $page-width;
+    margin: auto;
+    font-family: $light-fonts;
+    background-color: $bg-color;
+}
+header {
+  height: 150px;
+  background-color: $header-bg;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  .date, h1 {
+    color: $header-fg;
+    text-shadow: black 0px 0px 0.1em;
+  }
+}
+h1 {
+  font-size: 28pt;
+}
+h2 {
+  font-size: 22pt;
+}
+h3 {
+  font-size: 18pt;
+}
+p, h1, h2, h3, pre {
+  padding: 0px 10px 3px 10px;
+}
+p, ul {
+  font-size: 14pt;
+  color: $primary-color;
+}
+p {
+  text-align: justify;
+}
+footer {
+  font-size: 8pt;
+  text-align: center;
+  color: #555;
+  padding: 10px;
+}
+footer a,
+footer a:visited {
+  color: #66f;
+}
+a,
+a:visited {
+  font-family: $light-fonts;
+  text-decoration: none;
+  color: $link-color;
+}
+a:hover{
+  text-decoration: underline;
+  color: $link-hover;
+}
+li {
+  list-style-type: circle;
+  margin-bottom: 4pt;
+}
+nav {
+  display: flex;
+  background-color: $menu-bg;
+  menu {
+    padding: 0px;
+    display:block;
+    margin: 0px;
+    width: 100%;
+  }
+  li {
+    a {
+      padding: $menu_btn-size;
+      text-shadow: black 0px 0px 0.1em;
+      font-family: $normal-fonts;
+      font-weight: 900;
+    }
+    a, a:hover {
+      color: $menu-fg;
+    }
+    a:hover {
+      background-color: $menu_btn-selected;
+      text-decoration: none;
+    }
+    a.nav_selected {
+      background-color: $menu_btn-selected;
+    }
+    font-size: 14pt;
+    margin: 0px;
+    padding: $menu_btn-size 0px $menu_btn-size 0px;
+    list-style-type: none;
+    float: left;
+  }
+}

sass/style.scss

@@ -0,0 +1 @@
+@use "base";

templates/404.html

@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+{% block main %}
+<h1>404</h1>
+
+<p>The page you requested has not been found in this website.</p>
+{% endblock %}

templates/base.html

@@ -0,0 +1,24 @@
+{% set root = get_section(path = "_index.md") %}
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang>
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="zola" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>fmouhart.epheme.re</title>
+  <link rel="stylesheet" href="{{ get_url(path="/style.css") }}" />
+</head>
+<body>
+  {% block header %}
+  {% include "header.html" ignore missing %}
+  {% endblock %}
+  {% block nav %}
+  {% include "nav.html" ignore missing %}
+  {% endblock %}
+  {% block main %}
+  {% endblock %}
+  {% block footer %}
+  {% include "footer.html" ignore missing %}
+  {% endblock %}
+</body>
+</html>

templates/footer.html

@@ -0,0 +1,3 @@
+<footer>
+  fmouhart.epheme.re
+</footer>

templates/header.html

@@ -0,0 +1,3 @@
+<header id="title-block-header">
+  <h1 class="title">Fabrice Mouhartem</h1>
+</header>

templates/index.html

@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block main %}
+{{ section.content | markdown(inline = true) | safe }}
+{% endblock %}

templates/nav.html

@@ -0,0 +1,9 @@
+<nav>
+  <menu>
+    <li><a class="nav_selected" href="/">Home</a></li>
+    {% for subsection in root.subsections %}
+    {% set subsection = get_section(path=subsection, metadata_only=true) %}
+    <li><a href="{{ subsection.permalink }}">{{ subsection.title }}</a></li>
+    {% endfor %}
+  </menu>
+</nav>

templates/page.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block header %}
+<header id="title-block-header">
+  <h1 class="title">Fabrice Mouhartem's Webpage</h1>
+	<p class="date">{{ page.date }}</p>
+</header>
+{% endblock %}
+
+{% block main %}
+<h1>{{ section.extra.hero.title | markdown(inline = true) | safe }}</h1>
+<p>{{ section.extra.hero.description | markdown(inline = true) | safe }}</p>
+<h1>{{ section.extra.news.title | safe }}</h1>
+{% endblock %}

templates/section.html

@@ -0,0 +1,5 @@
+{% extends "base.html" %}
+
+{% block main %}
+{{ section.content | markdown(inline = true) | safe }}
+{% endblock %}