Fix markdown files for Pandoc transition
This commit is contained in:
parent
efa4b0303d
commit
4ea5d736b5
14
_config.yml
14
_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']
|
||||
|
||||
@ -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 %}
|
||||
|
||||
|
||||
@ -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>
|
||||
{% 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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
|
||||
@ -7,6 +7,10 @@ importance: 1
|
||||
category: thesis
|
||||
---
|
||||
|
||||
|
||||
|
||||
{class="img-fluid rounded z-depth-1"}
|
||||
|
||||
{:class="img-fluid rounded z-depth-1"}
|
||||
|
||||
::: {:class="caption"}
|
||||
|
||||
@ -53,7 +53,7 @@ blockquote {
|
||||
|
||||
// Caption
|
||||
|
||||
.caption {
|
||||
.caption, figcaption {
|
||||
font-size: 0.875rem;
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 1.5rem;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user