diff --git a/.prettierignore b/.prettierignore index 58c2d1e..f917ab0 100644 --- a/.prettierignore +++ b/.prettierignore @@ -3,3 +3,4 @@ assets/css/main.scss assets/plotly/demo.html lighthouse_results/** +_posts/2015-10-20-math.md diff --git a/CUSTOMIZE.md b/CUSTOMIZE.md index a12f568..0bf9e69 100644 --- a/CUSTOMIZE.md +++ b/CUSTOMIZE.md @@ -95,19 +95,19 @@ scholar: 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](_data/coauthors.yml) and Jekyll will insert links to their webpages automatically. The co-author data format is as follows, ```yaml -"Adams": +"adams": - firstname: ["Edwin", "E.", "E. P.", "Edwin Plimpton"] url: https://en.wikipedia.org/wiki/Edwin_Plimpton_Adams -"Podolsky": +"podolsky": - firstname: ["Boris", "B.", "B. Y.", "Boris Yakovlevich"] url: https://en.wikipedia.org/wiki/Boris_Podolsky -"Rosen": +"rosen": - firstname: ["Nathan", "N."] url: https://en.wikipedia.org/wiki/Nathan_Rosen -"Bach": +"bach": - firstname: ["Johann Sebastian", "J. S."] url: https://en.wikipedia.org/wiki/Johann_Sebastian_Bach diff --git a/INSTALL.md b/INSTALL.md index 45d4598..fc50d44 100644 --- a/INSTALL.md +++ b/INSTALL.md @@ -17,9 +17,11 @@ # Installing and Deploying +## Recommended Approach + The recommended approach for using **al-folio** is to first create your own site using the template with as few changes as possible, and only when it is up and running customize it however you like. This way it is easier to pinpoint what causes a potential issue in case of a bug. The minimum steps required to create your own site are: -1. Create a new repository using this template. For this, click on [Use this template -> Create a new repository](https://github.com/new?template_name=al-folio&template_owner=alshedivat) above the file list. If you plan to upload your site to `.github.io`, note that the name of your repository MUST BE `.github.io` or `.github.io`, as stated in the [GitHub pages docs](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#types-of-github-pages-sites). +1. Create a new repository using this template. For this, click on [Use this template -> Create a new repository](https://github.com/new?template_name=al-folio&template_owner=alshedivat) above the file list. If you plan to upload your site to `.github.io`, note that the name of your repository :warning: **MUST BE** :warning: `.github.io` or `.github.io`, as stated in the [GitHub pages docs](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#types-of-github-pages-sites). 2. In this new repository, go to `Settings -> Actions -> General -> Workflow permissions` and give `Read and write permissions` to GitHub Actions. 3. Open file `_config.yml`, set `url` to `https://.github.io` and leave `baseurl` **empty**. 4. Finally, in the repository page go to `Settings -> Pages -> Build and deployment`, make sure that `Source` is set to `Deploy from a branch` and set the branch to `gh-pages` (NOT to master). diff --git a/README.md b/README.md index 329054b..3169b9b 100644 --- a/README.md +++ b/README.md @@ -131,6 +131,9 @@ Feel free to add your own page(s) by sending a PR. ★ ★ ★ +★ +★ +★ diff --git a/_bibliography/papers.bib b/_bibliography/papers.bib index ce201ff..a3ed375 100644 --- a/_bibliography/papers.bib +++ b/_bibliography/papers.bib @@ -44,6 +44,7 @@ @article{PhysRev.47.777 pdf={example_pdf.pdf}, altmetric={248277}, dimensions={true}, + google_scholar_id={qyhmnyLat1gC}, selected={true} } diff --git a/_config.yml b/_config.yml index 532296b..e869578 100644 --- a/_config.yml +++ b/_config.yml @@ -71,7 +71,7 @@ x_username: maaslawtech # your X handle mastodon_username: # your mastodon instance+username in the format instance.tld/@username linkedin_username: # your LinkedIn user name telegram_username: # your Telegram user name -scholar_userid: # your Google Scholar ID +scholar_userid: qc6CJjYAAAAJ # your Google Scholar ID semanticscholar_id: # your Semantic Scholar ID whatsapp_number: # your WhatsApp number (full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format.) orcid_id: # your ORCID ID @@ -309,6 +309,7 @@ scholar: enable_publication_badges: altmetric: true # Altmetric badge (https://www.altmetric.com/products/altmetric-badges/) dimensions: true # Dimensions badge (https://badge.dimensions.ai/) + google_scholar: true # Google Scholar badge (https://scholar.google.com/intl/en/scholar/citations.html) # Filter out certain bibtex entry keywords used internally from the bib output filtered_bibtex_keywords: @@ -355,6 +356,14 @@ imagemagick: output_formats: webp: "-quality 85" +# Lazy loading images +# If you enable lazy loading, all images will add the loading="lazy" attribute. +# This will make your site load faster, but it may not be supported in all browsers. +# You can also set loading="" to other values for specific images to override the default behavior. +# Options: "auto", "eager", "lazy" +# See https://web.dev/browser-level-image-lazy-loading/ for more information. +lazy_loading_images: true # enables lazy loading of images (recommended) + # ----------------------------------------------------------------------------- # Optional Features # ----------------------------------------------------------------------------- diff --git a/_includes/figure.liquid b/_includes/figure.liquid index 48ff465..7c10854 100644 --- a/_includes/figure.liquid +++ b/_includes/figure.liquid @@ -63,6 +63,11 @@ {% if include.zoomable %} data-zoomable {% endif %} + {% if include.loading %} + loading="{{ include.loading }}" + {% elsif site.lazy_loading_images %} + loading="lazy" + {% endif %} onerror="this.onerror=null; $('.responsive-img-srcset').remove();" > diff --git a/_includes/header.liquid b/_includes/header.liquid index 4105913..e4e25b5 100644 --- a/_includes/header.liquid +++ b/_includes/header.liquid @@ -8,12 +8,10 @@ {% if site.first_name %} {{- site.first_name -}} -   + {% endif %} {% if site.middle_name %} {{- site.middle_name -}} -   {% endif %} {% if site.last_name %} {{- site.last_name -}} diff --git a/_includes/projects.liquid b/_includes/projects.liquid index 2fd7b75..926ad1e 100644 --- a/_includes/projects.liquid +++ b/_includes/projects.liquid @@ -5,6 +5,7 @@ {% if project.img %} {% include figure.liquid + loading="eager" path=project.img sizes = "250px" alt="project thumbnail" diff --git a/_includes/projects_horizontal.liquid b/_includes/projects_horizontal.liquid index 276a4ea..b0f12b4 100644 --- a/_includes/projects_horizontal.liquid +++ b/_includes/projects_horizontal.liquid @@ -4,7 +4,7 @@
{% if project.img %}
- {% include figure.liquid path=project.img sizes="(min-width: 768px) 156px, 50vw" alt="project thumbnail" %} + {% include figure.liquid loading="eager" path=project.img sizes="(min-width: 768px) 156px, 50vw" alt="project thumbnail" %}
{% endif %}
diff --git a/_includes/scripts/misc.liquid b/_includes/scripts/misc.liquid index 61223b1..07b117e 100644 --- a/_includes/scripts/misc.liquid +++ b/_includes/scripts/misc.liquid @@ -31,3 +31,6 @@ + + + diff --git a/_layouts/about.liquid b/_layouts/about.liquid index 5760af5..3269957 100644 --- a/_layouts/about.liquid +++ b/_layouts/about.liquid @@ -28,8 +28,8 @@ layout: default {% capture sizes %}(min-width: {{site.max_width}}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px) 30vw, 95vw"{% endcapture %} {% - include figure.liquid path = profile_image_path class = profile_image_class sizes = sizes alt = page.profile.image - cache_bust = true + include figure.liquid loading="eager" path=profile_image_path class=profile_image_class sizes=sizes alt=page.profile.image + cache_bust=true %} {% endif %} {% if page.profile.more_info %} diff --git a/_layouts/bib.liquid b/_layouts/bib.liquid index 72df52f..5f6218e 100644 --- a/_layouts/bib.liquid +++ b/_layouts/bib.liquid @@ -10,6 +10,7 @@ {% assign entry_path = entry.preview | prepend: '/assets/img/publication_preview/' %} {% include figure.liquid + loading="eager" path=entry_path sizes = "200px" class="preview z-depth-1 rounded" @@ -50,60 +51,60 @@ {% assign author_array_limit = site.max_author_limit %} {% endif %} - {% for author in entry.author_array limit: author_array_limit %} + {%- for author in entry.author_array limit: author_array_limit -%} {% assign author_is_self = false %} - {% assign author_last_name = author.last | remove: '¶' | remove: '&' | remove: '*' | remove: '†' | remove: '^' %} + {%- assign author_last_name = author.last | remove: '¶' | remove: '&' | remove: '*' | remove: '†' | remove: '^' -%} {% if site.scholar.last_name contains author_last_name %} {% if site.scholar.first_name contains author.first %} {% assign author_is_self = true %} {% endif %} - {% endif %} + {%- endif -%} {% assign coauthor_url = null %} - {% assign clean_last_name = author_last_name | downcase | remove_accents %} + {%- assign clean_last_name = author_last_name | downcase | remove_accents -%} {% if site.data.coauthors[clean_last_name] %} - {% for coauthor in site.data.coauthors[clean_last_name] %} + {%- for coauthor in site.data.coauthors[clean_last_name] -%} {% if coauthor.firstname contains author.first %} - {% assign coauthor_url = coauthor.url %} + {%- assign coauthor_url = coauthor.url -%} {% break %} {% endif %} {% endfor %} - {% endif %} + {%- endif -%} - {% if forloop.length > 1 %} + {%- if forloop.length > 1 -%} {% if forloop.first == false %}, {% endif %} - {% if forloop.last and author_array_limit == author_array_size %}and {% endif %} + {%- if forloop.last and author_array_limit == author_array_size %}and {% endif -%} {% endif %} - {% if author_is_self %} + {%- if author_is_self -%} {{- author.first }} {{ author.last -}} - {% else %} - {% if coauthor_url %} + {%- else -%} + {%- if coauthor_url -%} {{- author.first }} {{ author.last -}} - {% else %} + {%- else -%} {{ author.first }} {{ author.last }} {% endif %} - {% endif %} + {%- endif -%} {% endfor %} - {% assign more_authors = author_array_size | minus: author_array_limit %} + {%- assign more_authors = author_array_size | minus: author_array_limit -%} - {% assign more_authors_hide = more_authors | append: ' more author' %} + {%- assign more_authors_hide = more_authors | append: ' more author' -%} {% if more_authors > 0 %} - {% if more_authors > 1 %} + {%- if more_authors > 1 -%} {% assign more_authors_hide = more_authors_hide | append: 's' %} - {% endif %} + {%- endif -%} {% assign more_authors_show = '' %} - {% for author in entry.author_array offset: author_array_limit %} + {%- for author in entry.author_array offset: author_array_limit -%} {% assign more_authors_show = more_authors_show | append: author.first | append: ' ' | append: author.last %} {% unless forloop.last %} {% assign more_authors_show = more_authors_show | append: ', ' %} {% endunless %} - {% endfor %} + {%- endfor -%} , and {% if site.enable_publication_badges.altmetric and entry_has_altmetric_badge %} {% endif %} + {% if site.enable_publication_badges.google_scholar and entry_has_google_scholar_badge %} + + {% google_scholar_citations site.scholar_userid entry.google_scholar_id %} Google Scholar citations + + {% endif %}
{% endif %} {% endif %} diff --git a/_layouts/profiles.liquid b/_layouts/profiles.liquid index e16ac29..fc9496a 100644 --- a/_layouts/profiles.liquid +++ b/_layouts/profiles.liquid @@ -15,7 +15,7 @@ layout: page {% assign profile_image_class = 'img-fluid z-depth-1 rounded' %} {% endif %} {% capture sizes %}(min-width: {{site.max_width}}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px) 30vw, 95vw"{% endcapture %} - {% include figure.liquid path = profile_image_path class = profile_image_class sizes = sizes alt = profile.image %} + {% include figure.liquid loading="eager" path=profile_image_path class=profile_image_class sizes=sizes alt=profile.image %} {% endif %} {% if profile.more_info %}
{{ profile.more_info }}
diff --git a/_plugins/google-scholar-citations.rb b/_plugins/google-scholar-citations.rb new file mode 100644 index 0000000..b87e346 --- /dev/null +++ b/_plugins/google-scholar-citations.rb @@ -0,0 +1,78 @@ +require "active_support/all" +require 'nokogiri' +require 'open-uri' + +module Helpers + extend ActiveSupport::NumberHelper +end + +module Jekyll + class GoogleScholarCitationsTag < Liquid::Tag + Citations = { } + + def initialize(tag_name, params, tokens) + super + splitted = params.split(" ").map(&:strip) + @scholar_id = splitted[0] + @article_id = splitted[1] + end + + def render(context) + article_id = context[@article_id.strip] + scholar_id = context[@scholar_id.strip] + article_url = "https://scholar.google.com/citations?view_op=view_citation&hl=en&user=#{scholar_id}&citation_for_view=#{scholar_id}:#{article_id}" + + begin + # If the citation count has already been fetched, return it + if GoogleScholarCitationsTag::Citations[article_id] + return GoogleScholarCitationsTag::Citations[article_id] + end + + # Sleep for a random amount of time to avoid being blocked + sleep(rand(1.5..3.5)) + + # Fetch the article page + doc = Nokogiri::HTML(URI.open(article_url, "User-Agent" => "Ruby/#{RUBY_VERSION}")) + + # Attempt to extract the "Cited by n" string from the meta tags + citation_count = 0 + + # Look for meta tags with "name" attribute set to "description" + description_meta = doc.css('meta[name="description"]') + og_description_meta = doc.css('meta[property="og:description"]') + + if !description_meta.empty? + cited_by_text = description_meta[0]['content'] + matches = cited_by_text.match(/Cited by (\d+[,\d]*)/) + + if matches + citation_count = matches[1].sub(",", "").to_i + end + + elsif !og_description_meta.empty? + cited_by_text = og_description_meta[0]['content'] + matches = cited_by_text.match(/Cited by (\d+[,\d]*)/) + + if matches + citation_count = matches[1].sub(",", "").to_i + end + end + + citation_count = Helpers.number_to_human(citation_count, :format => '%n%u', :precision => 2, :units => { :thousand => 'K', :million => 'M', :billion => 'B' }) + + rescue Exception => e + # Handle any errors that may occur during fetching + citation_count = "N/A" + + # Print the error message including the exception class and message + puts "Error fetching citation count for #{article_id}: #{e.class} - #{e.message}" + end + + + GoogleScholarCitationsTag::Citations[article_id] = citation_count + return "#{citation_count}" + end + end +end + +Liquid::Template.register_tag('google_scholar_citations', Jekyll::GoogleScholarCitationsTag) diff --git a/_posts/2015-03-15-formatting-and-links.md b/_posts/2015-03-15-formatting-and-links.md index e1b52d7..0962756 100644 --- a/_posts/2015-03-15-formatting-and-links.md +++ b/_posts/2015-03-15-formatting-and-links.md @@ -11,12 +11,18 @@ Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptow #### Hipster list -
    -
  • brunch
    • -
  • fixie
    • -
  • raybans
    • -
  • messenger bag
    • -
+- brunch +- fixie +- raybans +- messenger bag + +#### Check List + +- [x] Brush Teeth +- [ ] Put on socks + - [x] Put on left sock + - [ ] Put on right sock +- [x] Go to school Hoodie Thundercats retro, tote bag 8-bit Godard craft beer gastropub. Truffaut Tumblr taxidermy, raw denim Kickstarter sartorial dreamcatcher. Quinoa chambray slow-carb salvia readymade, bicycle rights 90's yr typewriter selfies letterpress cardigan vegan. @@ -24,9 +30,7 @@ Hoodie Thundercats retro, tote bag 8-bit Godard craft beer gastropub. Truffaut T Pug heirloom High Life vinyl swag, single-origin coffee four dollar toast taxidermy reprehenderit fap distillery master cleanse locavore. Est anim sapiente leggings Brooklyn ea. Thundercats locavore excepteur veniam eiusmod. Raw denim Truffaut Schlitz, migas sapiente Portland VHS twee Bushwick Marfa typewriter retro id keytar. -
- We do not grow absolutely, chronologically. We grow sometimes in one dimension, and not in another, unevenly. We grow partially. We are relative. We are mature in one realm, childish in another. - —Anais Nin -
+> We do not grow absolutely, chronologically. We grow sometimes in one dimension, and not in another, unevenly. We grow partially. We are relative. We are mature in one realm, childish in another. +> —Anais Nin Fap aliqua qui, scenester pug Echo Park polaroid irony shabby chic ex cardigan church-key Odd Future accusamus. Blog stumptown sartorial squid, gastropub duis aesthetic Truffaut vero. Pinterest tilde twee, odio mumblecore jean shorts lumbersexual. diff --git a/_posts/2015-05-15-images.md b/_posts/2015-05-15-images.md index 1b407a4..61f687f 100644 --- a/_posts/2015-05-15-images.md +++ b/_posts/2015-05-15-images.md @@ -12,10 +12,10 @@ This is an example post with image galleries.
- {% include figure.liquid path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %}
@@ -27,10 +27,10 @@ Simply add `data-zoomable` to `` tags that you want to make zoomable.
- {% include figure.liquid path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} + {% include figure.liquid loading="eager" path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
- {% include figure.liquid path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" zoomable=true %} + {% include figure.liquid loading="eager" path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" zoomable=true %}
diff --git a/_posts/2015-10-20-math.md b/_posts/2015-10-20-math.md index e7a614e..9ef0657 100644 --- a/_posts/2015-10-20-math.md +++ b/_posts/2015-10-20-math.md @@ -21,7 +21,7 @@ MathJax will automatically number equations: \begin{equation} \label{eq:cauchy-schwarz} -\left( \sum*{k=1}^n a_k b_k \right)^2 \leq \left( \sum*{k=1}^n a*k^2 \right) \left( \sum*{k=1}^n b_k^2 \right) +\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) \end{equation} and by adding `\label{...}` inside the equation environment, we can now refer to the equation using `\eqref`. diff --git a/_posts/2024-01-27-advanced-images.md b/_posts/2024-01-27-advanced-images.md index eb9beee..3baa160 100644 --- a/_posts/2024-01-27-advanced-images.md +++ b/_posts/2024-01-27-advanced-images.md @@ -18,11 +18,11 @@ This is an example post with advanced image components. This is a simple image slider. It uses the [Swiper](https://swiperjs.com/) library. Check the [examples page](https://swiperjs.com/demos) for more information of what you can achieve with it. - {% include figure.liquid path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %} - {% include figure.liquid path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %} - {% include figure.liquid path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" %} - {% include figure.liquid path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" %} - {% include figure.liquid path="assets/img/12.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/8.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/10.jpg" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/12.jpg" class="img-fluid rounded z-depth-1" %} ## Image Comparison Slider diff --git a/_projects/1_project.md b/_projects/1_project.md index b15faa8..11c41af 100644 --- a/_projects/1_project.md +++ b/_projects/1_project.md @@ -23,13 +23,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -37,7 +37,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_projects/2_project.md b/_projects/2_project.md index a8ec944..25de228 100644 --- a/_projects/2_project.md +++ b/_projects/2_project.md @@ -23,13 +23,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -37,7 +37,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_projects/3_project.md b/_projects/3_project.md index cf2de71..ae4eecf 100644 --- a/_projects/3_project.md +++ b/_projects/3_project.md @@ -23,13 +23,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -37,7 +37,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_projects/4_project.md b/_projects/4_project.md index 4535430..1144b9c 100644 --- a/_projects/4_project.md +++ b/_projects/4_project.md @@ -22,13 +22,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -36,7 +36,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_projects/5_project.md b/_projects/5_project.md index 05be799..35c8e63 100644 --- a/_projects/5_project.md +++ b/_projects/5_project.md @@ -22,13 +22,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -36,7 +36,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_projects/6_project.md b/_projects/6_project.md index 1c9f23d..36ea874 100644 --- a/_projects/6_project.md +++ b/_projects/6_project.md @@ -22,13 +22,13 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
@@ -36,7 +36,7 @@ To give your project a background in the portfolio page, just add the img tag to
- {% include figure.liquid path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %} + {% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
diff --git a/_sass/_base.scss b/_sass/_base.scss index 7f44bb6..ecac049 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -127,6 +127,22 @@ blockquote { } } +// Checklist + +ul.task-list { + list-style-type: none; /* Remove bullets from all levels */ +} + +ul.task-list > li ul { + /* Nested lists within .task-list */ + padding-inline-start: 1.5rem; +} + +ul.task-list input[type="checkbox"] { + margin: 0.275rem 0.5rem 0.5rem -1rem; + vertical-align: middle; +} + // Math .equation { diff --git a/assets/js/common.js b/assets/js/common.js index 0af0352..f40fc4e 100644 --- a/assets/js/common.js +++ b/assets/js/common.js @@ -12,6 +12,10 @@ $(document).ready(function () { // bootstrap-toc if ($("#toc-sidebar").length) { + // remove related publications years from the TOC + $(".publications h2").each(function () { + $(this).attr("data-toc-skip", ""); + }); var navSelector = "#toc-sidebar"; var $myNav = $(navSelector); Toc.init($myNav); diff --git a/assets/js/jupyter_new_tab.js b/assets/js/jupyter_new_tab.js new file mode 100644 index 0000000..4098af6 --- /dev/null +++ b/assets/js/jupyter_new_tab.js @@ -0,0 +1,18 @@ +$(document).ready(function () { + // Let external links in jupyter notebooks open in new tab + let jupyterNotebooks = $(".jupyter-notebook-iframe-container"); + jupyterNotebooks.each(function () { + let iframeBody = $(this).find("iframe").get(0).contentWindow.document.body; + // Get all elements in the bodyElement + let links = $(iframeBody).find("a"); + + // Loop through each element + links.each(function () { + // Check if the element has an 'href' attribute + if ($(this).attr("href")) { + // Set the 'target' attribute to '_blank' to open the link in a new tab/window + $(this).attr("target", "_blank"); + } + }); + }); +}); diff --git a/lighthouse_results/desktop/alshedivat_github_io_al_folio_.html b/lighthouse_results/desktop/alshedivat_github_io_al_folio_.html index bfbfa09..69b2bd1 100644 --- a/lighthouse_results/desktop/alshedivat_github_io_al_folio_.html +++ b/lighthouse_results/desktop/alshedivat_github_io_al_folio_.html @@ -28,7 +28,7 @@
- + +