From 4ea5d736b5f32e27500b3f571f89fc5099c4a008 Mon Sep 17 00:00:00 2001
From: Florent Guiotte <florent.guiotte@irisa.fr>
Date: Tue, 7 Feb 2023 17:31:43 +0200
Subject: [PATCH] Fix markdown files for Pandoc transition

---
 _config.yml                        | 14 ++----
 _includes/figure.html              | 52 ++++++++++----------
 _includes/projects.html            | 66 +++++++++++++-------------
 _includes/projects_horizontal.html | 76 +++++++++++++++---------------
 _projects/1_project.md             | 42 ++++++++---------
 _projects/spectra.md               |  4 ++
 _sass/_base.scss                   |  2 +-
 7 files changed, 128 insertions(+), 128 deletions(-)

diff --git a/_config.yml b/_config.yml
index 34e5197..4c593e0 100644
--- a/_config.yml
+++ b/_config.yml
@@ -172,15 +172,11 @@ news_limit: 5 # leave blank to include all the news in the `_news` folder
 # Markdown and syntax highlight
 markdown: Pandoc
 highlighter: rouge
-  #kramdown:
-  #  input: GFM
-  #  syntax_highlighter_opts:
-  #    css_class: 'highlight'
-  #    span:
-  #      line_numbers: false
-  #    block:
-  #      line_numbers: false
-  #      start_line: 1
+#pandoc:
+#  extensions:
+#    - filter: mermaid-filter
+#    - filter: mathjax-pandoc-filter
+#    - '-Mmathjax.centerDisplayMath' # center display math
 
 # Includes & excludes
 include: ['_pages']
diff --git a/_includes/figure.html b/_includes/figure.html
index e67e804..dbd25ac 100644
--- a/_includes/figure.html
+++ b/_includes/figure.html
@@ -2,34 +2,34 @@
 
 <figure>
 
-  <picture>
-    {% if site.imagemagick.enabled %}
-    {% for i in site.imagemagick.widths -%}
-      <source 
-        class="responsive-img-srcset"
-        media="(max-width: {{ i }}px)" 
-        srcset="{{ img_path | relative_url }}-{{ i }}.webp"
-      />
-    {% endfor -%}
-    {% endif %}
+<picture>
+{% if site.imagemagick.enabled %}
+{% for i in site.imagemagick.widths -%}
+<source 
+class="responsive-img-srcset"
+media="(max-width: {{ i }}px)" 
+srcset="{{ img_path | relative_url }}-{{ i }}.webp"
+/>
+{% endfor -%}
+{% endif %}
 
-    <!-- Fallback to the original file -->
-    <img 
-      src="{{ include.path | relative_url }}"
-      {% if include.class %}class="{{ include.class }}"{% endif %}  
-      {% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %} 
-      {% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %} 
-      {% if include.min-width %}min-width="{{ include.min-width }}"{% endif %} 
-      {% if include.min-height %}min-height="{{ include.min-height }}"{% endif %} 
-      {% if include.max-width %}max-width="{{ include.max-width }}"{% endif %} 
-      {% if include.max-height %}height="{{ include.max-height }}"{% endif %} 
-      {% if include.alt %}alt="{{ include.alt }}"{% endif %} 
-      {% if include.title %}title="{{ include.title }}"{% endif %} 
-      {% if include.zoomable %}data-zoomable{% endif %}
-      onerror="this.onerror=null; $('.responsive-img-srcset').remove();"
-    />
+<!-- Fallback to the original file -->
+<img 
+src="{{ include.path | relative_url }}"
+{% if include.class %}class="{{ include.class }}"{% endif %}  
+{% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %} 
+{% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %} 
+{% if include.min-width %}min-width="{{ include.min-width }}"{% endif %} 
+{% if include.min-height %}min-height="{{ include.min-height }}"{% endif %} 
+{% if include.max-width %}max-width="{{ include.max-width }}"{% endif %} 
+{% if include.max-height %}height="{{ include.max-height }}"{% endif %} 
+{% if include.alt %}alt="{{ include.alt }}"{% endif %} 
+{% if include.title %}title="{{ include.title }}"{% endif %} 
+{% if include.zoomable %}data-zoomable{% endif %}
+onerror="this.onerror=null; $('.responsive-img-srcset').remove();"
+/>
 
-  </picture>
+</picture>
 
   {%- if include.caption -%}<figcaption class="caption">{{ include.caption }}</figcaption>{%- endif %}
 
diff --git a/_includes/projects.html b/_includes/projects.html
index 503146e..6001929 100644
--- a/_includes/projects.html
+++ b/_includes/projects.html
@@ -1,36 +1,36 @@
 <!-- _includes/projects.html -->
 <div class="grid-sizer"></div>
 <div class="grid-item">
-  {% if project.redirect -%}
-  <a href="{{ project.redirect }}">
-    {%- else -%}
-    <a href="{{ project.url | relative_url }}">
-      {%- endif %}
-      <div class="card hoverable">
-        {%- if project.img %}
-        {%- include figure.html
-          path=project.img
-          alt="project thumbnail" -%}
-        {%- endif %}
-        <div class="card-body">
-          <h2 class="card-title text-lowercase">{{ project.title }}</h2>
-          <p class="card-text">{{ project.description }}</p>
-          <div class="row ml-1 mr-1 p-0">
-            {%- if project.github -%}
-            <div class="github-icon">
-              <div class="icon" data-toggle="tooltip" title="Code Repository">
-                <a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
-              </div>
-              {%- if project.github_stars -%}
-              <span class="stars" data-toggle="tooltip" title="GitHub Stars">
-                <i class="fas fa-star"></i>
-                <span id="{{ project.github_stars }}-stars"></span>
-              </span>
-              {%- endif %}
-            </div>
-            {%- endif %}
-          </div>
-        </div>
-      </div>
-    </a>
-</div>
\ No newline at end of file
+{% if project.redirect -%}
+<a href="{{ project.redirect }}">
+{%- else -%}
+<a href="{{ project.url | relative_url }}">
+{%- endif %}
+<div class="card hoverable">
+{%- if project.img %}
+{%- include figure.html
+path=project.img
+alt="project thumbnail" -%}
+{%- endif %}
+<div class="card-body">
+<h2 class="card-title text-lowercase">{{ project.title }}</h2>
+<p class="card-text">{{ project.description }}</p>
+<div class="row ml-1 mr-1 p-0">
+{%- if project.github -%}
+<div class="github-icon">
+<div class="icon" data-toggle="tooltip" title="Code Repository">
+<a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
+</div>
+{%- if project.github_stars -%}
+<span class="stars" data-toggle="tooltip" title="GitHub Stars">
+<i class="fas fa-star"></i>
+<span id="{{ project.github_stars }}-stars"></span>
+</span>
+{%- endif %}
+</div>
+{%- endif %}
+</div>
+</div>
+</div>
+</a>
+</div>
diff --git a/_includes/projects_horizontal.html b/_includes/projects_horizontal.html
index ddf7405..4711c4b 100644
--- a/_includes/projects_horizontal.html
+++ b/_includes/projects_horizontal.html
@@ -1,40 +1,40 @@
 <div class="card-item col">
-  {%- if project.redirect -%}
-  <a href="{{ project.redirect }}">
-  {%- else -%}
-  <a href="{{ project.url | relative_url }}">
-  {%- endif -%}
-    <div class="card hoverable">
-      <div class="row g-0">
-        {%- if project.img -%}
-        <div class="card-img col-md-6">
-          {% include figure.html path=project.img alt="project thumbnail" %}
-        </div>
-        <div class="col-md-6">
-        {%- else -%}
-        <div class="col-md-12">
-        {%- endif -%}
-          <div class="card-body">
-            <h3 class="card-title text-lowercase">{{ project.title }}</h3>
-            <p class="card-text">{{ project.description }}</p>
-            <div class="row ml-1 mr-1 p-0">
-              {%- if project.github -%}
-              <div class="github-icon">
-                <div class="icon" data-toggle="tooltip" title="Code Repository">
-                  <a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
-                </div>
-                {%- if project.github_stars -%}
-                <span class="stars" data-toggle="tooltip" title="GitHub Stars">
-                  <i class="fas fa-star"></i>
-                  <span id="{{ project.github_stars }}-stars"></span>
-                </span>
-                {%- endif -%}
-              </div>
-              {%- endif -%}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </a>
+{%- if project.redirect -%}
+<a href="{{ project.redirect }}">
+{%- else -%}
+<a href="{{ project.url | relative_url }}">
+{%- endif -%}
+<div class="card hoverable">
+<div class="row g-0">
+{%- if project.img -%}
+<div class="card-img col-md-6">
+{% include figure.html path=project.img alt="project thumbnail" %}
+</div>
+<div class="col-md-6">
+{%- else -%}
+<div class="col-md-12">
+{%- endif -%}
+<div class="card-body">
+<h3 class="card-title text-lowercase">{{ project.title }}</h3>
+<p class="card-text">{{ project.description }}</p>
+<div class="row ml-1 mr-1 p-0">
+{%- if project.github -%}
+<div class="github-icon">
+<div class="icon" data-toggle="tooltip" title="Code Repository">
+<a href="{{ project.github }}"><i class="fab fa-github gh-icon"></i></a>
+</div>
+{%- if project.github_stars -%}
+<span class="stars" data-toggle="tooltip" title="GitHub Stars">
+<i class="fas fa-star"></i>
+<span id="{{ project.github_stars }}-stars"></span>
+</span>
+{%- endif -%}
+</div>
+{%- endif -%}
+</div>
+</div>
+</div>
+</div>
+</div>
+</a>
 </div>
diff --git a/_projects/1_project.md b/_projects/1_project.md
index afa294b..cc35b67 100644
--- a/_projects/1_project.md
+++ b/_projects/1_project.md
@@ -21,26 +21,26 @@ To give your project a background in the portfolio page, just add the img tag to
     ---
 
 <div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.html path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.html path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+<div class="col-sm mt-3 mt-md-0">
+{% include figure.html path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
+<div class="col-sm mt-3 mt-md-0">
+{% include figure.html path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
+<div class="col-sm mt-3 mt-md-0">
+{% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
 </div>
 <div class="caption">
-    Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
 </div>
 <div class="row">
-    <div class="col-sm mt-3 mt-md-0">
-        {% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+<div class="col-sm mt-3 mt-md-0">
+{% include figure.html path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
 </div>
 <div class="caption">
-    This image can also have a caption. It's like magic.
+This image can also have a caption. It's like magic.
 </div>
 
 You can also put regular text between your rows of images.
@@ -49,15 +49,15 @@ You describe how you toiled, sweated, *bled* for your project, and then... you r
 
 
 <div class="row justify-content-sm-center">
-    <div class="col-sm-8 mt-3 mt-md-0">
-        {% include figure.html path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
-    <div class="col-sm-4 mt-3 mt-md-0">
-        {% include figure.html path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
-    </div>
+<div class="col-sm-8 mt-3 mt-md-0">
+{% include figure.html path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
+<div class="col-sm-4 mt-3 mt-md-0">
+{% include figure.html path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
+</div>
 </div>
 <div class="caption">
-    You can also have artistically styled 2/3 + 1/3 images, like these.
+You can also have artistically styled 2/3 + 1/3 images, like these.
 </div>
 
 
diff --git a/_projects/spectra.md b/_projects/spectra.md
index e87a587..3c3de51 100644
--- a/_projects/spectra.md
+++ b/_projects/spectra.md
@@ -7,6 +7,10 @@ importance: 1
 category: thesis
 ---
 
+![Caption](/assets/img/spectra.png 'Spectra caption')
+
+![Caption](/assets/img/spectra.png 'Spectra caption'){class="img-fluid rounded z-depth-1"}
+
 ![Caption](/assets/img/spectra.png 'Spectra caption'){:class="img-fluid rounded z-depth-1"}
 
 ::: {:class="caption"}
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 8954b6c..b1c0b3d 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -53,7 +53,7 @@ blockquote {
 
 // Caption
 
-.caption {
+.caption, figcaption {
   font-size: 0.875rem;
   margin-top: 0.75rem;
   margin-bottom: 1.5rem;