diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
deleted file mode 100644
index c78502f480c8..000000000000
--- a/.github/FUNDING.yml
+++ /dev/null
@@ -1,12 +0,0 @@
-# These are supported funding model platforms
-
-github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
-patreon: # Replace with a single Patreon username
-open_collective: # Replace with a single Open Collective username
-ko_fi: alshedivat
-tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
-community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
-liberapay: # Replace with a single Liberapay username
-issuehunt: # Replace with a single IssueHunt username
-otechie: # Replace with a single Otechie username
-custom: # ['https://www.buymeacoffee.com/TkFxuKo']
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index 511f585150ba..000000000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: bug
-assignees: ''
-
----
-
-**Acknowledge the following**
-- [ ] I carefully read and followed the [Getting Started](https://github.com/alshedivat/al-folio#getting-started) guide.
-- [ ] I read through [FAQ](https://github.com/alshedivat/al-folio#faq) and searched through the [past issues](https://github.com/alshedivat/al-folio/issues), none of which addressed my issue.
-- [ ] The issue I am raising is a potential bug in al-folio and not just a usage question. [For usage questions, please post in the [Discussions](https://github.com/alshedivat/al-folio/discussions) instead of raising an issue.]
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**System (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser (and its version) [e.g. chrome, safari]
- - Jekyll version [e.g. 3.8.7]
-- Ruby version [e.g. 2.6.5]
-
-**Additional context**
-Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index 11fc491ef1da..000000000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: enhancement
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.
diff --git a/.github/stale.yml b/.github/stale.yml
deleted file mode 100644
index 8ec2004d8caa..000000000000
--- a/.github/stale.yml
+++ /dev/null
@@ -1,18 +0,0 @@
-# Number of days of inactivity before an issue becomes stale
-daysUntilStale: 60
-# Number of days of inactivity before a stale issue is closed
-daysUntilClose: 7
-# Issues with these labels will never be considered stale
-exemptLabels:
- - pinned
- - security
- - enhancement
-# Label to use when marking an issue as stale
-staleLabel: wontfix
-# Comment to post when marking an issue as stale. Set to `false` to disable
-markComment: >
- This issue has been automatically marked as stale because it has not had
- recent activity. It will be closed if no further activity occurs. Thank you
- for your contributions.
-# Comment to post when closing a stale issue. Set to `false` to disable
-closeComment: false
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
deleted file mode 100644
index 0fc24dcdc824..000000000000
--- a/.github/workflows/deploy.yml
+++ /dev/null
@@ -1,51 +0,0 @@
-name: Deploy
-
-on:
- push:
- branches:
- - master
- - main
- pull_request:
- branches:
- - master
- - main
-
-jobs:
- deploy:
- runs-on: ubuntu-latest
- steps:
- - name: Checkout code
- uses: actions/checkout@v2
- - name: Setup Ruby
- uses: ruby/setup-ruby@v1
- with:
- ruby-version: '3.0.2'
- - name: Enable bundler cache
- uses: actions/cache@v2
- with:
- path: vendor/bundle
- key: ${{ runner.os }}-gems-${{ hashFiles('**/Gemfile.lock') }}
- restore-keys: |
- ${{ runner.os }}-gems-
- - name: Install deps
- run: |
- gem install bundler
- bundle config path vendor/bundle
- bundle install --jobs 4 --retry 3
- npm install -g mermaid.cli
- - name: Setup deploy options
- id: setup
- run: |
- git config --global user.name "GitHub Action"
- git config --global user.email "41898282+github-actions[bot]@users.noreply.github.com"
- if [[ ${GITHUB_REF} = refs/pull/*/merge ]]; then # pull request
- echo "::set-output name=SRC_BRANCH::${GITHUB_HEAD_REF}"
- echo "::set-output name=NO_PUSH::--no-push"
- elif [[ ${GITHUB_REF} = refs/heads/* ]]; then # branch, e.g. master, source etc
- echo "::set-output name=SRC_BRANCH::${GITHUB_REF#refs/heads/}"
- fi
- echo "::set-output name=DEPLOY_BRANCH::gh-pages"
- - name: Deploy website
- run: yes | bin/deploy --verbose ${{ steps.setup.outputs.NO_PUSH }}
- --src ${{ steps.setup.outputs.SRC_BRANCH }}
- --deploy ${{ steps.setup.outputs.DEPLOY_BRANCH }}
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 328023abbe33..000000000000
--- a/.travis.yml
+++ /dev/null
@@ -1,19 +0,0 @@
-language: ruby
-rvm:
- - 2.4.1
-
-# Assume bundler is being used, therefore
-# the `install` step will run `bundle install` by default.
-script: ./bin/cibuild
-
-env:
- global:
- - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer
-
-sudo: false # route your build to the container-based infrastructure for a faster build
-
-cache: bundler # caching bundler gem packages will speed up build
-
-# Optional: disable email notifications about the outcome of your builds
-notifications:
- email: false
diff --git a/404.html b/404.html
index 929fc572ae3e..8d3065f43ed8 100644
--- a/404.html
+++ b/404.html
@@ -1,9 +1,170 @@
----
-layout: page
-permalink: /404.html
-title: "Page not found"
-description: "Looks like there has been a mistake. Nothing exists here."
-redirect: true
----
-
-
You will be redirected to the main page within 3 seconds. If not redirected, please click here.
diff --git a/_news/announcement_1.md b/_news/announcement_1.md
deleted file mode 100644
index 98e5af5c8786..000000000000
--- a/_news/announcement_1.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: post
-date: 2015-10-22 15:59:00-0400
-inline: true
----
-
-A simple inline announcement.
diff --git a/_news/announcement_2.md b/_news/announcement_2.md
deleted file mode 100644
index dbd4b4d41ae6..000000000000
--- a/_news/announcement_2.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-layout: post
-title: A long announcement with details
-date: 2015-11-07 16:11:00-0400
-inline: 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.
-
-***
-
-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.
-
-#### Hipster list
-
-
brunch
-
fixie
-
raybans
-
messenger bag
-
-
-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.
-
-***
-
-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
-
-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/_news/announcement_3.md b/_news/announcement_3.md
deleted file mode 100644
index d90721915e94..000000000000
--- a/_news/announcement_3.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: post
-date: 2016-01-15 07:59:00-0400
-inline: true
----
-
-A simple inline announcement with Markdown emoji! :sparkles: :smile:
diff --git a/_pages/about.md b/_pages/about.md
deleted file mode 100644
index f4226ee8bf7a..000000000000
--- a/_pages/about.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-layout: about
-title: about
-permalink: /
-subtitle: Affiliations. Address. Contacts. Moto. Etc.
-
-profile:
- align: right
- image: prof_pic.jpg
- address: >
-
555 your office number
-
123 your address street
-
Your City, State 12345
-
-news: true # includes a list of news items
-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.
-
-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/dropdown.md b/_pages/dropdown.md
deleted file mode 100644
index 578b3723cf7e..000000000000
--- a/_pages/dropdown.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-layout: page
-title: submenus
-nav: true
-dropdown: true
-children:
- - title: publications
- permalink: /publications/
- - title: divider
- - title: projects
- permalink: /projects/
----
\ No newline at end of file
diff --git a/_pages/dropdown/index.html b/_pages/dropdown/index.html
new file mode 100644
index 000000000000..d68bc58ced82
--- /dev/null
+++ b/_pages/dropdown/index.html
@@ -0,0 +1,171 @@
+
+
+
+
+
+
+
+
+
+
+
+ You R. Name | submenus
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_pages/teaching.md b/_pages/teaching.md
deleted file mode 100644
index ddcc59b2796c..000000000000
--- a/_pages/teaching.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-layout: page
-permalink: /teaching/
-title: teaching
-description: Materials for courses you taught. Replace this text with your description.
-nav: true
----
-
-For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to `_projects/` so that you can have a dedicated page for each course.
-
-Organize your courses by years, topics, or universities, however you like!
diff --git a/_plugins/beautify.rb b/_plugins/beautify.rb
deleted file mode 100644
index 3831c8048be7..000000000000
--- a/_plugins/beautify.rb
+++ /dev/null
@@ -1,27 +0,0 @@
-require 'htmlbeautifier'
-
-module Jekyll
- module StripHTML
- def beautify(content)
- if beautify_enabled?
- content = HtmlBeautifier.beautify(content)
- else
- content
- end
- end
-
- private
-
- def beautify_enabled?
- config = @context.registers[:site].config
- true?(config['beautify'])
- end
-
- def true?(obj)
- obj.to_s.downcase == 'true'
- end
-
- end
-end
-
-Liquid::Template.register_filter(Jekyll::StripHTML)
diff --git a/_plugins/minify.rb b/_plugins/minify.rb
deleted file mode 100644
index 23c8bf611ec5..000000000000
--- a/_plugins/minify.rb
+++ /dev/null
@@ -1,28 +0,0 @@
-# Source: https://www.ffbit.com/blog/2021/03/17/html-minification-in-jekyll.html
-require 'htmlcompressor'
-
-module Jekyll
- module MinifyFilter
- def minify(content)
- if minify_enabled?
- compressor = HtmlCompressor::Compressor.new
- compressor.compress content
- else
- content
- end
- end
-
- private
-
- def minify_enabled?
- config = @context.registers[:site].config
- true?(config['minify'])
- end
-
- def true?(obj)
- obj.to_s.downcase == 'true'
- end
- end
-end
-
-Liquid::Template.register_filter(Jekyll::MinifyFilter)
diff --git a/_posts/2015-03-15-formatting-and-links.md b/_posts/2015-03-15-formatting-and-links.md
deleted file mode 100644
index 0ecd30357aed..000000000000
--- a/_posts/2015-03-15-formatting-and-links.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-layout: post
-title: a post with formatting and links
-date: 2015-03-15 16:40:16
-description: march & april, looking forward to summer
-tags: formatting links
-categories: sample-posts
----
-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.
-
-#### Hipster list
-
-
brunch
-
fixie
-
raybans
-
messenger bag
-
-
-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.
-
-
-
-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
-
-
-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
deleted file mode 100644
index 0729fcb48d78..000000000000
--- a/_posts/2015-05-15-images.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-layout: post
-title: a post with images
-date: 2015-05-15 21:01:00
-description: this is what included images could look like
-tags: formatting images
-categories: sample-posts
----
-This is an example post with image galleries.
-
-
-
- {% include figure.html path="assets/img/9.jpg" class="img-fluid rounded z-depth-1" %}
-
-
- {% include figure.html path="assets/img/7.jpg" class="img-fluid rounded z-depth-1" %}
-
-
-
- A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.
-
-
-Images can be made zoomable.
-Simply add `data-zoomable` to `` tags that you want to make zoomable.
-
-
diff --git a/_posts/2015-07-15-code.md b/_posts/2015-07-15-code.md
deleted file mode 100644
index 675543df5eda..000000000000
--- a/_posts/2015-07-15-code.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-layout: post
-title: a post with code
-date: 2015-07-15 15:09:00
-description: an example of a blog post with some code
-tags: formatting code
-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:
-
-{% raw %}
-{% highlight c++ linenos %} code code code {% endhighlight %}
-{% endraw %}
-
-The keyword `linenos` triggers display of line numbers.
-Produces something like this:
-
-{% highlight c++ linenos %}
-
-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;
-}
-
-{% endhighlight %}
diff --git a/_posts/2015-10-20-comments.md b/_posts/2015-10-20-comments.md
deleted file mode 100644
index 33e08010305f..000000000000
--- a/_posts/2015-10-20-comments.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-layout: post
-title: a post with comments
-date: 2015-10-20 11:59:00-0400
-description: an example of a blog post with comments
-comments: true
-categories: sample-posts external-services
----
-This post shows how to add DISQUS comments.
diff --git a/_posts/2015-10-20-math.md b/_posts/2015-10-20-math.md
deleted file mode 100644
index 1fdca4dd216e..000000000000
--- a/_posts/2015-10-20-math.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-layout: post
-title: a post with math
-date: 2015-10-20 11:12:00-0400
-description: an example of a blog post with some math
-tags: formatting math
-categories: sample-posts
----
-This theme supports rendering beautiful math in inline and display modes using [MathJax 3](https://www.mathjax.org/) engine. You just need to surround your math expression with `$$`, like `$$ E = mc^2 $$`. If you leave it inside a paragraph, it will produce an inline expression, just like $$ E = mc^2 $$.
-
-To use display mode, again surround your expression with `$$` and place it as a separate paragraph. Here is an example:
-
-$$
-\sum_{k=1}^\infty |\langle x, e_k \rangle|^2 \leq \|x\|^2
-$$
-
-You can also use `\begin{equation}...\end{equation}` instead of `$$` for display mode math.
-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)
-\end{equation}
-
-and by adding `\label{...}` inside the equation environment, we can now refer to the equation using `\eqref`.
-
-Note that MathJax 3 is [a major re-write of MathJax](https://docs.mathjax.org/en/latest/upgrading/whats-new-3.0.html) that brought a significant improvement to the loading and rendering speed, which is now [on par with KaTeX](http://www.intmath.com/cg5/katex-mathjax-comparison.php).
diff --git a/_posts/2018-12-22-distill.md b/_posts/2018-12-22-distill.md
deleted file mode 100644
index e28ee963c6dd..000000000000
--- a/_posts/2018-12-22-distill.md
+++ /dev/null
@@ -1,282 +0,0 @@
----
-layout: distill
-title: a distill-style blog post
-description: an example of a distill-style blog post and main elements
-date: 2021-05-22
-
-authors:
- - name: Albert Einstein
- url: "https://en.wikipedia.org/wiki/Albert_Einstein"
- affiliations:
- name: IAS, Princeton
- - name: Boris Podolsky
- url: "https://en.wikipedia.org/wiki/Boris_Podolsky"
- affiliations:
- name: IAS, Princeton
- - name: Nathan Rosen
- url: "https://en.wikipedia.org/wiki/Nathan_Rosen"
- affiliations:
- name: IAS, Princeton
-
-bibliography: 2018-12-22-distill.bib
-
-# Optionally, you can add a table of contents to your post.
-# NOTES:
-# - make sure that TOC names match the actual section names
-# for hyperlinks within the post to work correctly.
-# - we may want to automate TOC generation in the future using
-# jekyll-toc plugin (https://github.com/toshimaru/jekyll-toc).
-toc:
- - name: Equations
- # if a section has subsections, you can add them as follows:
- # subsections:
- # - name: Example Child Subsection 1
- # - name: Example Child Subsection 2
- - name: Citations
- - name: Footnotes
- - name: Code Blocks
- - name: Layouts
- - name: Other Typography?
-
-# Below is an example of injecting additional post-specific styles.
-# If you use this post as a template, delete this _styles block.
-_styles: >
- .fake-img {
- background: #bbb;
- border: 1px solid rgba(0, 0, 0, 0.1);
- box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
- margin-bottom: 12px;
- }
- .fake-img p {
- font-family: monospace;
- color: white;
- text-align: left;
- margin: 12px 0;
- text-align: center;
- font-size: 16px;
- }
-
----
-
-**NOTE:**
-Citations, footnotes, and code blocks do not display correctly in the dark mode since distill does not support the dark mode by default.
-If you are interested in correctly adding dark mode support for distill, please open [a discussion](https://github.com/alshedivat/al-folio/discussions) and let us know.
-
-
-## Equations
-
-This theme supports rendering beautiful math in inline and display modes using [MathJax 3](https://www.mathjax.org/) engine.
-You just need to surround your math expression with `$$`, like `$$ E = mc^2 $$`.
-If you leave it inside a paragraph, it will produce an inline expression, just like $$ E = mc^2 $$.
-
-To use display mode, again surround your expression with `$$` and place it as a separate paragraph.
-Here is an example:
-
-$$
-\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)
-$$
-
-Note that MathJax 3 is [a major re-write of MathJax](https://docs.mathjax.org/en/latest/upgrading/whats-new-3.0.html) that brought a significant improvement to the loading and rendering speed, which is now [on par with KaTeX](http://www.intmath.com/cg5/katex-mathjax-comparison.php).
-
-
-***
-
-## Citations
-
-Citations are then used in the article body with the `` tag.
-The key attribute is a reference to the id provided in the bibliography.
-The key attribute can take multiple ids, separated by commas.
-
-The citation is presented inline like this: (a number that displays more information on hover).
-If you have an appendix, a bibliography is automatically created and populated in it.
-
-Distill chose a numerical inline citation style to improve readability of citation dense articles and because many of the benefits of longer citations are obviated by displaying more information on hover.
-However, we consider it good style to mention author last names if you discuss something at length and it fits into the flow well — the authors are human and it’s nice for them to have the community associate them with their work.
-
-***
-
-## Footnotes
-
-Just wrap the text you would like to show up in a footnote in a `` tag.
-The number of the footnote will be automatically generated.This will become a hoverable footnote.
-
-***
-
-## Code Blocks
-
-Syntax highlighting is provided within `` tags.
-An example of inline code snippets: `let x = 10;`.
-For larger blocks of code, add a `block` attribute:
-
-
- var x = 25;
- function(x) {
- return x * x;
- }
-
-
-**Note:** `` blocks do not look well in the dark mode.
-You can always use the default code-highlight using the `highlight` liquid tag:
-
-{% highlight javascript %}
-var x = 25;
-function(x) {
- return x * x;
-}
-{% endhighlight %}
-
-***
-
-## Layouts
-
-The main text column is referred to as the body.
-It is the assumed layout of any direct descendants of the `d-article` element.
-
-
-
.l-body
-
-
-For images you want to display a little larger, try `.l-page`:
-
-
-
.l-page
-
-
-All of these have an outset variant if you want to poke out from the body text a little bit.
-For instance:
-
-
-
.l-body-outset
-
-
-
-
.l-page-outset
-
-
-Occasionally you’ll want to use the full browser width.
-For this, use `.l-screen`.
-You can also inset the element a little from the edge of the browser by using the inset variant.
-
-
-
.l-screen
-
-
-
.l-screen-inset
-
-
-The final layout is for marginalia, asides, and footnotes.
-It does not interrupt the normal flow of `.l-body` sized text except on mobile screen sizes.
-
-
-
.l-gutter
-
-
-***
-
-## Other Typography?
-
-Emphasis, aka italics, with *asterisks* (`*asterisks*`) or _underscores_ (`_underscores_`).
-
-Strong emphasis, aka bold, with **asterisks** or __underscores__.
-
-Combined emphasis with **asterisks and _underscores_**.
-
-Strikethrough uses two tildes. ~~Scratch this.~~
-
-1. First ordered list item
-2. Another item
-⋅⋅* Unordered sub-list.
-1. Actual numbers don't matter, just that it's a number
-⋅⋅1. Ordered sub-list
-4. And another item.
-
-⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
-
-⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
-⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
-⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
-
-* Unordered list can use asterisks
-- Or minuses
-+ Or pluses
-
-[I'm an inline-style link](https://www.google.com)
-
-[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
-
-[I'm a reference-style link][Arbitrary case-insensitive reference text]
-
-[I'm a relative reference to a repository file](../blob/master/LICENSE)
-
-[You can use numbers for reference-style link definitions][1]
-
-Or leave it empty and use the [link text itself].
-
-URLs and URLs in angle brackets will automatically get turned into links.
-http://www.example.com or and sometimes
-example.com (but not on Github, for example).
-
-Some text to show that the reference links can follow later.
-
-[arbitrary case-insensitive reference text]: https://www.mozilla.org
-[1]: http://slashdot.org
-[link text itself]: http://www.reddit.com
-
-Here's our logo (hover to see the title text):
-
-Inline-style:
-
-
-Reference-style:
-![alt text][logo]
-
-[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"
-
-Inline `code` has `back-ticks around` it.
-
-```javascript
-var s = "JavaScript syntax highlighting";
-alert(s);
-```
-
-```python
-s = "Python syntax highlighting"
-print s
-```
-
-```
-No language indicated, so no syntax highlighting.
-But let's throw in a tag.
-```
-
-Colons can be used to align columns.
-
-| Tables | Are | Cool |
-| ------------- |:-------------:| -----:|
-| col 3 is | right-aligned | $1600 |
-| col 2 is | centered | $12 |
-| zebra stripes | are neat | $1 |
-
-There must be at least 3 dashes separating each header cell.
-The outer pipes (|) are optional, and you don't need to make the
-raw Markdown line up prettily. You can also use inline Markdown.
-
-Markdown | Less | Pretty
---- | --- | ---
-*Still* | `renders` | **nicely**
-1 | 2 | 3
-
-> Blockquotes are very handy in email to emulate reply text.
-> This line is part of the same quote.
-
-Quote break.
-
-> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.
-
-
-Here's a line for us to start with.
-
-This line is separated from the one above by two newlines, so it will be a *separate paragraph*.
-
-This line is also a separate paragraph, but...
-This line is only separated by a single newline, so it's a separate line in the *same paragraph*.
diff --git a/_posts/2020-09-28-github-metadata.md b/_posts/2020-09-28-github-metadata.md
deleted file mode 100644
index e8eec3fff6eb..000000000000
--- a/_posts/2020-09-28-github-metadata.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-layout: post
-title: a post with github metadata
-date: 2020-09-28 21:01:00
-description: a quick run down on accessing github metadata.
-categories: sample-posts external-services
----
-
-A sample blog page that demonstrates the accessing of github meta data.
-
-## What does Github-MetaData do?
-* Propagates the site.github namespace with repository metadata
-* Setting site variables :
- * site.title
- * site.description
- * site.url
- * site.baseurl
-* Accessing the metadata - duh.
-* Generating edittable links.
-
-## Additional Reading
-* If you're recieving incorrect/missing data, you may need to perform a Github API authentication.
-* Go through this README for more details on the topic.
-* This page highlights all the feilds you can access with github-metadata.
-
-
-## Example MetaData
-* Host Name : {{ site.github.hostname }}
-* URL : {{ site.github.url }}
-* BaseURL : {{ site.github.baseurl }}
-* Archived : {{ site.github.archived}}
-* Contributors :
-{% for contributor in site.github.contributors %}
- * {{ contributor.login }}
-{% endfor %}
diff --git a/_posts/2020-09-28-twitter.md b/_posts/2020-09-28-twitter.md
deleted file mode 100644
index 7de919155ba5..000000000000
--- a/_posts/2020-09-28-twitter.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-layout: post
-title: a post with twitter
-date: 2020-09-28 11:12:00-0400
-description: an example of a blog post with twitter
-tags: formatting
-categories: sample-posts external-services
----
-A sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.
-
-# Tweet
-An example of displaying a tweet:
-{% twitter https://twitter.com/rubygems/status/518821243320287232 %}
-
-# Timeline
-An example of pulling from a timeline:
-{% twitter https://twitter.com/jekyllrb maxwidth=500 limit=3 %}
-
-# Additional Details
-For more details on using the plugin visit: [jekyll-twitter-plugin](https://github.com/rob-murray/jekyll-twitter-plugin)
diff --git a/_posts/2021-07-04-diagrams.md b/_posts/2021-07-04-diagrams.md
deleted file mode 100644
index 7957fceb0fab..000000000000
--- a/_posts/2021-07-04-diagrams.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-layout: post
-title: a post with diagrams
-date: 2021-07-04 17:39:00
-description: an example of a blog post with diagrams
----
-
-This theme supports generating various diagrams from a text description using [jekyll-diagrams](https://github.com/zhustec/jekyll-diagrams){:target="\_blank"} plugin.
-Below, we generate a few examples of such diagrams using languages such as [mermaid](https://mermaid-js.github.io/mermaid/){:target="\_blank"}, [plantuml](https://plantuml.com/){:target="\_blank"}, [vega-lite](https://vega.github.io/vega-lite/){:target="\_blank"}, etc.
-
-**Note:** different diagram-generation packages require external dependencies to be installed on your machine.
-Also, be mindful of that because of diagram generation the fist time you build your Jekyll website after adding new diagrams will be SLOW.
-For any other details, please refer to [jekyll-diagrams](https://github.com/zhustec/jekyll-diagrams){:target="\_blank"} README.
-
-
-## Mermaid
-
-Install mermaid using `node.js` package manager `npm` by running the following command:
-```bash
-npm install -g mermaid.cli
-```
-
-The diagram below was generated by the following code:
-
-{% raw %}
-```
-{% mermaid %}
-sequenceDiagram
- participant John
- participant Alice
- Alice->>John: Hello John, how are you?
- John-->>Alice: Great!
-{% endmermaid %}
-```
-{% endraw %}
-
-{% mermaid %}
-sequenceDiagram
- participant John
- participant Alice
- Alice->>John: Hello John, how are you?
- John-->>Alice: Great!
-{% endmermaid %}
diff --git a/_posts/2022-02-01-redirect.md b/_posts/2022-02-01-redirect.md
deleted file mode 100644
index 29170d855800..000000000000
--- a/_posts/2022-02-01-redirect.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-layout: post
-title: a post with redirect
-date: 2021-07-04 17:39:00
-description: you can also redirect to assets like pdf
-redirect: /assets/pdf/example_pdf.pdf
----
diff --git a/_projects/1_project.md b/_projects/1_project.md
deleted file mode 100644
index 5a95b9ad20fc..000000000000
--- a/_projects/1_project.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: page
-title: project 1
-description: a project with a background image
-img: assets/img/12.jpg
-importance: 1
-category: work
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
-```
-{% endraw %}
diff --git a/_projects/2_project.md b/_projects/2_project.md
deleted file mode 100644
index 4a266145d23c..000000000000
--- a/_projects/2_project.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: page
-title: project 2
-description: a project with a background image
-img: assets/img/3.jpg
-importance: 2
-category: work
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
-```
-{% endraw %}
diff --git a/_projects/3_project.md b/_projects/3_project.md
deleted file mode 100644
index 56968db035be..000000000000
--- a/_projects/3_project.md
+++ /dev/null
@@ -1,81 +0,0 @@
----
-layout: page
-title: project 3
-description: a project that redirects to another website
-img: assets/img/7.jpg
-redirect: https://unsplash.com
-importance: 3
-category: work
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
-```
-{% endraw %}
diff --git a/_projects/4_project.md b/_projects/4_project.md
deleted file mode 100644
index 96eeb0e66ac2..000000000000
--- a/_projects/4_project.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: page
-title: project 4
-description: another without an image
-img:
-importance: 3
-category: fun
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
-```
-{% endraw %}
diff --git a/_projects/5_project.md b/_projects/5_project.md
deleted file mode 100644
index aa488109c78f..000000000000
--- a/_projects/5_project.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: page
-title: project 5
-description: a project with a background image
-img: assets/img/1.jpg
-importance: 3
-category: fun
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
-```
-{% endraw %}
diff --git a/_projects/6_project.md b/_projects/6_project.md
deleted file mode 100644
index 3d8d04d512b0..000000000000
--- a/_projects/6_project.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-layout: page
-title: project 6
-description: a project with no image
-img:
-importance: 4
-category: fun
----
-
-Every project has a beautiful feature showcase page.
-It's easy to include images in a flexible 3-column grid format.
-Make your photos 1/3, 2/3, or full width.
-
-To give your project a background in the portfolio page, just add the img tag to the front matter like so:
-
- ---
- layout: page
- title: project
- description: a project with a background image
- img: /assets/img/12.jpg
- ---
-
-
- Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
-
- This image can also have a caption. It's like magic.
-
-
-You can also put regular text between your rows of images.
-Say you wanted to write a little bit about your project before you posted the rest of the images.
-You describe how you toiled, sweated, *bled* for your project, and then... you reveal it's glory in the next row of images.
-
-
-
- You can also have artistically styled 2/3 + 1/3 images, like these.
-
-
-
-The code is simple.
-Just wrap your images with `
` and place them inside `
` (read more about the Bootstrap Grid system).
-To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
-Here's the code for the last row of images above:
-
-{% raw %}
-```html
-
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:
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.
+
+
Hipster list
+
+
brunch
+
fixie
+
raybans
+
messenger bag
+
+
+
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.
+
+
+
+
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
+
+
+
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.
This theme supports rendering beautiful math in inline and display modes using MathJax 3 engine. You just need to surround your math expression with $$, like $$ E = mc^2 $$. If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).
+
+
To use display mode, again surround your expression with $$ and place it as a separate paragraph. Here is an example:
This theme supports generating various diagrams from a text description using jekyll-diagrams plugin.
+Below, we generate a few examples of such diagrams using languages such as mermaid, plantuml, vega-lite, etc.
+
+
Note: different diagram-generation packages require external dependencies to be installed on your machine.
+Also, be mindful of that because of diagram generation the fist time you build your Jekyll website after adding new diagrams will be SLOW.
+For any other details, please refer to jekyll-diagrams README.
+
+
Mermaid
+
+
Install mermaid using node.js package manager npm by running the following command:
+
npm install-g mermaid.cli
+
+
+
The diagram below was generated by the following code:
+
+
{% mermaid %}
+sequenceDiagram
+ participant John
+ participant Alice
+ Alice->>John: Hello John, how are you?
+ John-->>Alice: Great!
+{% endmermaid %}
+
an example of a distill-style blog post and main elements
+
+
+
+
+
+
+
+
+
+
NOTE:
+Citations, footnotes, and code blocks do not display correctly in the dark mode since distill does not support the dark mode by default.
+If you are interested in correctly adding dark mode support for distill, please open a discussion and let us know.
+
+
Equations
+
+
This theme supports rendering beautiful math in inline and display modes using MathJax 3 engine.
+You just need to surround your math expression with $$, like $$ E = mc^2 $$.
+If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).
+
+
To use display mode, again surround your expression with $$ and place it as a separate paragraph.
+Here is an example:
Citations are then used in the article body with the <d-cite> tag.
+The key attribute is a reference to the id provided in the bibliography.
+The key attribute can take multiple ids, separated by commas.
+
+
The citation is presented inline like this: (a number that displays more information on hover).
+If you have an appendix, a bibliography is automatically created and populated in it.
+
+
Distill chose a numerical inline citation style to improve readability of citation dense articles and because many of the benefits of longer citations are obviated by displaying more information on hover.
+However, we consider it good style to mention author last names if you discuss something at length and it fits into the flow well — the authors are human and it’s nice for them to have the community associate them with their work.
+
+
+
+
Footnotes
+
+
Just wrap the text you would like to show up in a footnote in a <d-footnote> tag.
+The number of the footnote will be automatically generated.This will become a hoverable footnote.
+
+
+
+
Code Blocks
+
+
Syntax highlighting is provided within <d-code> tags.
+An example of inline code snippets: <d-code language="html">let x = 10;</d-code>.
+For larger blocks of code, add a block attribute:
+
+
+ var x = 25;
+ function(x) {
+ return x * x;
+ }
+
+
+
Note:<d-code> blocks do not look well in the dark mode.
+You can always use the default code-highlight using the highlight liquid tag:
+
+
varx=25;
+function(x){
+ returnx*x;
+}
+
+
+
+
Layouts
+
+
The main text column is referred to as the body.
+It is the assumed layout of any direct descendants of the d-article element.
+
+
+
.l-body
+
+
+
For images you want to display a little larger, try .l-page:
+
+
+
.l-page
+
+
+
All of these have an outset variant if you want to poke out from the body text a little bit.
+For instance:
+
+
+
.l-body-outset
+
+
+
+
.l-page-outset
+
+
+
Occasionally you’ll want to use the full browser width.
+For this, use .l-screen.
+You can also inset the element a little from the edge of the browser by using the inset variant.
+
+
+
.l-screen
+
+
+
.l-screen-inset
+
+
+
The final layout is for marginalia, asides, and footnotes.
+It does not interrupt the normal flow of .l-body sized text except on mobile screen sizes.
+
+
+
.l-gutter
+
+
+
+
+
Other Typography?
+
+
Emphasis, aka italics, with asterisks (*asterisks*) or underscores (_underscores_).
+
+
Strong emphasis, aka bold, with asterisks or underscores.
+
+
Combined emphasis with asterisks and underscores.
+
+
Strikethrough uses two tildes. Scratch this.
+
+
+
First ordered list item
+
Another item
+⋅⋅* Unordered sub-list.
+
Actual numbers don’t matter, just that it’s a number
+⋅⋅1. Ordered sub-list
+
And another item.
+
+
+
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
+
+
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
+⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
+⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
URLs and URLs in angle brackets will automatically get turned into links.
+http://www.example.com or http://www.example.com and sometimes
+example.com (but not on Github, for example).
+
+
Some text to show that the reference links can follow later.
No language indicated, so no syntax highlighting.
+But let's throw in a <b>tag</b>.
+
+
+
Colons can be used to align columns.
+
+
+
+
+
Tables
+
Are
+
Cool
+
+
+
+
+
col 3 is
+
right-aligned
+
$1600
+
+
+
col 2 is
+
centered
+
$12
+
+
+
zebra stripes
+
are neat
+
$1
+
+
+
+
+
There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don’t need to make the
+raw Markdown line up prettily. You can also use inline Markdown.
+
+
+
+
+
Markdown
+
Less
+
Pretty
+
+
+
+
+
Still
+
renders
+
nicely
+
+
+
1
+
2
+
3
+
+
+
+
+
+
Blockquotes are very handy in email to emulate reply text.
+This line is part of the same quote.
+
+
+
Quote break.
+
+
+
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can putMarkdown into a blockquote.
+
+
+
Here’s a line for us to start with.
+
+
This line is separated from the one above by two newlines, so it will be a separate paragraph.
+
+
This line is also a separate paragraph, but…
+This line is only separated by a single newline, so it’s a separate line in the same paragraph.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/feed.xml b/feed.xml
new file mode 100644
index 000000000000..917b55242e70
--- /dev/null
+++ b/feed.xml
@@ -0,0 +1,532 @@
+Jekyll2022-04-02T22:25:03+00:00https://alshedivat.github.io/al-folio/feed.xmlblankA simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
+a post with diagrams2021-07-04T17:39:00+00:002021-07-04T17:39:00+00:00https://alshedivat.github.io/al-folio/blog/2021/diagramsThis theme supports generating various diagrams from a text description using jekyll-diagrams plugin.
+Below, we generate a few examples of such diagrams using languages such as mermaid, plantuml, vega-lite, etc.
+
+
Note: different diagram-generation packages require external dependencies to be installed on your machine.
+Also, be mindful of that because of diagram generation the fist time you build your Jekyll website after adding new diagrams will be SLOW.
+For any other details, please refer to jekyll-diagrams README.
+
+
Mermaid
+
+
Install mermaid using node.js package manager npm by running the following command:
+
npm install-g mermaid.cli
+
+
+
The diagram below was generated by the following code:
+
+
{% mermaid %}
+sequenceDiagram
+ participant John
+ participant Alice
+ Alice->>John: Hello John, how are you?
+ John-->>Alice: Great!
+{% endmermaid %}
+
+
+
+
+
]]>a post with redirect2021-07-04T17:39:00+00:002021-07-04T17:39:00+00:00https://alshedivat.github.io/al-folio/blog/2021/redirecta distill-style blog post2021-05-22T00:00:00+00:002021-05-22T00:00:00+00:00https://alshedivat.github.io/al-folio/blog/2021/distillNOTE:
+Citations, footnotes, and code blocks do not display correctly in the dark mode since distill does not support the dark mode by default.
+If you are interested in correctly adding dark mode support for distill, please open a discussion and let us know.
+
+
Equations
+
+
This theme supports rendering beautiful math in inline and display modes using MathJax 3 engine.
+You just need to surround your math expression with $$, like $$ E = mc^2 $$.
+If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).
+
+
To use display mode, again surround your expression with $$ and place it as a separate paragraph.
+Here is an example:
Citations are then used in the article body with the <d-cite> tag.
+The key attribute is a reference to the id provided in the bibliography.
+The key attribute can take multiple ids, separated by commas.
+
+
The citation is presented inline like this: (a number that displays more information on hover).
+If you have an appendix, a bibliography is automatically created and populated in it.
+
+
Distill chose a numerical inline citation style to improve readability of citation dense articles and because many of the benefits of longer citations are obviated by displaying more information on hover.
+However, we consider it good style to mention author last names if you discuss something at length and it fits into the flow well — the authors are human and it’s nice for them to have the community associate them with their work.
+
+
+
+
Footnotes
+
+
Just wrap the text you would like to show up in a footnote in a <d-footnote> tag.
+The number of the footnote will be automatically generated.This will become a hoverable footnote.
+
+
+
+
Code Blocks
+
+
Syntax highlighting is provided within <d-code> tags.
+An example of inline code snippets: <d-code language="html">let x = 10;</d-code>.
+For larger blocks of code, add a block attribute:
+
+
+ var x = 25;
+ function(x) {
+ return x * x;
+ }
+
+
+
Note:<d-code> blocks do not look well in the dark mode.
+You can always use the default code-highlight using the highlight liquid tag:
+
+
varx=25;
+function(x){
+ returnx*x;
+}
+
+
+
+
Layouts
+
+
The main text column is referred to as the body.
+It is the assumed layout of any direct descendants of the d-article element.
+
+
+
.l-body
+
+
+
For images you want to display a little larger, try .l-page:
+
+
+
.l-page
+
+
+
All of these have an outset variant if you want to poke out from the body text a little bit.
+For instance:
+
+
+
.l-body-outset
+
+
+
+
.l-page-outset
+
+
+
Occasionally you’ll want to use the full browser width.
+For this, use .l-screen.
+You can also inset the element a little from the edge of the browser by using the inset variant.
+
+
+
.l-screen
+
+
+
.l-screen-inset
+
+
+
The final layout is for marginalia, asides, and footnotes.
+It does not interrupt the normal flow of .l-body sized text except on mobile screen sizes.
+
+
+
.l-gutter
+
+
+
+
+
Other Typography?
+
+
Emphasis, aka italics, with asterisks (*asterisks*) or underscores (_underscores_).
+
+
Strong emphasis, aka bold, with asterisks or underscores.
+
+
Combined emphasis with asterisks and underscores.
+
+
Strikethrough uses two tildes. Scratch this.
+
+
+
First ordered list item
+
Another item
+⋅⋅* Unordered sub-list.
+
Actual numbers don’t matter, just that it’s a number
+⋅⋅1. Ordered sub-list
+
And another item.
+
+
+
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
+
+
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
+⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
+⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
URLs and URLs in angle brackets will automatically get turned into links.
+http://www.example.com or http://www.example.com and sometimes
+example.com (but not on Github, for example).
+
+
Some text to show that the reference links can follow later.
No language indicated, so no syntax highlighting.
+But let's throw in a <b>tag</b>.
+
+
+
Colons can be used to align columns.
+
+
+
+
+
Tables
+
Are
+
Cool
+
+
+
+
+
col 3 is
+
right-aligned
+
$1600
+
+
+
col 2 is
+
centered
+
$12
+
+
+
zebra stripes
+
are neat
+
$1
+
+
+
+
+
There must be at least 3 dashes separating each header cell.
+The outer pipes (|) are optional, and you don’t need to make the
+raw Markdown line up prettily. You can also use inline Markdown.
+
+
+
+
+
Markdown
+
Less
+
Pretty
+
+
+
+
+
Still
+
renders
+
nicely
+
+
+
1
+
2
+
3
+
+
+
+
+
+
Blockquotes are very handy in email to emulate reply text.
+This line is part of the same quote.
+
+
+
Quote break.
+
+
+
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can putMarkdown into a blockquote.
+
+
+
Here’s a line for us to start with.
+
+
This line is separated from the one above by two newlines, so it will be a separate paragraph.
+
+
This line is also a separate paragraph, but…
+This line is only separated by a single newline, so it’s a separate line in the same paragraph.
]]>Albert Einsteina post with github metadata2020-09-28T21:01:00+00:002020-09-28T21:01:00+00:00https://alshedivat.github.io/al-folio/blog/2020/github-metadataA sample blog page that demonstrates the accessing of github meta data.
+
+
What does Github-MetaData do?
+
+
Propagates the site.github namespace with repository metadata
+
Setting site variables :
+
+
site.title
+
site.description
+
site.url
+
site.baseurl
+
+
+
Accessing the metadata - duh.
+
Generating edittable links.
+
+
+
Additional Reading
+
+
If you’re recieving incorrect/missing data, you may need to perform a Github API authentication.
+
Go through this README for more details on the topic.
+
This page highlights all the feilds you can access with github-metadata.
+
+
+
+
Example MetaData
+
+
Host Name :
+
URL :
+
BaseURL :
+
Archived :
+
Contributors :
+
]]>a post with twitter2020-09-28T15:12:00+00:002020-09-28T15:12:00+00:00https://alshedivat.github.io/al-folio/blog/2020/twitterA sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.
+
+
Tweet
+
An example of displaying a tweet:
+
jekyll-twitter-plugin (1.0.0): A Liquid tag plugin for Jekyll that renders Tweets from Twitter API http://t.co/m4EIQPM9h4
]]>a post with comments2015-10-20T15:59:00+00:002015-10-20T15:59:00+00:00https://alshedivat.github.io/al-folio/blog/2015/commentsThis post shows how to add DISQUS comments.]]>a post with math2015-10-20T15:12:00+00:002015-10-20T15:12:00+00:00https://alshedivat.github.io/al-folio/blog/2015/mathThis theme supports rendering beautiful math in inline and display modes using MathJax 3 engine. You just need to surround your math expression with $$, like $$ E = mc^2 $$. If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).
+
+
To use display mode, again surround your expression with $$ and place it as a separate paragraph. Here is an example:
]]>a post with code2015-07-15T15:09:00+00:002015-07-15T15:09:00+00:00https://alshedivat.github.io/al-folio/blog/2015/codeThis 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:
+
+
]]>a post with images2015-05-15T21:01:00+00:002015-05-15T21:01:00+00:00https://alshedivat.github.io/al-folio/blog/2015/imagesThis is an example post with image galleries.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all.
+
+
+
Images can be made zoomable.
+Simply add data-zoomable to <img> tags that you want to make zoomable.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The rest of the images in this post are all zoomable, arranged into different mini-galleries.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
]]>a post with formatting and links2015-03-15T16:40:16+00:002015-03-15T16:40:16+00:00https://alshedivat.github.io/al-folio/blog/2015/formatting-and-linksJean 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.
+
+
Hipster list
+
+
brunch
+
fixie
+
raybans
+
messenger bag
+
+
+
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.
+
+
+
+
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
+
+
+
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.
]]>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 000000000000..e7f7ca3eeda4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,282 @@
+
+
+
+
+
+
+
+
+
+
+
+ You R. Name
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Write your biography here. Tell the world about yourself. Link to your favorite subreddit. 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 automatically.
+
+
Link to your social media connections, too. This theme is set up to use Font Awesome icons and Academicons, like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
+
+
+
+
+
+
news
+
+
+
+
Jan 15, 2016
+
+ A simple inline announcement with Markdown emoji!
+
+
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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can even add a little note about which of these is the best way to reach you.
+
+
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.
+
+
+
+
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.
+
+
Hipster list
+
+
brunch
+
fixie
+
raybans
+
messenger bag
+
+
+
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.
+
+
+
+
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
+
+
+
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.
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
Every project has a beautiful feature showcase page.
+It’s easy to include images in a flexible 3-column grid format.
+Make your photos 1/3, 2/3, or full width.
+
+
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
+
+
---
+layout: page
+title: project
+description: a project with a background image
+img: /assets/img/12.jpg
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This image can also have a caption. It's like magic.
+
+
+
You can also put regular text between your rows of images.
+Say you wanted to write a little bit about your project before you posted the rest of the images.
+You describe how you toiled, sweated, bled for your project, and then… you reveal it’s glory in the next row of images.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can also have artistically styled 2/3 + 1/3 images, like these.
+
+
+
The code is simple.
+Just wrap your images with <div class="col-sm"> and place them inside <div class="row"> (read more about the Bootstrap Grid system).
+To make images responsive, add img-fluid class to each; for rounded corners and shadows use rounded and z-depth-1 classes.
+Here’s the code for the last row of images above:
@book{einstein1956investigations,
+ bibtex_show={true},
+ title={Investigations on the Theory of the Brownian Movement},
+ author={Einstein, Albert},
+ year={1956},
+ publisher={Courier Corporation,}
+}
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.
+
+
+
+
+
+
1905
+
+
+
+
+
+
+
+
+
+
+
Über die von der molekularkinetischen Theorie der Wärme geforderte Bewegung von in ruhenden Flüssigkeiten suspendierten Teilchen
+
+
+ Einstein, A.
+
+
+
+
+ Annalen der physik, May 1905
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ann. Phys.
+
+
+
+
+
+
Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat
Materials for courses you taught. Replace this text with your description.
+
+
+
+
For now, this page is assumed to be a static description of your courses. You can convert it to a collection similar to _projects/ so that you can have a dedicated page for each course.
+
+
Organize your courses by years, topics, or universities, however you like!
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+