"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/_data/navigation.yml b/_data/navigation.yml
index 5959f5879b028..ec7bf932432cc 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -3,6 +3,9 @@
# Changing the order here will adjust the order and you can also add additional
# links. Removing a link prevents it from showing in the header, but does not
# prevent it from being included in the site.
+#
+# NOTE that only one of the CV options should be selected, the first is for the
+# Markdown formatted page while the second is generated using JSON.
main:
- title: "Publications"
@@ -23,5 +26,8 @@ main:
- title: "CV"
url: /cv/
+ # - title: "CV"
+ # url: /cv-json/
+
- title: "Guide"
url: /markdown/
diff --git a/_includes/archive-single.html b/_includes/archive-single.html
index 2de05842c1f27..8e76c61c9acee 100644
--- a/_includes/archive-single.html
+++ b/_includes/archive-single.html
@@ -52,18 +52,32 @@
+ {{ content }}
+
+ {{ author.name }}
{% endif %} + {% if author.academia %} +{{ author.name }}
+
+
diff --git a/_includes/head/custom.html b/_includes/head/custom.html
index 1a0120ebb406b..fd8f3257f6d36 100644
--- a/_includes/head/custom.html
+++ b/_includes/head/custom.html
@@ -2,31 +2,28 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
diff --git a/_includes/masthead.html b/_includes/masthead.html
index ffef5594f763a..2d3e37bee0f77 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -6,15 +6,18 @@
diff --git a/_includes/page__taxonomy.html b/_includes/page__taxonomy.html
index 5a0c39fc02727..3df2877fa2775 100644
--- a/_includes/page__taxonomy.html
+++ b/_includes/page__taxonomy.html
@@ -4,6 +4,6 @@
{% include tag-list.html %}
{% endif %}
-{% if site.category_archive.type and page.categories[0] %}
+{% if site.category_archive.type and page.categories[0] and page.collection != 'publications' %}
{% include category-list.html %}
{% endif %}
\ No newline at end of file
diff --git a/_includes/scripts.html b/_includes/scripts.html
index a174603393068..624c931744adc 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -1,3 +1,3 @@
-
+
{% include analytics.html %}
diff --git a/_includes/seo.html b/_includes/seo.html
index 2885af2ad704b..3f1c325be3dd9 100644
--- a/_includes/seo.html
+++ b/_includes/seo.html
@@ -39,17 +39,12 @@
{% assign seo_author_twitter = seo_author_twitter | replace: "@", "" %}
{% endif %}
-
-
-
+{% if page.date %}
+
+{% endif %}
{% if seo_url %}
-
-{% endif %}
-
-{% if page.excerpt %}
-
{% endif %}
{% if site.twitter.username %}
@@ -83,17 +78,6 @@
{% endif %}
{% endif %}
-{% if page.header.image %}
-
-{% elsif page.header.overlay_image %}
-
-{% endif %}
-
-{% if page.date %}
-
-
-{% endif %}
-
{% if paginator.previous_page %}
{% endif %}
@@ -101,17 +85,6 @@
{% endif %}
-{% if site.og_image %}
-
-{% endif %}
-
{% if site.social %}
+{% endif %}
+
+{% if page.header.image %}
+
+{% elsif page.header.overlay_image %}
+
+{% endif %}
+
\ No newline at end of file
diff --git a/_includes/social-share.html b/_includes/social-share.html
index ff92edadee695..8472081b8660a 100644
--- a/_includes/social-share.html
+++ b/_includes/social-share.html
@@ -5,9 +5,11 @@
+
+
+ {% if cv.basics.summary %}
+
+ {{ cv.basics.name }}
+ {% if cv.basics.label %} +{{ cv.basics.label }}
+ {% endif %} + +
+ {% if cv.basics.email %}
+
+
+ {% if cv.basics.profiles.size > 0 %}
+
+ {{ cv.basics.email }}
+
+ {% endif %}
+
+ {% if cv.basics.phone %}
+
+ {{ cv.basics.phone }}
+
+ {% endif %}
+
+ {% if cv.basics.website %}
+
+ {% endif %}
+
+ {% if cv.basics.location.city %}
+
+ {{ cv.basics.location.city }}{% if cv.basics.location.region %}, {{ cv.basics.location.region }}{% endif %}{% if cv.basics.location.countryCode %}, {{ cv.basics.location.countryCode }}{% endif %}
+
+ {% endif %}
+
+ {% for profile in cv.basics.profiles %}
+
+ {{ profile.network }}
+
+ {% endfor %}
+
+ {% endif %}
+
+
+ {% endif %}
+
+ {% if cv.education.size > 0 %}
+
+ Summary
+{{ cv.basics.summary }}
+
+
+ {% endif %}
+
+ {% if cv.work.size > 0 %}
+
+ Education
+-
+ {% for education in cv.education %}
+
-
+ ++{{ education.area }}+{{ education.endDate }}+++{{ education.institution }}+ {% if education.gpa %} +GPA: {{ education.gpa }}+ {% endif %} + {% if education.courses.size > 0 %} ++ Courses: {{ education.courses | join: ", " }} ++ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.skills.size > 0 %}
+
+ Work Experience
+-
+ {% for work in cv.work %}
+
-
+ ++{{ work.position }}+{{ work.startDate }}{% if work.endDate %} - {{ work.endDate }}{% endif %}+++{{ work.company }}+ {% if work.summary %} +{{ work.summary }}+ {% endif %} + {% if work.highlights.size > 0 %} +
-
+ {% for highlight in work.highlights %}
+
- {{ highlight }} + {% endfor %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.publications.size > 0 %}
+
+ Skills
+
+ {% for skill in cv.skills %}
+
+
+
+ {% endfor %}
+ {{ skill.name }}
+-
+ {% for keyword in skill.keywords %}
+
- {{ keyword }} + {% endfor %} +
+
+ {% endif %}
+
+ {% if cv.presentations.size > 0 %}
+
+ Publications
+-
+ {% for publication in cv.publications %}
+
-
+ ++{{ publication.name }}+{{ publication.releaseDate | slice: 0, 4 }}+++{{ publication.publisher }}+ {% if publication.summary %} +{{ publication.summary }}+ {% endif %} + {% if publication.website %} ++ View Publication ++ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.teaching.size > 0 %}
+
+ Presentations
+-
+ {% for talk in cv.presentations %}
+
-
+ ++{{ talk.name }}+{{ talk.date | slice: 0, 4 }}+++{{ talk.event }}+ {% if talk.location %} +{{ talk.location }}+ {% endif %} + {% if talk.description %} +{{ talk.description }}+ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.portfolio.size > 0 %}
+
+ Teaching
+-
+ {% for teaching in cv.teaching %}
+
-
+ ++{{ teaching.course }}+{{ teaching.date | slice: 0, 4 }}+++{{ teaching.institution }}+ {% if teaching.role %} +Role: {{ teaching.role }}+ {% endif %} + {% if teaching.description %} +{{ teaching.description }}+ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.languages.size > 0 %}
+
+ Portfolio
+-
+ {% for item in cv.portfolio %}
+
-
+ ++{{ item.name }}+{{ item.date | slice: 0, 4 }}+++{{ item.category | capitalize }}+ {% if item.description %} +{{ item.description }}+ {% endif %} + {% if item.url %} ++ View Project ++ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.interests.size > 0 %}
+
+ Languages
+-
+ {% for language in cv.languages %}
+
-
+ ++{{ language.language }}+{{ language.fluency }}+
+ {% endfor %}
+
+
+ {% endif %}
+
+ {% if cv.references.size > 0 %}
+
+ Interests
+-
+ {% for interest in cv.interests %}
+
-
+ ++{{ interest.name }}+ {% if interest.keywords.size > 0 %} +{{ interest.keywords | join: ", " }}+ {% endif %} +
+ {% endfor %}
+
+
+ {% endif %}
+References
+-
+ {% for reference in cv.references %}
+
-
+ ++{{ reference.name }}+ {% if reference.reference %} +{{ reference.reference }}+ {% endif %} +
+ {% endfor %}
+
{{ site.data.ui-text[site.locale].share_on_label | default: "Share on" }}
{% endif %} - X (formerly Twitter) + Bluesky Facebook LinkedIn + + X (formerly Twitter) diff --git a/_layouts/cv-layout.html b/_layouts/cv-layout.html new file mode 100644 index 0000000000000..f83e1b7be9230 --- /dev/null +++ b/_layouts/cv-layout.html @@ -0,0 +1,39 @@ +--- +layout: compress +--- + +{% include base_path %} + + + + + + + +
+
+
+
+
+ {% include scripts.html %}
+
+
+
diff --git a/_layouts/default.html b/_layouts/default.html
index 836ecbd7d88d8..37d3d75de2fd1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,7 +5,7 @@
{% include base_path %}
-
+
{% include head.html %}
{% include head/custom.html %}
diff --git a/_layouts/single.html b/_layouts/single.html
index 6323cb1c956ca..97b08861171e4 100644
--- a/_layouts/single.html
+++ b/_layouts/single.html
@@ -47,16 +47,30 @@
Recommended citation: {{ page.citation }}
Download Paper | Download Slides | Download Bibtex
Recommended citation: {{ page.citation }}
Download Paper | Download Slides
Recommended citation: {{ page.citation }}
Download Paper | Download Bibtex
Recommended citation: {{ page.citation }}
Download Paper
Recommended citation: {{ page.citation }}
Download Slides | Download Bibtex
Recommended citation: {{ page.citation }}
Download Slides
Download Slides | Download Bibtex
+ {% elsif page.paperurl and page.bibtexurl %} +Download Paper | Download Bibtex
+ {% elsif page.citation and page.bibtexurl %} +Recommended citation: {{ page.citation }}
Download Bibtex
Recommended citation: {{ page.citation }}
{% elsif page.slidesurl %} + {% elsif page.bibtexurl %} + {% endif %} {% if page.link %}{% endif %} diff --git a/_pages/about.md b/_pages/about.md index 387e2f31cd760..1595a5b2a63f5 100644 --- a/_pages/about.md +++ b/_pages/about.md @@ -7,13 +7,20 @@ redirect_from: - /about.html --- -This is the front page of a website that is powered by the [Academic Pages template](https://github.com/academicpages/academicpages.github.io) and hosted on GitHub pages. [GitHub pages](https://pages.github.com) is a free service in which websites are built and hosted from code and data stored in a GitHub repository, automatically updating when a new commit is made to the repository. This template was forked from the [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/) created by Michael Rose, and then extended to support the kinds of content that academics have: publications, talks, teaching, a portfolio, blog posts, and a dynamically-generated CV. You can fork [this template](https://github.com/academicpages/academicpages.github.io) right now, modify the configuration and markdown files, add your own PDFs and other content, and have your own site for free, with no ads! +This is the front page of a website that is powered by the [Academic Pages template](https://github.com/academicpages/academicpages.github.io) and hosted on GitHub pages. [GitHub pages](https://pages.github.com) is a free service in which websites are built and hosted from code and data stored in a GitHub repository, automatically updating when a new commit is made to the repository. This template was forked from the [Minimal Mistakes Jekyll Theme](https://mmistakes.github.io/minimal-mistakes/) created by Michael Rose, and then extended to support the kinds of content that academics have: publications, talks, teaching, a portfolio, blog posts, and a dynamically-generated CV. Incidentally, these same features make it a great template for anyone that needs to show off a professional template! + + You can fork [this template](https://github.com/academicpages/academicpages.github.io) right now, modify the configuration and Markdown files, add your own PDFs and other content, and have your own site for free, with no ads! A data-driven personal website ====== -Like many other Jekyll-based GitHub Pages templates, Academic Pages makes you separate the website's content from its form. The content & metadata of your website are in structured markdown files, while various other files constitute the theme, specifying how to transform that content & metadata into HTML pages. You keep these various markdown (.md), YAML (.yml), HTML, and CSS files in a public GitHub repository. Each time you commit and push an update to the repository, the [GitHub pages](https://pages.github.com/) service creates static HTML pages based on these files, which are hosted on GitHub's servers free of charge. +Like many other Jekyll-based GitHub Pages templates, Academic Pages makes you separate the website's content from its form. The content & metadata of your website are in structured Markdown files, while various other files constitute the theme, specifying how to transform that content & metadata into HTML pages. You keep these various Markdown (.md), YAML (.yml), HTML, and CSS files in a public GitHub repository. Each time you commit and push an update to the repository, the [GitHub pages](https://pages.github.com/) service creates static HTML pages based on these files, which are hosted on GitHub's servers free of charge. + +Many of the features of dynamic content management systems (like Wordpress) can be achieved in this fashion, using a fraction of the computational resources and with far less vulnerability to hacking and DDoSing. You can also modify the theme to your heart's content without touching the content of your site. If you get to a point where you've broken something in Jekyll/HTML/CSS beyond repair, your Markdown files describing your talks, publications, etc. are safe. You can rollback the changes or even delete the repository and start over - just be sure to save the Markdown files! You can also write scripts that process the structured data on the site, such as [this one](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.ipynb) that analyzes metadata in pages about talks to display [a map of every location you've given a talk](https://academicpages.github.io/talkmap.html). -Many of the features of dynamic content management systems (like Wordpress) can be achieved in this fashion, using a fraction of the computational resources and with far less vulnerability to hacking and DDoSing. You can also modify the theme to your heart's content without touching the content of your site. If you get to a point where you've broken something in Jekyll/HTML/CSS beyond repair, your markdown files describing your talks, publications, etc. are safe. You can rollback the changes or even delete the repository and start over - just be sure to save the markdown files! Finally, you can also write scripts that process the structured data on the site, such as [this one](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.ipynb) that analyzes metadata in pages about talks to display [a map of every location you've given a talk](https://academicpages.github.io/talkmap.html). +For those users that need more advanced functionality, the template also supports the following popular tools: +- [MathJax](https://www.mathjax.org/) for mathematical equations +- [Mermaid](https://mermaid.js.org/) for diagraming +- [Plotly](https://plotly.com/javascript/) for plotting Getting started ====== @@ -30,19 +37,19 @@ The main configuration file for the site is in the base directory in [_config.ym Create content & metadata ------ -For site content, there is one markdown file for each type of content, which are stored in directories like _publications, _talks, _posts, _teaching, or _pages. For example, each talk is a markdown file in the [_talks directory](https://github.com/academicpages/academicpages.github.io/tree/master/_talks). At the top of each markdown file is structured data in YAML about the talk, which the theme will parse to do lots of cool stuff. The same structured data about a talk is used to generate the list of talks on the [Talks page](https://academicpages.github.io/talks), each [individual page](https://academicpages.github.io/talks/2012-03-01-talk-1) for specific talks, the talks section for the [CV page](https://academicpages.github.io/cv), and the [map of places you've given a talk](https://academicpages.github.io/talkmap.html) (if you run this [python file](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.py) or [Jupyter notebook](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.ipynb), which creates the HTML for the map based on the contents of the _talks directory). +For site content, there is one Markdown file for each type of content, which are stored in directories like _publications, _talks, _posts, _teaching, or _pages. For example, each talk is a Markdown file in the [_talks directory](https://github.com/academicpages/academicpages.github.io/tree/master/_talks). At the top of each Markdown file is structured data in YAML about the talk, which the theme will parse to do lots of cool stuff. The same structured data about a talk is used to generate the list of talks on the [Talks page](https://academicpages.github.io/talks), each [individual page](https://academicpages.github.io/talks/2012-03-01-talk-1) for specific talks, the talks section for the [CV page](https://academicpages.github.io/cv), and the [map of places you've given a talk](https://academicpages.github.io/talkmap.html) (if you run this [python file](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.py) or [Jupyter notebook](https://github.com/academicpages/academicpages.github.io/blob/master/talkmap.ipynb), which creates the HTML for the map based on the contents of the _talks directory). **Markdown generator** The repository includes [a set of Jupyter notebooks](https://github.com/academicpages/academicpages.github.io/tree/master/markdown_generator -) that converts a CSV containing structured data about talks or presentations into individual markdown files that will be properly formatted for the Academic Pages template. The sample CSVs in that directory are the ones I used to create my own personal website at stuartgeiger.com. My usual workflow is that I keep a spreadsheet of my publications and talks, then run the code in these notebooks to generate the markdown files, then commit and push them to the GitHub repository. +) that converts a CSV containing structured data about talks or presentations into individual Markdown files that will be properly formatted for the Academic Pages template. The sample CSVs in that directory are the ones I used to create my own personal website at stuartgeiger.com. My usual workflow is that I keep a spreadsheet of my publications and talks, then run the code in these notebooks to generate the Markdown files, then commit and push them to the GitHub repository. How to edit your site's GitHub repository ------ -Many people use a git client to create files on their local computer and then push them to GitHub's servers. If you are not familiar with git, you can directly edit these configuration and markdown files directly in the github.com interface. Navigate to a file (like [this one](https://github.com/academicpages/academicpages.github.io/blob/master/_talks/2012-03-01-talk-1.md) and click the pencil icon in the top right of the content preview (to the right of the "Raw | Blame | History" buttons). You can delete a file by clicking the trashcan icon to the right of the pencil icon. You can also create new files or upload files by navigating to a directory and clicking the "Create new file" or "Upload files" buttons. +Many people use a git client to create files on their local computer and then push them to GitHub's servers. If you are not familiar with git, you can directly edit these configuration and Markdown files directly in the github.com interface. Navigate to a file (like [this one](https://github.com/academicpages/academicpages.github.io/blob/master/_talks/2012-03-01-talk-1.md) and click the pencil icon in the top right of the content preview (to the right of the "Raw | Blame | History" buttons). You can delete a file by clicking the trashcan icon to the right of the pencil icon. You can also create new files or upload files by navigating to a directory and clicking the "Create new file" or "Upload files" buttons. -Example: editing a markdown file for a talk - +Example: editing a Markdown file for a talk + For more info ------ diff --git a/_pages/cv-json.md b/_pages/cv-json.md new file mode 100644 index 0000000000000..cf975e559bbaf --- /dev/null +++ b/_pages/cv-json.md @@ -0,0 +1,35 @@ +--- +layout: archive +title: "CV" +permalink: /cv-json/ +author_profile: false +redirect_from: + - /resume-json +--- + +{% include base_path %} + + + + + + +{% include cv-template.html %} + + diff --git a/_pages/markdown.md b/_pages/markdown.md index 8745839dc6f5a..c217ce7d1c245 100644 --- a/_pages/markdown.md +++ b/_pages/markdown.md @@ -7,6 +7,8 @@ redirect_from: - /markdown.html --- +{% include toc %} + ## Locations of key files/directories * Basic config options: _config.yml @@ -38,13 +40,13 @@ redirect_from: * While GitHub Pages prevents server side code from running, client-side scripts are supported. * This means that Google Analytics is supported, and [the wiki](https://github.com/academicpages/academicpages.github.io/wiki/Adding-Google-Analytics) should contain the most up-to-date information on getting it working. -## Resources - * [Liquid syntax guide](https://shopify.github.io/liquid/tags/control-flow/) - * [MathJax Documentation](https://docs.mathjax.org/en/latest/) +* Your CV can be written using either Markdown ([preview](https://academicpages.github.io/cv/)) or generated via JSON ([preview](https://academicpages.github.io/cv-json/)) and the layouts are slightly different. You can update the path to the one being used in `_data/navigation.yml` with the JSON formatted CV being hidden by default. + + * The [Liquid syntax guide](https://shopify.github.io/liquid/tags/control-flow/) is a useful guide for those that want to add functionality to the template or to become contributors to the [template on GitHub](https://github.com/academicpages/academicpages.github.io). ## MathJax -Support for MathJax Version 3.0 is included in the template: +Support for MathJax (version 3.* via [jsDelivr](https://www.jsdelivr.com/), [documentation](https://docs.mathjax.org/en/latest/)) is included in the template: $$ \displaylines{ @@ -57,7 +59,164 @@ $$ The default delimiters of `$$...$$` and `\\[...\\]` are supported for displayed mathematics, while `\\(...\\)` should be used for in-line mathematics (ex., \\(a^2 + b^2 = c^2\\)) -**Note** that since Academic Pages uses Markdown which cases some interference with MathJax and LaTeX for escaping characters and new lines, although [some workarounds exist](https://math.codidact.com/posts/278763/278772#answer-278772). +**Note** that since Academic Pages uses Markdown which cases some interference with MathJax and LaTeX for escaping characters and new lines, although [some workarounds exist](https://math.codidact.com/posts/278763/278772#answer-278772). In some cases, such as when you are including MathJax in a `citation` field for publications, it may be necessary to use `\(...\)` for inline delineation. + +## Mermaid diagrams +Academic Pages includes support for [Mermaid diagrams](https://mermaid.js.org/) (version 11.* via [jsDelivr](https://www.jsdelivr.com/)) and in addition to their [tutorials](https://mermaid.js.org/ecosystem/tutorials.html) and [GitHub documentation](https://github.com/mermaid-js/mermaid) the basic syntax is as follows: + +```markdown + ```mermaid + graph LR + A-->B + ``` +``` + +Which produces the following plot with the [default theme](https://mermaid.js.org/config/theming.html) applied: + +```mermaid +graph LR +A-->B +``` + +While a more advanced plot with the `forest` theme applied looks like the following: + +```mermaid +--- +config: + theme: 'forest' +--- +graph TD; + A-->B; + A-->C; + B-->D; + C-->D; +``` + +## Plotly +Academic Pages includes support for Plotly diagrams via a hook in the Markdown code elements, although those that are comfortable with HTML and JavaScript can also access it [via those routes](https://plotly.com/javascript/getting-started/). + +In order to render a Plotly plot via Markdown the relevant plot data need to be added as follows: + +```markdown + ```plotly + { + "data": [ + { + "x": [1, 2, 3, 4], + "y": [10, 15, 13, 17], + "type": "scatter" + }, + { + "x": [1, 2, 3, 4], + "y": [16, 5, 11, 9], + "type": "scatter" + } + ] + } + ``` +``` + +**Important!** Since the data is parsed as JSON *all* of the keys will need to be quoted for the plot to render. The use of a tool like [JSONLint](https://jsonlint.com/) to check syntax is highly recommended. +{: .notice} + +Which produces the following: +```plotly +{ + "data": [ + { + "x": [1, 2, 3, 4], + "y": [10, 15, 13, 17], + "type": "scatter" + }, + { + "x": [1, 2, 3, 4], + "y": [16, 5, 11, 9], + "type": "scatter" + } + ] +} +``` + +Essentially what is taking place is that the [Plotly attributes](https://plotly.com/javascript/reference/index/) are being taken from the code block as JSON data, parsed, and passed to Plotly along with a theme that matches the current site theme (i.e., a light theme, or a dark theme). This allows all plots that can be described via the `data` attribute to rendered with some limitations for the theme of the plot. + +```plotly +{ + "data": [ + { + "x": [1, 2, 3, 4, 5], + "y": [1, 6, 3, 6, 1], + "mode": "markers", + "type": "scatter", + "name": "Team A", + "text": ["A-1", "A-2", "A-3", "A-4", "A-5"], + "marker": { "size": 12 } + }, + { + "x": [1.5, 2.5, 3.5, 4.5, 5.5], + "y": [4, 1, 7, 1, 4], + "mode": "markers", + "type": "scatter", + "name": "Team B", + "text": ["B-a", "B-b", "B-c", "B-d", "B-e"], + "marker": { "size": 12 } + } + ], + "layout": { + "xaxis": { + "range": [ 0.75, 5.25 ] + }, + "yaxis": { + "range": [0, 8] + }, + "title": {"text": "Data Labels Hover"} + } +} +``` + +```plotly +{ + "data": [{ + "x": [1, 2, 3], + "y": [4, 5, 6], + "type": "scatter" + }, + { + "x": [20, 30, 40], + "y": [50, 60, 70], + "xaxis": "x2", + "yaxis": "y2", + "type": "scatter" + }], + "layout": { + "grid": { + "rows": 1, + "columns": 2, + "pattern": "independent" + }, + "title": { + "text": "Simple Subplot" + } + } +} +``` + +```plotly +{ + "data": [{ + "z": [[10, 10.625, 12.5, 15.625, 20], + [5.625, 6.25, 8.125, 11.25, 15.625], + [2.5, 3.125, 5.0, 8.125, 12.5], + [0.625, 1.25, 3.125, 6.25, 10.625], + [0, 0.625, 2.5, 5.625, 10]], + "type": "contour" + }], + "layout": { + "title": { + "text": "Basic Contour Plot" + } + } +} +``` ## Markdown guide diff --git a/_publications/2009-10-01-paper-title-number-1.md b/_publications/2009-10-01-paper-title-number-1.md index 37cfe9a4700e6..d616936b0e1c3 100644 --- a/_publications/2009-10-01-paper-title-number-1.md +++ b/_publications/2009-10-01-paper-title-number-1.md @@ -8,7 +8,7 @@ date: 2009-10-01 venue: 'Journal 1' slidesurl: 'http://academicpages.github.io/files/slides1.pdf' paperurl: 'http://academicpages.github.io/files/paper1.pdf' +bibtexurl: 'http://academicpages.github.io/files/bibtex1.bib' citation: 'Your Name, You. (2009). "Paper Title Number 1." Journal 1. 1(1).' --- - -The contents above will be part of a list of publications, if the user clicks the link for the publication than the contents of section will be rendered as a full page, allowing you to provide more information about the paper for the reader. When publications are displayed as a single page, the contents of the above "citation" field will automatically be included below this section in a smaller font. \ No newline at end of file +The contents above will be part of a list of publications, if the user clicks the link for the publication than the contents of section will be rendered as a full page, allowing you to provide more information about the paper for the reader. When publications are displayed as a single page, the contents of the above "citation" field will automatically be included below this section in a smaller font. diff --git a/_publications/2025-06-08-paper-title-number-5.md b/_publications/2025-06-08-paper-title-number-5.md new file mode 100644 index 0000000000000..a8f66415240c1 --- /dev/null +++ b/_publications/2025-06-08-paper-title-number-5.md @@ -0,0 +1,13 @@ +--- +title: "Paper Title Number 5, with math $$E=mc^2$$" +collection: publications +category: conferences +permalink: /publication/2024-02-17-paper-title-number-4 +excerpt: 'This paper is about a famous math equation, $$E=mc^2$$' +date: 2024-02-17 +venue: 'GitHub Journal of Bugs' +paperurl: 'http://academicpages.github.io/files/paper3.pdf' +citation: 'Your Name, You. (2024). "Paper Title Number 3." GitHub Journal of Bugs. 1(3).' +--- + +Using [MathJax](https://www.mathjax.org/) in the description is supported - $$E=mc^2$$ - however, the use must be mindful that the default delimiters are `$$...$$` and `\\[...\\]` which differs from the `$...$` that is typically expected. diff --git a/_sass/_themes.scss b/_sass/_themes.scss index ae7a8d11056b2..fbb817654f81c 100644 --- a/_sass/_themes.scss +++ b/_sass/_themes.scss @@ -59,9 +59,9 @@ $x-large : 1280px !default; Grid ========================================================================== */ -$right-sidebar-width-narrow : 20px !default; -$right-sidebar-width : 30px !default; -$right-sidebar-width-wide : 40px !default; +$right-sidebar-width-narrow : auto; +$right-sidebar-width : auto; +$right-sidebar-width-wide : auto; $susy: ( columns: 12, diff --git a/_sass/layout/_base.scss b/_sass/layout/_base.scss index d30fa4dfe5805..b7ec856420dea 100644 --- a/_sass/layout/_base.scss +++ b/_sass/layout/_base.scss @@ -139,8 +139,8 @@ a > code, figcaption > code, li > code, p > code, -pre > code, td > code { + color: var(--global-code-text-color); padding-top: 0.1rem; padding-bottom: 0.1rem; font-size: $type-size-6; @@ -148,7 +148,6 @@ td > code { border: 1px solid var(--global-thead-color); border-radius: $border-radius; box-shadow: $box-shadow; - color: var(--global-code-text-color); &:before, &:after { letter-spacing: -0.2em; @@ -156,6 +155,14 @@ td > code { } } +a > code { + color: inherit; +} + +pre > code { + color: var(--global-code-text-color); +} + /* horizontal rule */ hr { diff --git a/_sass/layout/_buttons.scss b/_sass/layout/_buttons.scss index 6a429d779a6d9..8d59d1cfeae8d 100644 --- a/_sass/layout/_buttons.scss +++ b/_sass/layout/_buttons.scss @@ -50,7 +50,7 @@ &--inverse { color: var(--global-text-color-light) !important; border: 1px solid var(--global-border-color) !important; /* override*/ - background-color: #fff; + background-color: var(--global-bg-color); &:hover { color: #fff !important; @@ -118,6 +118,7 @@ /* social buttons */ $social: + (bluesky, $bluesky-color), (facebook, $facebook-color), (twitter, $twitter-color), (google-plus, $google-plus-color), diff --git a/_sass/layout/_footer.scss b/_sass/layout/_footer.scss index 712e084d3e94c..1db4fc469108c 100644 --- a/_sass/layout/_footer.scss +++ b/_sass/layout/_footer.scss @@ -4,7 +4,7 @@ .page__footer { @include clearfix; - background-color: var(--global-bg-color); + background-color: var(--global-footer-bg-color); color: var(--global-text-color-light); float: left; @@ -25,7 +25,7 @@ animation: intro 0.3s both; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; - border-top: 1px solid var(var(--global-border-color)); + border-top: 1px solid var(--global-dark-border-color); footer { @include clearfix; diff --git a/_sass/layout/_masthead.scss b/_sass/layout/_masthead.scss index 91d2f622c7981..8f958fdc99c89 100644 --- a/_sass/layout/_masthead.scss +++ b/_sass/layout/_masthead.scss @@ -5,8 +5,7 @@ .masthead { position: fixed; background: var(--global-bg-color); - border-bottom: 1px solid var(--global-border-color); - height: $masthead-height; + height: fit-content; top: 0; width: 100%; @@ -16,10 +15,19 @@ animation-delay: 0.15s; z-index: 20; + &::after { + content: ""; + position: absolute; + bottom: 0; + height: 1px; + background: var(--global-border-color); + width: 100%; + } + &__inner-wrap { @include container; @include clearfix; - padding: 1em 1em 1em; + padding: 0.5em 1em; font-family: $sans-serif-narrow; @include breakpoint($x-large) { diff --git a/_sass/layout/_navigation.scss b/_sass/layout/_navigation.scss index 2cacb0cd6c934..e4da3fbcc84a8 100644 --- a/_sass/layout/_navigation.scss +++ b/_sass/layout/_navigation.scss @@ -84,7 +84,7 @@ text-align: center; text-decoration: none; color: var(--global-text-color-light); - border: 1px solid var(var(--global-border-color)); + border: 1px solid var(--global-border-color); border-radius: 0; &:hover { @@ -132,7 +132,7 @@ text-align: center; text-decoration: none; color: var(--global-text-color-light); - border: 1px solid var(var(--global-border-color)); + border: 1px solid var(--global-border-color); border-radius: $border-radius; &:hover { @@ -225,6 +225,15 @@ } } + #theme-toggle { + a { + width: 25px; + display: flex; + justify-content: center; + cursor: pointer; + } + } + a { position: relative; @@ -400,7 +409,7 @@ a { display: block; padding: 0.5rem 1rem; - color: var(--global-text-color-light); + color: var(--global-code-text-color); font-size: $type-size-7; font-weight: bold; line-height: 1.5; diff --git a/_sass/layout/_sidebar.scss b/_sass/layout/_sidebar.scss index f3ad2d3979824..cc5d9674372ea 100644 --- a/_sass/layout/_sidebar.scss +++ b/_sass/layout/_sidebar.scss @@ -13,6 +13,10 @@ @include clearfix(); margin-bottom: 1em; + @media (orientation: portrait) { + margin-top: 1em; + } + @media screen and (min-width: $sidebar-screen-min-width) { height: 100vh; overflow-y: auto; // Add scrollbar if the sidebar is too long @@ -190,7 +194,7 @@ list-style-type: none; border: 1px solid var(--global-border-color); border-radius: $border-radius; - background: #fff; + background: var(--global-bg-color); z-index: -1; box-shadow: 0 0 10px rgba(#000, 0.25); cursor: default; diff --git a/_sass/theme/_dark.scss b/_sass/theme/_dark.scss index 5e35e0aa06a6e..666e357e1d354 100644 --- a/_sass/theme/_dark.scss +++ b/_sass/theme/_dark.scss @@ -34,18 +34,20 @@ $sidebar-link-max-width : 250px; $sidebar-screen-min-width : 1024px; /* Dark theme for the site */ -:root { +html[data-theme="dark"] { --global-base-color : #{$background}; --global-bg-color : #{$background}; - --global-border-color : #{$background-light}; + --global-footer-bg-color : #{$background}; + --global-border-color : #{$light-gray}; + --global-dark-border-color : #{$background-light}; --global-code-background-color : #fafafa; --global-code-text-color : #{$darker-gray}; - --global-fig-caption-color : #{$dark-gray}; + --global-fig-caption-color : #{$light-gray}; --global-link-color : #{$link}; --global-link-color-hover : #{$link-dark}; - --global-link-color-visited : #{$link-light}; + --global-link-color-visited : #{$link-light}; --global-masthead-link-color : #{$text}; - --global-masthead-link-color-hover : #{$background-light}; + --global-masthead-link-color-hover : #{$background-light}; --global-text-color : #{$text}; --global-text-color-light : #{$light-gray}; --global-thead-color : #{$background-lighter}; diff --git a/_sass/theme/_default.scss b/_sass/theme/_default.scss index efa33a3dc0e28..f2c5cb3517b64 100644 --- a/_sass/theme/_default.scss +++ b/_sass/theme/_default.scss @@ -6,7 +6,7 @@ $gray : #7a8288; $dark-gray : mix(#000, $gray, 40%); $darker-gray : mix(#000, $gray, 60%); -$light-gray : mix(#fff, $gray, 50%); +$light-gray : #9ba1a6; $lighter-gray : mix(#fff, $gray, 90%); /* Color codes used for the site */ @@ -30,11 +30,13 @@ $sidebar-screen-min-width : 1024px; :root { --global-base-color : #{$gray}; --global-bg-color : #fff; + --global-footer-bg-color : #f2f3f3; --global-border-color : #{$lighter-gray}; + --global-dark-border-color : #bdc1c4; --global-code-background-color : #fafafa; --global-code-text-color : #{$darker-gray}; --global-fig-caption-color : mix(#fff, #{$dark-gray}, 25%); - --global-link-color : #2f7f93; + --global-link-color : #52adc8; --global-link-color-hover : mix(#000, #2f7f93, 25%); --global-link-color-visited : mix(#fff, #2f7f93, 25%); --global-masthead-link-color : #{$dark-gray}; diff --git a/_talks/2012-03-01-talk-1.md b/_talks/2012-03-01-talk-1.md index 6e18d717e73aa..b9416d48046c2 100644 --- a/_talks/2012-03-01-talk-1.md +++ b/_talks/2012-03-01-talk-1.md @@ -5,7 +5,7 @@ type: "Talk" permalink: /talks/2012-03-01-talk-1 venue: "UC San Francisco, Department of Testing" date: 2012-03-01 -location: "San Francisco, California" +location: "San Francisco, CA, USA" --- This is a description of your talk, which is a markdown file that can be all markdown-ified like any other post. Yay markdown! diff --git a/_talks/2013-03-01-tutorial-1.md b/_talks/2013-03-01-tutorial-1.md index 22073df76decb..0a6e069d7a962 100644 --- a/_talks/2013-03-01-tutorial-1.md +++ b/_talks/2013-03-01-tutorial-1.md @@ -5,7 +5,7 @@ type: "Tutorial" permalink: /talks/2013-03-01-tutorial-1 venue: "UC-Berkeley Institute for Testing Science" date: 2013-03-01 -location: "Berkeley CA, USA" +location: "Berkeley, CA, USA" --- [More information here](http://exampleurl.com) diff --git a/_talks/2014-03-01-talk-3.md b/_talks/2014-03-01-talk-3.md index ec4463718aaf4..558a5b73521fa 100644 --- a/_talks/2014-03-01-talk-3.md +++ b/_talks/2014-03-01-talk-3.md @@ -5,7 +5,7 @@ type: "Conference proceedings talk" permalink: /talks/2014-03-01-talk-3 venue: "Testing Institute of America 2014 Annual Conference" date: 2014-03-01 -location: "Los Angeles, CA" +location: "Los Angeles, CA, USA" --- This is a description of your conference proceedings talk, note the different field in type. You can put anything in this field. diff --git a/assets/css/cv-layout.css b/assets/css/cv-layout.css new file mode 100644 index 0000000000000..37011c9c3fa44 --- /dev/null +++ b/assets/css/cv-layout.css @@ -0,0 +1,41 @@ +/* CV Layout Specific Styles */ +.cv-header-nav { + padding: 1rem 0; + text-align: center; + margin-bottom: 2rem; + border-bottom: 1px solid #f2f2f2; +} + +.cv-header-nav .home-button { + display: inline-flex; + align-items: center; + gap: 0.5rem; + padding: 0.5rem 1rem; + background-color: #2a7ae2; + color: white; + text-decoration: none; + border-radius: 4px; + font-weight: 500; + transition: background-color 0.2s; +} + +.cv-header-nav .home-button:hover { + background-color: #1756a9; +} + +.cv-container { + max-width: 1000px; + margin: 0 auto; +} + +/* Download links styling */ +.cv-download-links { + margin-top: 2rem; + text-align: center; + padding: 1rem; + border-top: 1px solid #f2f2f2; +} + +.cv-download-links a { + margin: 0 0.5rem; +} diff --git a/assets/css/cv-style.css b/assets/css/cv-style.css new file mode 100644 index 0000000000000..daa53e5d7ab56 --- /dev/null +++ b/assets/css/cv-style.css @@ -0,0 +1,235 @@ +/* CV Template Styles */ +.cv-container { + max-width: 1000px; + margin: 0 auto; + font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #333; + line-height: 1.6; +} + +/* Header Styles */ +.cv-header { + margin-bottom: 2rem; + border-bottom: 2px solid #f2f2f2; + padding-bottom: 1rem; +} + +.cv-header h1 { + margin-bottom: 0.5rem; + color: #2a7ae2; +} + +.cv-contact-info { + display: flex; + flex-wrap: wrap; + gap: 1rem; + margin-bottom: 0.5rem; +} + +.cv-contact-item { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.cv-profiles { + display: flex; + gap: 1rem; + margin-top: 0.5rem; +} + +.cv-profile-item { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.cv-profile-item a { + color: #2a7ae2; + text-decoration: none; +} + +.cv-profile-item a:hover { + text-decoration: underline; +} + +/* Section Styles */ +.cv-section { + margin-bottom: 2rem; +} + +.cv-section h2 { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 0.5rem; + margin-bottom: 1rem; + display: flex; + align-items: center; + gap: 0.5rem; + color: #2a7ae2; +} + +.cv-section h2 i { + color: #666; +} + +/* Item Styles */ +.cv-item { + margin-bottom: 1.5rem; +} + +.cv-item-header { + display: flex; + justify-content: space-between; + margin-bottom: 0.5rem; +} + +.cv-item-title { + font-weight: bold; + font-size: 1.1rem; +} + +.cv-item-date { + color: #666; +} + +.cv-item-subtitle { + color: #666; + margin-bottom: 0.5rem; +} + +.cv-item-summary { + margin-bottom: 0.5rem; +} + +.cv-item-highlights { + margin-top: 0.5rem; + padding-left: 1.5rem; +} + +.cv-item-highlights li { + margin-bottom: 0.25rem; +} + +.cv-item-courses ul { + margin-top: 0.25rem; + padding-left: 1.5rem; +} + +.cv-item-courses li { + margin-bottom: 0.25rem; +} + +/* Skills Styles */ +.cv-skills { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 1.5rem; +} + +.cv-skill-category h3 { + margin-bottom: 0.5rem; + color: #333; +} + +.cv-skill-keywords { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; +} + +.cv-skill-keyword { + background-color: #f2f2f2; + padding: 0.25rem 0.5rem; + border-radius: 4px; + font-size: 0.9rem; +} + +/* Project Styles */ +.cv-project-keywords { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + margin-top: 0.5rem; +} + +.cv-project-keyword { + background-color: #e6f3ff; + color: #2a7ae2; + padding: 0.25rem 0.5rem; + border-radius: 4px; + font-size: 0.9rem; +} + +/* Languages Styles */ +.cv-languages { + display: flex; + flex-wrap: wrap; + gap: 1rem; +} + +.cv-language { + display: flex; + flex-direction: column; +} + +.cv-language-name { + font-weight: bold; +} + +.cv-language-fluency { + color: #666; + font-size: 0.9rem; +} + +/* Interests Styles */ +.cv-interests { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 1.5rem; +} + +.cv-interest h3 { + margin-bottom: 0.5rem; + color: #333; +} + +.cv-interest-keywords { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; +} + +.cv-interest-keyword { + background-color: #f9f9f9; + padding: 0.25rem 0.5rem; + border-radius: 4px; + font-size: 0.9rem; +} + +/* References Styles */ +.cv-references { + font-style: italic; + color: #666; +} + +/* Print Styles */ +@media print { + .cv-container { + max-width: 100%; + } + + .cv-header { + border-bottom-color: #ccc; + } + + .cv-section h2 { + border-bottom-color: #ccc; + } + + .cv-skill-keyword, + .cv-project-keyword, + .cv-interest-keyword { + border: 1px solid #ccc; + background-color: transparent; + } +} diff --git a/assets/css/main.scss b/assets/css/main.scss index 588ef64736521..56cf0776da083 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -8,11 +8,12 @@ sorted by the dependencies. Also, the first two lines of the file are required by Jekyll. */ -@import +@import "vendor/breakpoint/breakpoint", "themes", - "theme/{{ site.site_theme | default: 'default' }}", + "theme/default", + "theme/dark", "include/mixins", "vendor/susy/susy", @@ -34,7 +35,7 @@ "layout/page", "layout/archive", "layout/sidebar", - + "vendor/font-awesome/fontawesome", "vendor/font-awesome/solid", "vendor/font-awesome/brands", diff --git a/assets/js/_main.js b/assets/js/_main.js index 2c792dcee5bca..79f09ab06b8d4 100644 --- a/assets/js/_main.js +++ b/assets/js/_main.js @@ -1,50 +1,169 @@ /* ========================================================================== - jQuery plugin settings and other scripts + Various functions that we want to use within the template ========================================================================== */ -$(document).ready(function(){ +// Determine the expected state of the theme toggle, which can be "dark", "light", or +// "system". Default is "system". +let determineThemeSetting = () => { + let themeSetting = localStorage.getItem("theme"); + return (themeSetting != "dark" && themeSetting != "light" && themeSetting != "system") ? "system" : themeSetting; +}; + +// Determine the computed theme, which can be "dark" or "light". If the theme setting is +// "system", the computed theme is determined based on the user's system preference. +let determineComputedTheme = () => { + let themeSetting = determineThemeSetting(); + if (themeSetting != "system") { + return themeSetting; + } + return (userPref && userPref("(prefers-color-scheme: dark)").matches) ? "dark" : "light"; +}; + +// Set the theme on page load or when explicitly called +let setTheme = (theme) => { + const use_theme = + theme || + localStorage.getItem("theme") || + $("html").attr("data-theme") || + browserPref; + + if (use_theme === "dark") { + $("html").attr("data-theme", "dark"); + $("#theme-icon").removeClass("fa-sun").addClass("fa-moon"); + } else if (use_theme === "light") { + $("html").removeAttr("data-theme"); + $("#theme-icon").removeClass("fa-moon").addClass("fa-sun"); + } +}; + +// Toggle the theme manually +var toggleTheme = () => { + const current_theme = $("html").attr("data-theme"); + const new_theme = current_theme === "dark" ? "light" : "dark"; + localStorage.setItem("theme", new_theme); + setTheme(new_theme); +}; + +/* ========================================================================== + Plotly integration script so that Markdown codeblocks will be rendered + ========================================================================== */ + +// Read the Plotly data from the code block, hide it, and render the chart as new node. This allows for the +// JSON data to be retrieve when the theme is switched. +import { plotlyDarkLayout, plotlyLightLayout } from './theme.js'; +document.addEventListener("readystatechange", () => { + if (document.readyState === "complete") { + document.querySelectorAll("pre>code.language-plotly").forEach((elem) => { + // Parse the Plotly JSON data and hide it + var jsonData = JSON.parse(elem.textContent); + elem.parentElement.classList.add("hidden"); + + // Add the Plotly node + let chartElement = document.createElement("div"); + elem.parentElement.after(chartElement); + + // Set the theme for the plot and render it + const theme = (determineComputedTheme() === "dark") ? plotlyDarkLayout : plotlyLightLayout; + if (jsonData.layout) { + jsonData.layout.template = (jsonData.layout.template) ? { ...theme, ...jsonData.layout.template } : theme; + } else { + jsonData.layout = { template: theme }; + } + Plotly.react(chartElement, jsonData.data, jsonData.layout); + }); + } +}); + +/* ========================================================================== + Actions that should occur when the page has been fully loaded + ========================================================================== */ + +$(document).ready(function () { + // detect OS/browser preference + const browserPref = window.matchMedia('(prefers-color-scheme: dark)').matches + ? 'dark' + : 'light'; + + setTheme(); + + // if user hasn't chosen a theme, follow OS changes + window + .matchMedia('(prefers-color-scheme: dark)') + .addEventListener("change", (e) => { + if (!localStorage.getItem("theme")) { + setTheme(e.matches ? "dark" : "light"); + } + }); + + $('#theme-toggle').on('click', toggleTheme); + // These should be the same as the settings in _variables.scss - scssLarge = 925; // pixels + const scssLarge = 925; // pixels // Sticky footer - var bumpIt = function() { - $("body").css("margin-bottom", $(".page__footer").outerHeight(true)); - }, + var bumpIt = function () { + $("body").css("margin-bottom", $(".page__footer").outerHeight(true)); + }, didResize = false; bumpIt(); - $(window).resize(function() { + $(window).resize(function () { didResize = true; }); - setInterval(function() { + setInterval(function () { if (didResize) { didResize = false; bumpIt(); } }, 250); - + // FitVids init fitvids(); // Follow menu drop down - $(".author__urls-wrapper button").on("click", function() { - $(".author__urls").fadeToggle("fast", function() {}); + $(".author__urls-wrapper button").on("click", function () { + $(".author__urls").fadeToggle("fast", function () { }); $(".author__urls-wrapper button").toggleClass("open"); }); // Restore the follow menu if toggled on a window resize - jQuery(window).on('resize', function() { + jQuery(window).on('resize', function () { if ($('.author__urls.social-icons').css('display') == 'none' && $(window).width() >= scssLarge) { $(".author__urls").css('display', 'block') } - }); + }); // init smooth scroll, this needs to be slightly more than then fixed masthead height - $("a").smoothScroll({offset: -65}); + $("a").smoothScroll({ + offset: -75, // needs to match $masthead-height + preventDefault: false, + }); // add lightbox class to all image links - $("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif']").addClass("image-popup"); + // Add "image-popup" to links ending in image extensions, + // but skip any that already contains an (except emoji images) in an pointing at the image, and give it the lightbox class
+ $('p > img').not('.emoji').each(function() {
+ var $img = $(this);
+ // skip if it’s already wrapped in an
+ .append($img); // move the
into the
+ }
+ });
// Magnific-Popup options
$(".image-popup").magnificPopup({
@@ -53,7 +172,7 @@ $(document).ready(function(){
gallery: {
enabled: true,
navigateByImgClick: true,
- preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+ preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: 'Image #%curr% could not be loaded.',
@@ -63,7 +182,7 @@ $(document).ready(function(){
// make it unique to apply your CSS animations just to this exact popup
mainClass: 'mfp-zoom-in',
callbacks: {
- beforeOpen: function() {
+ beforeOpen: function () {
// just a hack that adds mfp-anim class to markup
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
}
diff --git a/assets/js/main.min.js b/assets/js/main.min.js
index aea0c414180a0..1df4c7e44eebf 100644
--- a/assets/js/main.min.js
+++ b/assets/js/main.min.js
@@ -1 +1 @@
-((e,t)=>{"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(e.document)return t(e);throw new Error("jQuery requires a window with a document")}:t(e)})("undefined"!=typeof window?window:this,function(C,q){function y(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item}function M(e){return null!=e&&e===e.window}var t=[],_=Object.getPrototypeOf,s=t.slice,$=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},B=t.push,b=t.indexOf,R={},F=R.toString,z=R.hasOwnProperty,W=z.toString,U=W.call(Object),m={},T=C.document,X={type:!0,src:!0,nonce:!0,noModule:!0};function G(e,t,n){var r,o,i=(n=n||T).createElement("script");if(i.text=e,t)for(r in X)(o=t[r]||t.getAttribute&&t.getAttribute(r))&&i.setAttribute(r,o);n.head.appendChild(i).parentNode.removeChild(i)}function Y(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?R[F.call(e)]||"object":typeof e}var e="3.7.1",V=/HTML$/i,k=function(e,t){return new k.fn.init(e,t)};function K(e){var t=!!e&&"length"in e&&e.length,n=Y(e);return!y(e)&&!M(e)&&("array"===n||0===t||"number"==typeof t&&0
","
"],col:[2,"
"],tr:[2,"","
"],td:[3,"
"],_default:[0,"",""]});function g(e,t){var n=void 0!==e.getElementsByTagName?e.getElementsByTagName(t||"*"):void 0!==e.querySelectorAll?e.querySelectorAll(t||"*"):[];return void 0===t||t&&x(e,t)?k.merge([e],n):n}function Et(e,t){for(var n=0,r=e.length;n","