+ {% toc %}
+
+ + {% endif %} +
+ {{ content }}
+
(click to expand) Deployment to another hosting server (non GitHub Pages):
If you decide to not use GitHub Pages and host your page elsewhere, simply run: + ```bash $ bundle exec jekyll build --lsi ``` + which will (re-)generate the static webpage in the `_site/` folder. -Then simply copy the contents of the `_site/` foder to your hosting server. +Then simply copy the contents of the `_site/` directory to your hosting server. -**Note:** Make sure to correctly set the `url` and `baseurl` fields in `_config.yml` before building the webpage. If you are deploying your webpage to `your-domain.com/your-project/`, you must set `url: your-domain.com` and `baseurl: /your-project/`. If you are deploing directly to `your-domain.com`, leave `baseurl` blank. +**Note:** Make sure to correctly set the `url` and `baseurl` fields in `_config.yml` before building the webpage. If you are deploying your webpage to `your-domain.com/your-project/`, you must set `url: your-domain.com` and `baseurl: /your-project/`. If you are deploying directly to `your-domain.com`, leave `baseurl` blank.+ **A:** This is probably due to the [classifier reborn](https://github.com/jekyll/classifier-reborn) plugin, which is used to calculate + related posts. If the error states `Liquid Exception: Zero vectors can not be normalized...`, it means that it could not calculate related + posts for a specific post. This is usually caused by [empty or minimal blog posts](https://github.com/jekyll/classifier-reborn/issues/64) + without meaningful words (i.e. only [stop words](https://en.wikipedia.org/wiki/Stop_words)) or even + [specific characters](https://github.com/jekyll/classifier-reborn/issues/194) you used in your posts. Also, the calculus for similar posts are + made for every `post`, which means every page that uses `layout: post`, including the announcements. To change this behavior, simply add + `related_posts: false` to the front matter of the page you don't want to display related posts on. ## Features ### Publications -Your publications page is generated automatically from your BibTex bibliography. +Your publications' page is generated automatically from your BibTex bibliography. Simply edit `_bibliography/papers.bib`. You can also add new `*.bib` files and customize the look of your publications however you like by editing `_pages/publications.md`. @@ -379,15 +421,18 @@ You can also add new `*.bib` files and customize the look of your publications h
(click to expand) Author annotation:
In publications, the author entry for yourself is identified by string array `scholar:last_name` and string array `scholar:first_name` in `_config.yml`: -``` + +```yaml scholar: last_name: [Einstein] first_name: [Albert, A.] ``` + If the entry matches one form of the last names and the first names, it will be underlined. Keep meta-information about your co-authors in `_data/coauthors.yml` and Jekyll will insert links to their webpages automatically. -The coauthor data format in `_data/coauthors.yml` is as follows, -``` +The co-author data format in `_data/coauthors.yml` is as follows, + +```yaml "Adams": - firstname: ["Edwin", "E.", "E. P.", "Edwin Plimpton"] url: https://en.wikipedia.org/wiki/Edwin_Plimpton_Adams @@ -407,6 +452,7 @@ The coauthor data format in `_data/coauthors.yml` is as follows, - firstname: ["Carl Philipp Emanuel", "C. P. E."] url: https://en.wikipedia.org/wiki/Carl_Philipp_Emanuel_Bach ``` + If the entry matches one of the combinations of the last names and the first names, it will be highlighted and linked to the url provided.
@@ -502,6 +551,18 @@ You may also use the following codes for displaying this in any other pages.
{% endif %}
+
+{% if site.repo_trophies.enabled %}
+{% for user in site.data.repositories.github_users %}
+ {% if site.data.repositories.github_users.size > 1 %}
+ {{ user }}
+ {% endif %} +
+ {% include repository/repo_trophies.html username=user %}
+
+{% endfor %}
+{% endif %}
+
{% if site.data.repositories.github_repos %}
@@ -513,6 +574,7 @@ You may also use the following codes for displaying this in any other pages.
```
#### Theming
+
A variety of beautiful theme colors have been selected for you to choose from.
The default is purple, but you can quickly change it by editing the
`--global-theme-color` variable in the `_sass/_themes.scss` file.
@@ -522,6 +584,7 @@ You can also add your own colors to this file assigning each a name for ease of
use across the template.
#### Social media previews
+
**al-folio** supports preview images on social media.
To enable this functionality you will need to set `serve_og_meta` to `true` in your `_config.yml`.
Once you have done so, all your site's pages will include Open Graph data in the HTML head element.
@@ -532,12 +595,14 @@ If for an individual page this variable is not set, then the theme will fall bac
In both the page-specific and site-wide cases, the `og_image` variable needs to hold the URL for the image you wish to display in social media previews.
#### Atom (RSS-like) Feed
+
It generates an Atom (RSS-like) feed of your posts, useful for Atom and RSS readers.
The feed is reachable simply by typing after your homepage `/feed.xml`.
E.g. assuming your website mountpoint is the main folder, you can type `yourusername.github.io/feed.xml`
#### Related posts
-By default, there will be a related posts section on the bottom of the blog posts.
+
+By default, there will be a related posts section on the bottom of the blog posts.
These are generated by selecting the `max_related` most recent posts that share at least `min_common_tags` tags with the current post.
If you do not want to display related posts on a specific post, simply add `related_posts: false` to the front matter of the post.
If you want to disable it for all posts, simply set `enabled` to false in the `related_blog_posts` section in `_config.yml`.
@@ -552,15 +617,21 @@ For more complex issues/bugs or feature requests, please open an issue using the
### Maintainers
+Our most active contributors are welcome to join the maintainers team.
+If you are interested, please reach out!
+
-
diff --git a/_bibliography/papers.bib b/_bibliography/papers.bib
index 975613e74577..ce201ffac77e 100644
--- a/_bibliography/papers.bib
+++ b/_bibliography/papers.bib
@@ -8,7 +8,7 @@ @book{einstein1956investigations
title={Investigations on the Theory of the Brownian Movement},
author={Einstein, Albert},
year={1956},
- publisher={Courier Corporation,},
+ publisher={Courier Corporation},
preview={brownian-motion.gif}
}
@@ -17,12 +17,12 @@ @article{einstein1950meaning
bibtex_show={true},
title={The meaning of relativity},
author={Einstein, Albert and Taub, AH},
- journal={American Journal of Physics,},
+ journal={American Journal of Physics},
volume={18},
number={6},
pages={403--404},
year={1950},
- publisher={American Association of Physics Teachers,}
+ publisher={American Association of Physics Teachers}
}
@article{PhysRev.47.777,
@@ -30,7 +30,7 @@ @article{PhysRev.47.777
title={Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?},
author={Einstein, A. and Podolsky, B. and Rosen, N.},
abstract={In a complete theory there is an element corresponding to each element of reality. A sufficient condition for the reality of a physical quantity is the possibility of predicting it with certainty, without disturbing the system. In quantum mechanics in the case of two physical quantities described by non-commuting operators, the knowledge of one precludes the knowledge of the other. Then either (1) the description of reality given by the wave function in quantum mechanics is not complete or (2) these two quantities cannot have simultaneous reality. Consideration of the problem of making predictions concerning a system on the basis of measurements made on another system that had previously interacted with it leads to the result that if (1) is false then (2) is also false. One is thus led to conclude that the description of reality as given by a wave function is not complete.},
- journal={Phys. Rev.,},
+ journal={Phys. Rev.},
volume={47},
issue={10},
pages={777--780},
@@ -50,7 +50,7 @@ @article{PhysRev.47.777
@article{einstein1905molekularkinetischen,
title={{\"U}ber die von der molekularkinetischen Theorie der W{\"a}rme geforderte Bewegung von in ruhenden Fl{\"u}ssigkeiten suspendierten Teilchen},
author={Einstein, A.},
- journal={Annalen der physik,},
+ journal={Annalen der physik},
volume={322},
number={8},
pages={549--560},
@@ -62,7 +62,7 @@ @article{einstein1905movement
abbr={Ann. Phys.},
title={Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat},
author={Einstein, A.},
- journal={Ann. Phys.,},
+ journal={Ann. Phys.},
volume={17},
pages={549--560},
year={1905}
diff --git a/_config.yml b/_config.yml
index 630e84a3932c..f3ebd4a49665 100644
--- a/_config.yml
+++ b/_config.yml
@@ -34,6 +34,10 @@ highlight_theme_dark: native # https://github.com/jwarby/jekyll-pygments-them
# repo color theme
repo_theme_light: default # https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md
repo_theme_dark: dark # https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md
+repo_trophies:
+ enabled: true
+ theme_light: flat # https://github.com/ryo-ma/github-profile-trophy
+ theme_dark: gitdimmed # https://github.com/ryo-ma/github-profile-trophy
# -----------------------------------------------------------------------------
# RSS Feed
@@ -82,10 +86,12 @@ quora_username: # your Quora username
publons_id: # your ID on Publons
osf_id: # your OSF ID
research_gate_profile: # your profile on ResearchGate
+scopus_id: # your profile on Scopus
blogger_url: # your blogger URL
work_url: # work page URL
keybase_username: # your keybase user name
wikidata_id: # your wikidata id
+wikipedia_id: # your wikipedia id (Case sensitive)
dblp_url: # your DBLP profile url
stackoverflow_id: # your stackoverflow id
kaggle_id: # your kaggle id
@@ -149,7 +155,7 @@ disqus_shortname: al-folio # put your disqus shortname
# https://help.disqus.com/en/articles/1717111-what-s-a-shortname
# External sources.
-# If you have blog posts published on medium.com or other exteranl sources,
+# If you have blog posts published on medium.com or other external sources,
# you can display them in your blog by adding a link to the RSS feed.
external_sources:
- name: medium.com
@@ -169,8 +175,15 @@ collections:
output: true
permalink: /projects/:path/
-news_scrollable: true # adds a vertical scroll bar if there are more than 3 news items
-news_limit: 5 # leave blank to include all the news in the `_news` folder
+announcements:
+ enabled: true
+ scrollable: true # adds a vertical scroll bar if there are more than 3 news items
+ limit: 5 # leave blank to include all the news in the `_news` folder
+
+latest_posts:
+ enabled: true
+ scrollable: true # adds a vertical scroll bar if there are more than 3 new posts items
+ limit: 3 # leave blank to include all the blog posts
# -----------------------------------------------------------------------------
# Jekyll settings
@@ -208,18 +221,19 @@ plugins:
- jekyll-email-protect
- jekyll-feed
- jekyll-imagemagick
+ - jekyll-link-attributes
- jekyll-minifier
- jekyll-paginate-v2
- jekyll/scholar
- jekyll-sitemap
- - jekyll-link-attributes
+ - jekyll-toc
- jekyll-twitter-plugin
- jemoji
# Sitemap settings
defaults:
- scope:
- path: "assets/**/*.*"
+ path: "assets"
values:
sitemap: false
@@ -278,7 +292,7 @@ scholar:
query: "@*"
-badges: # Display different badges for your pulications
+badges: # Display different badges for your publications
altmetric_badge: true # Altmetric badge (https://www.altmetric.com/products/altmetric-badges/)
dimensions_badge: true # Dimensions badge (https://badge.dimensions.ai/)
@@ -307,7 +321,7 @@ external_links:
# -----------------------------------------------------------------------------
imagemagick:
- enabled: true # enables responsive images for your site (recomended, see https://github.com/alshedivat/al-folio/issues/537)
+ enabled: true # enables responsive images for your site (recommended, see https://github.com/alshedivat/al-folio/issues/537)
widths:
- 480
- 800
@@ -339,7 +353,7 @@ enable_google_analytics: false # enables google analytics
enable_panelbear_analytics: false # enables panelbear analytics
enable_google_verification: false # enables google site verification
enable_bing_verification: false # enables bing site verification
-enable_masonry: true # enables automatic project cards arangement
+enable_masonry: true # enables automatic project cards arrangement
enable_math: true # enables math typesetting (uses MathJax)
enable_tooltips: false # enables automatic tooltip links generated
# for each section titles on pages and posts
diff --git a/_includes/head.html b/_includes/head.html
index 75c9b342fb2a..56a8310f305b 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -13,6 +13,11 @@
+ {% if page.toc and page.toc.sidebar %}
+
+
+ {% endif %}
+
{% if site.icon.size <= 4 %}
@@ -21,7 +26,7 @@
{% endif %}
-
+
{% if site.enable_darkmode %}
diff --git a/_includes/latest_posts.html b/_includes/latest_posts.html
new file mode 100644
index 000000000000..91514d777d9b
--- /dev/null
+++ b/_includes/latest_posts.html
@@ -0,0 +1,26 @@
+
+
{%- assign profile_image_class = "img-fluid z-depth-1 rounded" -%}
{% endif %}
- {% include figure.html
- path=profile_image_path
+ {% include figure.html
+ path=profile_image_path
class=profile_image_class
alt=page.profile.image -%}
{% endif -%}
@@ -41,9 +41,15 @@
- {% if page.news -%}
+ {% if page.news and site.announcements.enabled -%}
 Maruan |
-  Rohan Deb Sarkar |
-  Amir Pourmand |
- |
Maruan |
+ Rohan Deb Sarkar |
+ Amir Pourmand |
+  George |
+
+ {% if site.latest_posts != blank -%}
+ {%- assign latest_posts_size = site.posts | size -%}
+
diff --git a/_includes/metadata.html b/_includes/metadata.html
index a404ca97aa96..e54f8ee5ff69 100644
--- a/_includes/metadata.html
+++ b/_includes/metadata.html
@@ -6,6 +6,11 @@
{% if site.enable_bing_verification -%}
{%- endif -%}
+
+
{%- endif %}
@@ -87,6 +92,10 @@
{%- capture link -%}https://www.researchgate.net/profile/{{site.research_gate_profile}}{%- endcapture -%}
{%- assign sameaslinks = sameaslinks | push: link -%}
{%- endif -%}
+ {%- if site.scopus_id -%}
+ {%- capture link -%}https://www.scopus.com/authid/detail.uri?authorId={{site.scopus_id}}{%- endcapture -%}
+ {%- assign sameaslinks = sameaslinks | push: link -%}
+ {%- endif -%}
{%- if site.github_username -%}
{%- capture link -%}https://github.com/{{ site.github_username }}{%- endcapture -%}
{%- assign sameaslinks = sameaslinks | push: link -%}
@@ -123,6 +132,10 @@
{%- capture link -%}https://www.wikidata.org/wiki/{{ site.wikidata_id }}{%- endcapture -%}
{%- assign sameaslinks = sameaslinks | push: link -%}
{%- endif -%}
+ {%- if site.wikipedia_id -%}
+ {%- capture link -%}https://wikipedia.org/wiki/User:{{ site.wikipedia_id }}{%- endcapture -%}
+ {%- assign sameaslinks = sameaslinks | push: link -%}
+ {%- endif -%}
{%- if site.strava_userid -%}
{%- capture link -%}https://www.strava.com/athletes/{{ site.strava_userid }}{%- endcapture -%}
{%- assign sameaslinks = sameaslinks | push: link -%}
diff --git a/_includes/news.html b/_includes/news.html
index 14d286daa7f2..2146d885e5b4 100644
--- a/_includes/news.html
+++ b/_includes/news.html
@@ -1,30 +1,29 @@
-
3 %}style="max-height: 60vw"{% endif %}>
+
+ {%- assign latest_posts = site.posts -%}
+ {% if site.latest_posts.limit %}
+ {% assign latest_posts_limit = site.latest_posts.limit %}
+ {% else %}
+ {% assign latest_posts_limit = latest_posts_size %}
+ {% endif %}
+ {% for item in latest_posts limit: latest_posts_limit %}
+
+
+ {%- else -%}
+ | {{ item.date | date: "%b %-d, %Y" }} | ++ {{ item.title }} + | +
|---|
No posts so far...
+ {%- endif %} +
- {% if site.news != blank -%}
+ {% if site.news != blank -%}
{%- assign news_size = site.news | size -%}
-
\ No newline at end of file
diff --git a/_includes/repository/repo_trophies.html b/_includes/repository/repo_trophies.html
new file mode 100644
index 000000000000..18f5273acbd1
--- /dev/null
+++ b/_includes/repository/repo_trophies.html
@@ -0,0 +1,6 @@
+ 3 %}style="max-height: 10vw"{% endif %}>
+
+ {%- endif %}
+ 3 %}style="max-height: 60vw"{% endif %}>
{%- assign news = site.news | reverse -%}
- {% if site.news_limit %}
- {% assign news_limit = site.news_limit %}
+ {% if include.limit and site.announcements.limit %}
+ {% assign news_limit = site.announcements.limit %}
{% else %}
{% assign news_limit = news_size %}
{% endif %}
- {% for item in news limit: news_limit %}
+ {% for item in news limit: news_limit %}
- {%- else -%}
+ {%- else -%}
| {{ item.date | date: "%b %-d, %Y" }} |
- {% if item.inline -%}
+ {% if item.inline -%}
{{ item.content | remove: ' ' | remove: ' ' | emojify }} - {%- else -%} + {%- else -%} {{ item.title }} - {%- endif %} + {%- endif %} |
|---|
No news so far...
- {%- endif %} -
+
+ 
+ 
+
+
diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html
index 08ba49f03517..411b51d1d33b 100644
--- a/_includes/scripts/misc.html
+++ b/_includes/scripts/misc.html
@@ -10,5 +10,11 @@
{%- endif -%}
+{% if page.toc and page.toc.sidebar %}
+
+
+{% endif %}
+
+
diff --git a/_includes/selected_papers.html b/_includes/selected_papers.html
index cfaeb80386e3..ca3b34f4f228 100644
--- a/_includes/selected_papers.html
+++ b/_includes/selected_papers.html
@@ -1,4 +1,4 @@
- {% bibliography -f papers -q @*[selected=true]* %}
+ {% bibliography -f {{ site.scholar.bibliography }} -q @*[selected=true]* %}
diff --git a/_includes/social.html b/_includes/social.html
index e05eb4f95723..640a5cfefbc4 100644
--- a/_includes/social.html
+++ b/_includes/social.html
@@ -20,11 +20,14 @@
{% endif %}
{%- if site.osf_id -%}
-
+
{% endif %}
{%- if site.research_gate_profile -%}
{% endif %}
+ {%- if site.scopus_id -%}
+
+ {% endif %}
{%- if site.github_username -%}
{% endif %}
@@ -52,6 +55,9 @@
{%- if site.wikidata_id -%}
{% endif %}
+ {%- if site.wikipedia_id -%}
+
+ {% endif %}
{%- if site.strava_userid -%}
{% endif %}
diff --git a/_layouts/about.html b/_layouts/about.html
index ab6674a90083..072ed918fbff 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -23,8 +23,8 @@
{%- assign profile_image_class = "img-fluid z-depth-1 rounded" -%}
{% endif %}
- {% include figure.html
- path=profile_image_path
+ {% include figure.html
+ path=profile_image_path
class=profile_image_class
alt=page.profile.image -%}
{% endif -%}
@@ -41,9 +41,15 @@
news
- {%- include news.html %} + {%- include news.html limit=true %} + {%- endif %} + + + {% if page.latest_posts -%} +latest posts
+ {%- include latest_posts.html %} {%- endif %} @@ -62,7 +68,7 @@sele
{{ site.contact_note }}
-
+
{%- endif %}
diff --git a/_layouts/bib.html b/_layouts/bib.html
index 7629cbd4e693..2532fc500f41 100644
--- a/_layouts/bib.html
+++ b/_layouts/bib.html
@@ -8,8 +8,8 @@
{%- else -%}
{%- assign entry_path = entry.preview | prepend: '/assets/img/publication_preview/' -%}
- {% include figure.html
- path=entry_path
+ {% include figure.html
+ path=entry_path
class="preview z-depth-1 rounded"
alt=entry.preview -%}
{%- endif -%}
@@ -187,12 +187,32 @@
{% if site.badges %}
- {%- if site.badges.altmetric_badge or entry.altmetric %}
-
- {%- endif %}
- {%- if site.badges.dimensions_badge or entry.dimensions %}
-
- {%- endif %}
+ {%- if site.badges.altmetric_badge %}
+
+ {%- endif %}
+ {%- if site.badges.dimensions_badge %}
+
+ {%- endif %}
{%- endif %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 6fdc4f7a9115..252a05df7a76 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -17,7 +17,33 @@
- {{ content }}
+ {% if page.toc and page.toc.sidebar %}
+ {% if page.toc.sidebar == "right" %}
+
+
+
+ {{ content }}
+
+
+
+
+
+
+ {% else %}
+
+
+
+
+
+
+
+ {{ content }}
+
+
+ {% endif %}
+ {% else %}
+ {{ content }}
+ {% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html
index de9ad7f491d6..c304b9394012 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -40,7 +40,15 @@ {{ page.title }}
- {{ content }}
+ {% if page.toc and page.toc.beginning %}
+
+ {% endif %} +
{%- if site.related_blog_posts.enabled -%}
diff --git a/_news/announcement_1.md b/_news/announcement_1.md
index 98e5af5c8786..e5349ced3893 100644
--- a/_news/announcement_1.md
+++ b/_news/announcement_1.md
@@ -2,6 +2,7 @@
layout: post
date: 2015-10-22 15:59:00-0400
inline: true
+related_posts: false
---
A simple inline announcement.
diff --git a/_news/announcement_2.md b/_news/announcement_2.md
index dbd4b4d41ae6..9de9588c5172 100644
--- a/_news/announcement_2.md
+++ b/_news/announcement_2.md
@@ -3,6 +3,7 @@ layout: post
title: A long announcement with details
date: 2015-11-07 16:11:00-0400
inline: false
+related_posts: false
---
Announcements and news can be much longer than just quick inline posts. In fact, they can have all the features available for the standard blog posts. See below.
diff --git a/_news/announcement_3.md b/_news/announcement_3.md
index d90721915e94..4d540883b38e 100644
--- a/_news/announcement_3.md
+++ b/_news/announcement_3.md
@@ -2,6 +2,7 @@
layout: post
date: 2016-01-15 07:59:00-0400
inline: true
+related_posts: false
---
A simple inline announcement with Markdown emoji! :sparkles: :smile:
diff --git a/_pages/about.md b/_pages/about.md
index 63ad6795d60c..4a4637ccb620 100644
--- a/_pages/about.md
+++ b/_pages/about.md
@@ -14,12 +14,13 @@ profile:
Your City, State 12345
news: true # includes a list of news items
+latest_posts: true # includes a list of the newest posts
selected_papers: true # includes a list of papers marked as "selected={true}"
social: true # includes social icons at the bottom of the page
---
Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.
-Put your address / P.O. box / other info right below your picture. You can also disable any these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
+Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
Link to your social media connections, too. This theme is set up to use [Font Awesome icons](http://fortawesome.github.io/Font-Awesome/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
diff --git a/_pages/publications.md b/_pages/publications.md
index 5a370a726c68..8948d578e138 100644
--- a/_pages/publications.md
+++ b/_pages/publications.md
@@ -12,7 +12,7 @@ nav_order: 1
{%- for y in page.years %}
{{y}}
- {% bibliography -f papers -q @*[year={{y}}]* %}
+ {% bibliography -f {{ site.scholar.bibliography }} -q @*[year={{y}}]* %}
{% endfor %}
diff --git a/_pages/repositories.md b/_pages/repositories.md
index 57ef2205b699..ee29f385f1a7 100644
--- a/_pages/repositories.md
+++ b/_pages/repositories.md
@@ -15,10 +15,24 @@ nav_order: 3
{% include repository/repo_user.html username=user %}
{% endfor %}
-{% endif %}
---
+{% if site.repo_trophies.enabled %}
+{% for user in site.data.repositories.github_users %}
+ {% if site.data.repositories.github_users.size > 1 %}
+ {{ user }}
+ {% endif %}
+
+ {% include repository/repo_trophies.html username=user %}
+
+
+ ---
+
+{% endfor %}
+{% endif %}
+{% endif %}
+
## GitHub Repositories
{% if site.data.repositories.github_repos %}
diff --git a/_plugins/details.rb b/_plugins/details.rb
new file mode 100644
index 000000000000..fa12bf26d3c8
--- /dev/null
+++ b/_plugins/details.rb
@@ -0,0 +1,24 @@
+# Code from http://movb.de/jekyll-details-support.html
+
+module Jekyll
+ module Tags
+ class DetailsTag < Liquid::Block
+
+ def initialize(tag_name, markup, tokens)
+ super
+ @caption = markup
+ end
+
+ def render(context)
+ site = context.registers[:site]
+ converter = site.find_converter_instance(::Jekyll::Converters::Markdown)
+ caption = converter.convert(@caption).gsub(/<\/?p[^>]*>/, '').chomp
+ body = converter.convert(super(context))
+ "#{caption}
#{body}"
+ end
+
+ end
+ end
+ end
+
+ Liquid::Template.register_tag('details', Jekyll::Tags::DetailsTag)
\ No newline at end of file
diff --git a/_posts/2015-07-15-code.md b/_posts/2015-07-15-code.md
index 675543df5eda..a86fa077c536 100644
--- a/_posts/2015-07-15-code.md
+++ b/_posts/2015-07-15-code.md
@@ -9,7 +9,37 @@ categories: sample-posts
This theme implements a built-in Jekyll feature, the use of Rouge, for syntax highlighting.
It supports more than 100 languages.
This example is in C++.
-All you have to do is wrap your code in a liquid tag:
+All you have to do is wrap your code in markdown code tags:
+
+````markdown
+```c++
+code code code
+```
+````
+
+```c++
+int main(int argc, char const \*argv[])
+{
+ string myString;
+
+ cout << "input a string: ";
+ getline(cin, myString);
+ int length = myString.length();
+
+ char charArray = new char * [length];
+
+ charArray = myString;
+ for(int i = 0; i < length; ++i){
+ cout << charArray[i] << " ";
+ }
+
+ return 0;
+}
+```
+
+By default, it does not display line numbers. If you want to display line numbers for every code block, you can set `kramdown.syntax_highlighter_opts.block.line_numbers` to true in your `_config.yml` file.
+
+If you want to display line numbers for a specific code block, all you have to do is wrap your code in a liquid tag:
{% raw %}
{% highlight c++ linenos %}
code code code
{% endhighlight %}
diff --git a/_posts/2018-12-22-distill.md b/_posts/2018-12-22-distill.md
index 39a6cc8cbecb..ca0da2b4d283 100644
--- a/_posts/2018-12-22-distill.md
+++ b/_posts/2018-12-22-distill.md
@@ -156,6 +156,16 @@ fig.write_html('assets/plotly/demo.html')
***
+## Details boxes
+
+Details boxes are collapsible boxes which hide additional information from the user. They can be added with the `details` liquid tag:
+
+{% details Click here to know more %}
+Additional details, where math $$ 2x - 1 $$ and `code` is rendered correctly.
+{% enddetails %}
+
+***
+
## Layouts
The main text column is referred to as the body.
diff --git a/_posts/2023-03-20-table-of-contents.md b/_posts/2023-03-20-table-of-contents.md
new file mode 100644
index 000000000000..f94c52b0ee8c
--- /dev/null
+++ b/_posts/2023-03-20-table-of-contents.md
@@ -0,0 +1,41 @@
+---
+layout: post
+title: a post with table of contents
+date: 2023-03-20 11:59:00-0400
+description: an example of a blog post with table of contents
+categories: sample-posts toc
+giscus_comments: true
+related_posts: false
+toc:
+ beginning: true
+---
+This post shows how to add a table of contents in the beginning of the post.
+
+## Adding a Table of Contents
+
+To add a table of contents to a post, simply add
+```yml
+toc:
+ beginning: true
+```
+to the front matter of the post. The table of contents will be automatically generated from the headings in the post.
+
+### Example of Sub-Heading 1
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+### Example of another Sub-Heading 1
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+## Table of Contents Options
+
+If you want to learn more about how to customize the table of contents, you can check the [jekyll-toc](https://github.com/toshimaru/jekyll-toc) repository.
+
+### Example of Sub-Heading 2
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+### Example of another Sub-Heading 2
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
diff --git a/_posts/2023-04-25-sidebar-table-of-contents.md b/_posts/2023-04-25-sidebar-table-of-contents.md
new file mode 100644
index 000000000000..6159587d53a9
--- /dev/null
+++ b/_posts/2023-04-25-sidebar-table-of-contents.md
@@ -0,0 +1,42 @@
+---
+layout: post
+title: a post with table of contents on a sidebar
+date: 2023-04-25 10:14:00-0400
+description: an example of a blog post with table of contents on a sidebar
+categories: sample-posts toc sidebar
+giscus_comments: true
+related_posts: false
+toc:
+ sidebar: left
+---
+This post shows how to add a table of contents as a sidebar.
+
+## Adding a Table of Contents
+
+To add a table of contents to a post as a sidebar, simply add
+```yml
+toc:
+ sidebar: left
+```
+to the front matter of the post. The table of contents will be automatically generated from the headings in the post. If you wish to display the sidebar to the right, simply change `left` to `right`.
+
+### Example of Sub-Heading 1
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+### Example of another Sub-Heading 1
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+## Customizing Your Table of Contents
+{:data-toc-text="Customizing"}
+
+If you want to learn more about how to customize the table of contents of your sidebar, you can check the [bootstrap-toc](https://afeld.github.io/bootstrap-toc/) documentation. Notice that you can even customize the text of the heading that will be displayed on the sidebar.
+
+### Example of Sub-Heading 2
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
+
+### Example of another Sub-Heading 2
+
+Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 8954b6c80287..8c6f08cc3b92 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -4,7 +4,18 @@
// Typography
-p, h1, h2, h3, h4, h5, h6, em, div, li, span, strong {
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+em,
+div,
+li,
+span,
+strong {
color: var(--global-text-color);
}
@@ -13,26 +24,33 @@ hr {
}
table {
- td, th {
+
+ td,
+ th {
color: var(--global-text-color);
}
+
td {
font-size: 1rem;
}
}
-a, table.table a {
+a,
+table.table a {
color: var(--global-theme-color);
+
&:hover {
color: var(--global-theme-color);
text-decoration: underline;
}
+
&:hover:after :not(.nav-item.dropdown) {
width: 100%;
}
}
-figure, img {
+figure,
+img {
max-width: 90vw;
}
@@ -86,7 +104,8 @@ blockquote {
// Citation
-.citation, .citation-number {
+.citation,
+.citation-number {
color: var(--global-theme-color);
}
@@ -99,24 +118,30 @@ blockquote {
margin-bottom: 5px;
margin-top: 5px;
font-family: monospace;
+
p {
display: inline-block;
margin: 0;
}
}
}
-.profile.float-right{
+
+.profile.float-right {
margin-left: 1rem;
}
-.profile.float-left{
+
+.profile.float-left {
margin-right: 1rem;
}
@media (min-width: 576px) {
.profile {
width: 30%;
+
.address {
- p { display: block; }
+ p {
+ display: block;
+ }
}
}
}
@@ -124,8 +149,10 @@ blockquote {
.post-description {
margin-bottom: 2rem;
font-size: 0.875rem;
+
a {
color: inherit;
+
&:hover {
color: var(--global-theme-color);
text-decoration: none;
@@ -142,58 +169,73 @@ blockquote {
background-color: var(--global-bg-color);
opacity: 0.95;
}
+
.navbar .dropdown-menu {
background-color: var(--global-bg-color);
border: 1px solid var(--global-divider-color);
+
a:not(.active) {
color: var(--global-text-color);
}
+
a:hover {
color: var(--global-hover-color);
}
+
.dropdown-divider {
border-top: 1px solid var(--global-divider-color) !important;
}
}
+
.dropdown-item {
color: var(--global-text-color);
- &:hover {
- color: var(--global-hover-color);
- background-color: var(--global-bg-color);
- }
+
+ &:hover {
+ color: var(--global-hover-color);
+ background-color: var(--global-bg-color);
+ }
}
+
.navbar.navbar-light {
a {
&:hover {
text-decoration: none;
}
}
+
.navbar-brand {
color: var(--global-text-color);
}
+
.navbar-nav .nav-item .nav-link {
color: var(--global-text-color);
+
&:hover {
color: var(--global-hover-color);
}
}
+
.navbar-nav .nav-item.active>.nav-link {
- background-color: inherit;
- font-weight: bolder;
- color: var(--global-theme-color);
- &:hover {
- color: var(--global-hover-color);
- }
+ background-color: inherit;
+ font-weight: bolder;
+ color: var(--global-theme-color);
+
+ &:hover {
+ color: var(--global-hover-color);
+ }
}
+
.navbar-brand.social {
padding-bottom: 0;
padding-top: 0;
font-size: 1.7rem;
+
a {
i::before {
color: var(--global-text-color);
transition-property: all 0.2s ease-in-out;
}
+
&:hover {
i::before {
color: var(--global-theme-color);
@@ -213,13 +255,16 @@ blockquote {
margin-bottom: 4px;
transition: all 0.2s;
}
+
.top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
+
.middle-bar {
opacity: 0;
}
+
.bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
@@ -230,9 +275,11 @@ blockquote {
.top-bar {
transform: rotate(0);
}
+
.middle-bar {
opacity: 1;
}
+
.bottom-bar {
transform: rotate(0);
}
@@ -243,6 +290,7 @@ blockquote {
border: 0;
background-color: inherit;
color: var(--global-text-color);
+
&:hover {
color: var(--global-hover-color);
}
@@ -252,13 +300,16 @@ blockquote {
.social {
text-align: center;
+
.contact-icons {
font-size: 4rem;
+
a {
i::before {
color: var(--global-text-color);
transition-property: all 0.2s ease-in-out;
}
+
&:hover {
i::before {
color: var(--global-theme-color);
@@ -266,6 +317,7 @@ blockquote {
}
}
}
+
.contact-note {
font-size: 0.8rem;
}
@@ -276,13 +328,16 @@ blockquote {
footer.fixed-bottom {
background-color: var(--global-footer-bg-color);
font-size: 0.75rem;
+
.container {
color: var(--global-footer-text-color);
padding-top: 9px;
padding-bottom: 8px;
}
+
a {
color: var(--global-footer-link-color);
+
&:hover {
color: var(--global-theme-color);
text-decoration: none;
@@ -301,11 +356,11 @@ footer.sticky-bottom {
.cv {
margin-bottom: 40px;
-
+
.card {
background-color: var(--global-card-bg-color);
border: 1px solid var(--global-divider-color);
-
+
.list-group-item {
background-color: inherit;
border-color: var(--global-divider-color);
@@ -333,6 +388,7 @@ footer.sticky-bottom {
text-align: center;
padding-top: 2rem;
padding-bottom: 3rem;
+
h1 {
color: var(--global-theme-color);
font-size: 5rem;
@@ -348,7 +404,8 @@ footer.sticky-bottom {
justify-content: center;
display: flow-root;
- p, li {
+ p,
+ li {
list-style: none;
display: inline-block;
padding: 1rem 0.5rem;
@@ -357,33 +414,48 @@ footer.sticky-bottom {
}
}
+.post-title {
+ mjx-container[jax="CHTML"][display="true"] {
+ display: unset;
+ }
+}
+
.post-list {
margin: 0;
margin-bottom: 40px;
padding: 0;
+
li {
border-bottom: 1px solid var(--global-divider-color);
list-style: none;
padding-top: 2rem;
padding-bottom: 2rem;
+
.post-meta {
color: var(--global-text-color-light);
font-size: 0.875rem;
margin-bottom: 0;
}
+
.post-tags {
color: var(--global-text-color-light);
font-size: 0.875rem;
padding-top: 0.25rem;
padding-bottom: 0;
}
+
a {
color: var(--global-text-color);
text-decoration: none;
+
&:hover {
color: var(--global-theme-color);
}
}
+
+ mjx-container[jax="CHTML"][display="true"] {
+ display: unset;
+ }
}
}
@@ -391,13 +463,16 @@ footer.sticky-bottom {
.page-item {
.page-link {
color: var(--global-text-color);
+
&:hover {
color: $black-color;
}
}
+
&.active .page-link {
color: $white-color;
background-color: var(--global-theme-color);
+
&:hover {
background-color: var(--global-theme-color);
}
@@ -445,7 +520,8 @@ footer.sticky-bottom {
}
}
- .grid-sizer, .grid-item {
+ .grid-sizer,
+ .grid-item {
width: 250px;
margin-bottom: 10px;
}
@@ -465,6 +541,7 @@ footer.sticky-bottom {
.publications {
margin-top: 2rem;
+
h1 {
color: var(--global-theme-color);
font-size: 2rem;
@@ -472,12 +549,15 @@ footer.sticky-bottom {
margin-top: 1em;
margin-bottom: 1em;
}
+
h2 {
margin-bottom: 1rem;
+
span {
font-size: 1.5rem;
}
}
+
h2.year {
color: var(--global-divider-color);
border-top: 1px solid var(--global-divider-color);
@@ -486,6 +566,7 @@ footer.sticky-bottom {
margin-bottom: -2rem;
text-align: right;
}
+
ol.bibliography {
list-style: none;
padding: 0;
@@ -493,56 +574,69 @@ footer.sticky-bottom {
li {
margin-bottom: 1rem;
+
.preview {
width: 100%;
min-width: 80px;
max-width: 200px;
}
+
.abbr {
height: 2rem;
margin-bottom: 0.5rem;
+
abbr {
display: inline-block;
background-color: var(--global-theme-color);
padding-left: 1rem;
padding-right: 1rem;
+
a {
color: white;
+
&:hover {
text-decoration: none;
}
}
}
+
.award {
color: var(--global-theme-color) !important;
border: 1px solid var(--global-theme-color);
}
}
+
.title {
font-weight: bolder;
}
+
.author {
a {
border-bottom: 1px dashed var(--global-theme-color);
+
&:hover {
- border-bottom-style: solid;
- text-decoration: none;
+ border-bottom-style: solid;
+ text-decoration: none;
}
}
- > em {
+
+ >em {
border-bottom: 1px solid;
font-style: normal;
}
- > span.more-authors {
+
+ >span.more-authors {
color: var(--global-text-color-light);
border-bottom: 1px dashed var(--global-text-color-light);
cursor: pointer;
+
&:hover {
- color: var(--global-text-color);
- border-bottom: 1px dashed var(--global-text-color);
+ color: var(--global-text-color);
+ border-bottom: 1px dashed var(--global-text-color);
}
}
}
+
.links {
a.btn {
color: var(--global-text-color);
@@ -551,24 +645,30 @@ footer.sticky-bottom {
padding-right: 1rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
+ margin-left: 0;
+
&:hover {
color: var(--global-theme-color);
border-color: var(--global-theme-color);
}
}
}
+
.badges {
+ padding-bottom: 0.5rem;
span {
display: inline-block;
color: $black-color;
height: 100%;
- padding-left: 0.5rem;
+ padding-right: 0.5rem;
vertical-align: middle;
+
&:hover {
text-decoration: underline;
}
}
}
+
.hidden {
font-size: 0.875rem;
max-height: 0px;
@@ -584,12 +684,14 @@ footer.sticky-bottom {
line-height: 1.4em;
margin: 10px;
}
+
pre {
font-size: 1em;
line-height: 1.4em;
padding: 10px;
}
}
+
.hidden.open {
max-height: 100em;
transition-property: 0.15s ease;
@@ -598,9 +700,11 @@ footer.sticky-bottom {
-o-transition: 0.15s ease;
transition: all 0.15s ease;
}
+
div.abstract.hidden {
border: dashed 1px var(--global-bg-color);
}
+
div.abstract.hidden.open {
border-color: var(--global-text-color);
}
@@ -618,9 +722,12 @@ pre {
background-color: var(--global-code-bg-color);
border-radius: 6px;
padding: 6px 12px;
- pre, code {
+
+ pre,
+ code {
background-color: transparent;
border-radius: 0;
+ margin-bottom: 0;
padding: 0;
}
}
@@ -643,26 +750,30 @@ html.transition *:after {
}
// Extra Markdown style (post Customization)
-.post{
- .post-meta{
+.post {
+ .post-meta {
color: var(--global-text-color-light);
font-size: 0.875rem;
margin-bottom: 0;
}
- .post-tags{
+
+ .post-tags {
color: var(--global-text-color-light);
font-size: 0.875rem;
padding-top: 0.25rem;
padding-bottom: 1rem;
+
a {
color: var(--global-text-color-light);
text-decoration: none;
+
&:hover {
color: var(--global-theme-color);
}
}
}
- .post-content{
+
+ .post-content {
blockquote {
border-left: 5px solid var(--global-theme-color);
padding: 8px;
@@ -671,56 +782,120 @@ html.transition *:after {
}
progress {
- /* Positioning */
- position: fixed;
- left: 0;
- top: 56px;
- z-index: 10;
-
- /* Dimensions */
- width: 100%;
- height: 1px;
-
- /* Reset the appearance */
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
-
- /* Get rid of the default border in Firefox/Opera. */
- border: none;
-
- /* Progress bar container for Firefox/IE10 */
- background-color: transparent;
-
- /* Progress bar value for IE10 */
- color: var(--global-theme-color);
- }
-
- progress::-webkit-progress-bar {
- background-color: transparent;
- }
-
- progress::-webkit-progress-value {
- background-color: var(--global-theme-color);
- }
-
- progress::-moz-progress-bar {
- background-color: var(--global-theme-color);
- }
-
- .progress-container {
- width: 100%;
- background-color: transparent;
- position: fixed;
- top: 56px;
- left: 0;
- height: 5px;
- display: block;
- }
-
- .progress-bar {
- background-color: var(--global-theme-color);
- width: 0%;
- display: block;
- height: inherit;
- }
+ /* Positioning */
+ position: fixed;
+ left: 0;
+ top: 56px;
+ z-index: 10;
+
+ /* Dimensions */
+ width: 100%;
+ height: 1px;
+
+ /* Reset the appearance */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+
+ /* Get rid of the default border in Firefox/Opera. */
+ border: none;
+
+ /* Progress bar container for Firefox/IE10 */
+ background-color: transparent;
+
+ /* Progress bar value for IE10 */
+ color: var(--global-theme-color);
+}
+
+progress::-webkit-progress-bar {
+ background-color: transparent;
+}
+
+progress::-webkit-progress-value {
+ background-color: var(--global-theme-color);
+}
+
+progress::-moz-progress-bar {
+ background-color: var(--global-theme-color);
+}
+
+.progress-container {
+ width: 100%;
+ background-color: transparent;
+ position: fixed;
+ top: 56px;
+ left: 0;
+ height: 5px;
+ display: block;
+}
+
+.progress-bar {
+ background-color: var(--global-theme-color);
+ width: 0%;
+ display: block;
+ height: inherit;
+}
+
+/* Copy button */
+.code-display-wrapper {
+ position: relative;
+
+ .copy {
+ background: var(--global-card-bg-color);
+ border-color: var(--global-bg-color);
+ border-radius: .3rem;
+ border-style: none;
+ color: var(--global-text-color);
+ font-size: medium;
+ opacity: 0;
+ position: absolute;
+ right: .15rem;
+ top: .15rem;
+ }
+
+ &:active .copy,
+ &:focus .copy,
+ &:hover .copy {
+ color: var(--global-hover-color);
+ opacity: 1;
+ }
+}
+
+nav[data-toggle="toc"] {
+ top: 5rem;
+
+ .nav .nav>li>a {
+ font-size: .75rem;
+ }
+
+ .nav>li>a {
+ color: var(--global-text-color);
+ font-size: .75rem;
+
+ &:hover {
+ color: var(--global-hover-color);
+ border-left-color: var(--global-hover-color);
+ }
+ }
+
+ .nav-link.active {
+ color: var(--global-theme-color);
+ border-left-color: var(--global-theme-color);
+ font-size: .75rem;
+
+ &:hover {
+ color: var(--global-hover-color);
+ border-left-color: var(--global-hover-color);
+ }
+ }
+}
+
+/* small screens */
+@media (max-width: 576px) {
+ /* override stickyness so that the navigation does not follow scrolling */
+ nav[data-toggle="toc"] {
+ visibility: hidden;
+ height: 0;
+ top: 0;
+ }
+}
\ No newline at end of file
diff --git a/_sass/_distill.scss b/_sass/_distill.scss
index 47837e7a8f7f..e8c05f04e4e4 100644
--- a/_sass/_distill.scss
+++ b/_sass/_distill.scss
@@ -35,6 +35,28 @@ d-article {
display: inline;
}
+ // Style taken from code blocks
+ details {
+ color: var(--global-text-color);
+ background-color: var(--global-code-bg-color);
+ margin-top: 0;
+ padding: 8px 12px;
+ position: relative;
+ border-radius: 6px;
+ display: block;
+ margin-bottom: 20px;
+ grid-column: text;
+ overflow: auto;
+ max-width: 100%;
+ summary {
+ color: var(--global-theme-color);
+ }
+ p {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ }
+ }
+
d-contents {
align-self: start;
grid-column: 1 / 4;
diff --git a/assets/img/profile.jpg b/assets/img/profile.jpg
new file mode 100644
index 000000000000..5323b5e3aa22
Binary files /dev/null and b/assets/img/profile.jpg differ
diff --git a/assets/js/common.js b/assets/js/common.js
index 5ffcb5010904..00119639c370 100644
--- a/assets/js/common.js
+++ b/assets/js/common.js
@@ -9,3 +9,15 @@ $(document).ready(function() {
});
$('a').removeClass('waves-effect waves-light');
});
+
+// bootstrap-toc
+$(function () {
+ if($('#toc-sidebar').length){
+ var navSelector = "#toc-sidebar";
+ var $myNav = $(navSelector);
+ Toc.init($myNav);
+ $("body").scrollspy({
+ target: navSelector,
+ });
+ }
+});
\ No newline at end of file
diff --git a/assets/js/copy_code.js b/assets/js/copy_code.js
new file mode 100644
index 000000000000..40189162be48
--- /dev/null
+++ b/assets/js/copy_code.js
@@ -0,0 +1,46 @@
+// create element for copy button in code blocks
+var codeBlocks = document.querySelectorAll('pre');
+codeBlocks.forEach(function (codeBlock) {
+ if (codeBlock.querySelector('pre:not(.lineno)') || codeBlock.querySelector('code')) {
+ // create copy button
+ var copyButton = document.createElement('button');
+ copyButton.className = 'copy';
+ copyButton.type = 'button';
+ copyButton.ariaLabel = 'Copy code to clipboard';
+ copyButton.innerText = 'Copy';
+ copyButton.innerHTML = '';
+
+ // get code from code block and copy to clipboard
+ copyButton.addEventListener('click', function () {
+ // check if code block has line numbers
+ // i.e. `kramdown.syntax_highlighter_opts.block.line_numbers` set to true in _config.yml
+ // or using `jekyll highlight` liquid tag with `linenos` option
+ if (codeBlock.querySelector('pre:not(.lineno)')) {
+ // get code from code block ignoring line numbers
+ var code = codeBlock.querySelector('pre:not(.lineno)').innerText.trim();
+ } else { // if (codeBlock.querySelector('code')) {
+ // get code from code block when line numbers are not displayed
+ var code = codeBlock.querySelector('code').innerText.trim();
+ }
+ window.navigator.clipboard.writeText(code);
+ copyButton.innerText = 'Copied';
+ copyButton.innerHTML = '';
+ var waitFor = 3000;
+
+ setTimeout(function () {
+ copyButton.innerText = 'Copy';
+ copyButton.innerHTML = '';
+ }, waitFor);
+ });
+
+ // create wrapper div
+ var wrapper = document.createElement('div');
+ wrapper.className = 'code-display-wrapper';
+
+ // add copy button and code block to wrapper div
+ const parent = codeBlock.parentElement;
+ parent.insertBefore(wrapper, codeBlock);
+ wrapper.append(codeBlock);
+ wrapper.append(copyButton);
+ }
+});
diff --git a/assets/pdf/cv_sebastian_meznar.pdf b/assets/pdf/cv_sebastian_meznar.pdf
new file mode 100644
index 000000000000..045698d8d95e
Binary files /dev/null and b/assets/pdf/cv_sebastian_meznar.pdf differ
diff --git a/assets/pdf/sm_predicting_epidemic_effects_2020.pdf b/assets/pdf/sm_predicting_epidemic_effects_2020.pdf
new file mode 100644
index 000000000000..247ac3ba3588
Binary files /dev/null and b/assets/pdf/sm_predicting_epidemic_effects_2020.pdf differ
diff --git a/blog/index.html b/blog/index.html
index 35aaaa0bdd58..da8590b3aa5a 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -15,10 +15,15 @@
+ {% assign blog_name_size = site.blog_name | size %}
+ {% assign blog_description_size = site.blog_description | size %}
+
+ {% if blog_name_size > 0 or blog_description_size > 0 %}
+ {% endif %}
{% if site.display_tags %}
+
+
+ {% else %}
+
+ {{ content }}
+
+
+
+
+
+
+
+
+ {% endif %}
+ {% else %}
+ {{ content }}
+ {% endif %}
+
+
+
+
+ {{ content }}
+
+ + {% endif %} +