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 2161a479c263..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: actions/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..edbd63bddd0a 100644 --- a/404.html +++ b/404.html @@ -1,9 +1,268 @@ ---- -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.

+ + + + + + + + + + + + You R. Name + + + | Page not found + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

Page not found

+

Looks like there has been a mistake. Nothing exists here.

+
+ +
+

You will be redirected to the main page within 3 seconds. If not redirected, please click here.

+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Gemfile b/Gemfile deleted file mode 100644 index 9634030b57d3..000000000000 --- a/Gemfile +++ /dev/null @@ -1,16 +0,0 @@ -source 'https://rubygems.org' -group :jekyll_plugins do - gem 'jekyll' - gem 'jekyll-diagrams' - gem 'jekyll-email-protect' - gem 'jekyll-feed' - gem 'jekyll-github-metadata' - gem 'jekyll-paginate-v2' - gem 'jekyll-scholar' - gem 'jekyll-sitemap' - gem 'jekyll-target-blank' - gem 'jekyll-twitter-plugin' - gem 'jemoji' - gem 'unicode_utils' - gem 'webrick' -end diff --git a/_bibliography/papers.bib b/_bibliography/papers.bib deleted file mode 100644 index 7ed262b72c94..000000000000 --- a/_bibliography/papers.bib +++ /dev/null @@ -1,72 +0,0 @@ ---- ---- - -@string{aps = {American Physical Society,}} - -@book{einstein1956investigations, - bibtex_show={true}, - title={Investigations on the Theory of the Brownian Movement}, - author={Einstein, Albert}, - year={1956}, - publisher={Courier Corporation,} -} - -@article{einstein1950meaning, - abbr={AJP}, - bibtex_show={true}, - title={The meaning of relativity}, - author={Einstein, Albert and Taub, AH}, - journal={American Journal of Physics,}, - volume={18}, - number={6}, - pages={403--404}, - year={1950}, - publisher={American Association of Physics Teachers,} -} - -@article{PhysRev.47.777, - abbr={PhysRev}, - title={Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?}, - author={Einstein, A. and Podolsky, B. and Rosen, N.}, - abstract={In a complete theory there is an element corresponding to each element of reality. A sufficient condition for the reality of a physical quantity is the possibility of predicting it with certainty, without disturbing the system. In quantum mechanics in the case of two physical quantities described by non-commuting operators, the knowledge of one precludes the knowledge of the other. Then either (1) the description of reality given by the wave function in quantum mechanics is not complete or (2) these two quantities cannot have simultaneous reality. Consideration of the problem of making predictions concerning a system on the basis of measurements made on another system that had previously interacted with it leads to the result that if (1) is false then (2) is also false. One is thus led to conclude that the description of reality as given by a wave function is not complete.}, - journal={Phys. Rev.,}, - volume={47}, - issue={10}, - pages={777--780}, - numpages={0}, - year={1935}, - month={May}, - publisher=aps, - doi={10.1103/PhysRev.47.777}, - url={http://link.aps.org/doi/10.1103/PhysRev.47.777}, - html={https://journals.aps.org/pr/abstract/10.1103/PhysRev.47.777}, - pdf={example_pdf.pdf}, - selected={true} -} - -@article{einstein1905molekularkinetischen, - title={{\"U}ber die von der molekularkinetischen Theorie der W{\"a}rme geforderte Bewegung von in ruhenden Fl{\"u}ssigkeiten suspendierten Teilchen}, - author={Einstein, A.}, - journal={Annalen der physik,}, - volume={322}, - number={8}, - pages={549--560}, - year={1905}, - publisher={Wiley Online Library} -} - -@article{einstein1905movement, - abbr={Ann. Phys.}, - title={Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat}, - author={Einstein, A.}, - journal={Ann. Phys.,}, - volume={17}, - pages={549--560}, - year={1905} -} - -@article{einstein1905electrodynamics, - title={On the electrodynamics of moving bodies}, - author={Einstein, A.}, - year={1905} -} diff --git a/_config.yml b/_config.yml deleted file mode 100644 index 0943d7063b5a..000000000000 --- a/_config.yml +++ /dev/null @@ -1,242 +0,0 @@ -# ----------------------------------------------------------------------------- -# Site settings -# ----------------------------------------------------------------------------- - -title: blank # the website title (if blank, full name will be used instead) -first_name: You -middle_name: R. -last_name: Name -email: you@example.com -description: > # the ">" symbol means to ignore newlines until "footer_text:" - A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. -footer_text: > - Powered by Jekyll with al-folio theme. - Hosted by GitHub Pages. - Photos from Unsplash. - -icon: 🔥 # the emoji used as the favicon -url: https://alshedivat.github.io # the base hostname & protocol for your site -baseurl: /al-folio # the subpath of your site, e.g. /blog/ -last_updated: false # set to true if you want to display last updated in the footer -impressum_path: # set to path to include impressum link in the footer, use the same path as permalink in a page, helps to conform with EU GDPR - -# ----------------------------------------------------------------------------- -# RSS Feed -# ----------------------------------------------------------------------------- -# will use title and url fields -# Take a look to https://github.com/jekyll/jekyll-feed for more customization - -# ----------------------------------------------------------------------------- -# Layout -# ----------------------------------------------------------------------------- - -navbar_fixed: true -footer_fixed: true - -# Dimensions -max_width: 800px - -# TODO: add layout settings (single page vs. multi-page) - -# ----------------------------------------------------------------------------- -# Open Graph -# ----------------------------------------------------------------------------- -# Display links to the page with a preview object on social media. -serve_og_meta: false # Include Open Graph meta tags in the HTML head -og_image: # The site-wide (default for all links) Open Graph preview image - -# ----------------------------------------------------------------------------- -# Social integration -# ----------------------------------------------------------------------------- - -github_username: # your GitHub user name -gitlab_username: # your GitLab user name -twitter_username: # your Twitter handle -linkedin_username: # your LinkedIn user name -scholar_userid: # your Google Scholar ID -orcid_id: # your ORCID ID -medium_username: # your Medium username -quora_username: # your Quora username -publons_id: # your ID on Publons -research_gate_profile: # your profile on ResearchGate -blogger_url: # your blogger URL -work_url: # work page URL -keybase_username: # your keybase user name -wikidata_id: # your wikidata id -dblp_url: # your DBLP profile url -stackoverflow_id: #your stackoverflow id - -rss_icon: true - -contact_note: > - You can even add a little note about which of these is the best way to reach you. - -google_analytics: UA-XXXXXXXXX # out your google-analytics code -panelbear_analytics: XXXXXXXXX # panelbear analytics site ID - -# ----------------------------------------------------------------------------- -# Blog -# ----------------------------------------------------------------------------- - -blog_name: al-folio # your blog must have a name for it to show up in the nav bar -blog_description: a simple whitespace theme for academics -permalink: /blog/:year/:title/ - -# Pagination -pagination: - enabled: true - -# Comments -disqus_shortname: al-folio # put your disqus shortname -# https://help.disqus.com/en/articles/1717111-what-s-a-shortname - -# ----------------------------------------------------------------------------- -# Collections -# ----------------------------------------------------------------------------- - -collections: - news: - defaults: - layout: post - output: true - permalink: /news/:path/ - projects: - output: true - permalink: /projects/:path/ - -news_limit: 5 - -# ----------------------------------------------------------------------------- -# Jekyll settings -# ----------------------------------------------------------------------------- - -# Markdown and syntax highlight -markdown: kramdown -highlighter: rouge -highlight_theme: github # https://github.com/jwarby/jekyll-pygments-themes -kramdown: - input: GFM - syntax_highlighter_opts: - css_class: 'highlight' - span: - line_numbers: false - block: - line_numbers: false - start_line: 1 - -# Includes & excludes -include: ['_pages'] -exclude: - - bin - - Gemfile - - Gemfile.lock - - vendor -keep_files: - - CNAME - - .nojekyll - - .git - -# Plug-ins -plugins: - - jekyll/scholar - - jekyll-diagrams - - jekyll-email-protect - - jekyll-feed - - jekyll-github-metadata - - jekyll-paginate-v2 - - jekyll-sitemap - - jekyll-target-blank - - jekyll-twitter-plugin - - jemoji - -# Extras -github: [metadata] - -# ----------------------------------------------------------------------------- -# Jekyll Scholar -# ----------------------------------------------------------------------------- - -scholar: - - last_name: Einstein - first_name: [Albert, A.] - - style: apa - locale: en - - source: /_bibliography/ - bibliography: papers.bib - bibliography_template: bib - # Note: if you have latex math in your bibtex, the latex filter - # preprocessing may conflict with MathJAX if the latter is enabled. - # See https://github.com/alshedivat/al-folio/issues/357. - bibtex_filters: [latex, smallcaps, superscript] - - replace_strings: true - join_strings: true - - details_dir: bibliography - details_layout: bibtex.html - details_link: Details - - query: "@*" - -# ----------------------------------------------------------------------------- -# Jekyll Diagrams -# ----------------------------------------------------------------------------- - -jekyll-diagrams: - # configuration, see https://github.com/zhustec/jekyll-diagrams. - # feel free to comment out this section if not using jekyll diagrams. - -# ----------------------------------------------------------------------------- -# Optional Features -# ----------------------------------------------------------------------------- - -enable_google_analytics: false # enables google analytics -enable_panelbear_analytics: false # enables panelbear analytics -enable_mansory: true # enables automatic project cards arangement -enable_math: true # enables math typesetting (uses MathJax) -enable_tooltips: false # enables automatic tooltip links generated - # for each section titles on pages and posts -enable_darkmode: true # enables switching between light/dark modes -enable_navbar_social: false # enables displaying social links in the - # navbar on the about page -enable_project_categories: true # enables categorization of projects into - # multiple categories -enable_medium_zoom: true # enables image zoom feature (as on medium.com) - -# ----------------------------------------------------------------------------- -# Library versions -# ----------------------------------------------------------------------------- - -academicons: - version: "1.9.0" - integrity: "sha512-W4yqoT1+8NLkinBLBZko+dFB2ZbHsYLDdr50VElllRcNt2Q4/GSs6u71UHKxB7S6JEMCp5Ve4xjh3eGQl/HRvg==" -bootstrap: - version: "4.5.2" - integrity: - css: "sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" - js: "sha512-M5KW3ztuIICmVIhjSqXe01oV2bpe248gOxqmlcYrEzAvws7Pw3z6BK0iGbrwvdrUQUhi3eXgtxp5I8PDo9YfjQ==" -fontawesome: - version: "5.14.0" - integrity: "sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" -jquery: - version: "3.5.1" - integrity: "sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" -mathjax: - version: "3.2.0" -mansory: - version: "4.2.2" - integrity: "sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=" -mdb: - version: "4.19.1" - integrity: - css: "sha512-RO38pBRxYH3SoOprtPTD86JFOclM51/XTIdEPh5j8sj4tp8jmQIx26twG52UaLi//hQldfrh7e51WzP9wuP32Q==" - js: "sha512-Mug9KHKmroQFMLm93zGrjhibM2z2Obg9l6qFG2qKjXEXkMp/VDkI4uju9m4QKPjWSwQ6O2qzZEnJDEeCw0Blcw==" -popper: - version: "2.4.4" - integrity: "sha512-eUQ9hGdLjBjY3F41CScH3UX+4JDSI9zXeroz7hJ+RteoCaY+GP/LDoM8AO+Pt+DRFw3nXqsjh9Zsts8hnYv8/A==" -medium_zoom: - version: "1.0.6" - integrity: "sha256-EdPgYcPk/IIrw7FYeuJQexva49pVRZNmt3LculEr7zM=" diff --git a/_data/coauthors.yml b/_data/coauthors.yml deleted file mode 100644 index 0c1c954a395b..000000000000 --- a/_data/coauthors.yml +++ /dev/null @@ -1,18 +0,0 @@ -"Adams": - - firstname: ["Edwin", "E.", "E. P.", "Edwin Plimpton"] - url: https://en.wikipedia.org/wiki/Edwin_Plimpton_Adams - -"Podolsky": - - firstname: ["Boris", "B.", "B. Y.", "Boris Yakovlevich"] - url: https://en.wikipedia.org/wiki/Boris_Podolsky - -"Rosen": - - firstname: ["Nathan", "N."] - url: https://en.wikipedia.org/wiki/Nathan_Rosen - -"Bach": - - firstname: ["Johann Sebastian", "J. S."] - url: https://en.wikipedia.org/wiki/Johann_Sebastian_Bach - - - firstname: ["Carl Philipp Emanuel", "C. P. E."] - url: https://en.wikipedia.org/wiki/Carl_Philipp_Emanuel_Bach diff --git a/_includes/footer.html b/_includes/footer.html deleted file mode 100644 index 2e3452184cfa..000000000000 --- a/_includes/footer.html +++ /dev/null @@ -1,27 +0,0 @@ -{% if site.footer_fixed %} - -{% else %} - -{% endif %} diff --git a/_includes/head.html b/_includes/head.html deleted file mode 100644 index 3b1f1f33bb25..000000000000 --- a/_includes/head.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - -{% if site.title == "blank" %} - {{ site.first_name }} {{ site.middle_name }} {{ site.last_name }} -{% else %} - {{ site.title }} -{% endif %} -{% if page.title != "blank" and page.url != "/" %} - | {{ page.title }} -{% endif %} - - - - -{% if site.serve_og_meta %} - - - - - - -{% endif %} - - - - - - - - - - - - - - -{% if site.icon != empty %} - -{% endif %} - - - - -{% include scripts/jquery.html %} - - -{% if site.enable_darkmode %} - - -{% endif %} - -{% if site.enable_google_analytics %} - - - -{% endif %} - -{% if site.enable_panelbear_analytics %} - - - -{% endif %} diff --git a/_includes/header.html b/_includes/header.html deleted file mode 100644 index 31e1fd2a4b19..000000000000 --- a/_includes/header.html +++ /dev/null @@ -1,92 +0,0 @@ -
- - - - -
diff --git a/_includes/news.html b/_includes/news.html deleted file mode 100644 index e1fc80bcb72f..000000000000 --- a/_includes/news.html +++ /dev/null @@ -1,24 +0,0 @@ -
-

news

- {% if site.news %} -
- - {% assign news = site.news | reverse %} - {% for item in news limit: site.news_limit %} - - - - - {% endfor %} -
{{ item.date | date: "%b %-d, %Y" }} - {% if item.inline %} - {{ item.content | remove: '

' | remove: '

' | emojify }} - {% else %} - {{ item.title }} - {% endif %} -
-
- {% else %} -

No news so far...

- {% endif %} -
diff --git a/_includes/pagination.html b/_includes/pagination.html deleted file mode 100644 index 676101755041..000000000000 --- a/_includes/pagination.html +++ /dev/null @@ -1,17 +0,0 @@ -{% if paginator.total_pages > 1 %} - -{% endif %} diff --git a/_includes/projects.html b/_includes/projects.html deleted file mode 100644 index 1af5547d30ba..000000000000 --- a/_includes/projects.html +++ /dev/null @@ -1,32 +0,0 @@ -
- {% if project.redirect %} - - {% else %} - - {% endif %} -
- {% if project.img %} - project thumbnail - {% endif %} -
-

{{ project.title }}

-

{{ project.description }}

-
- {% if project.github %} -
-
- -
- {% if project.github_stars %} - - - - - {% endif %} -
- {% endif %} -
-
-
- -
diff --git a/_includes/projects_horizontal.html b/_includes/projects_horizontal.html deleted file mode 100644 index d1d7924fa6c2..000000000000 --- a/_includes/projects_horizontal.html +++ /dev/null @@ -1,40 +0,0 @@ -
- {% if project.redirect %} - - {% else %} - - {% endif %} -
-
- {% if project.img %} -
- project thumbnail -
-
- {% else %} -
- {% endif %} -
-

{{ project.title }}

-

{{ project.description }}

-
- {% if project.github %} -
-
- -
- {% if project.github_stars %} - - - - - {% endif %} -
- {% endif %} -
-
-
-
-
- -
diff --git a/_includes/scripts/bootstrap.html b/_includes/scripts/bootstrap.html deleted file mode 100644 index 2c5d4ee066da..000000000000 --- a/_includes/scripts/bootstrap.html +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/_includes/scripts/jquery.html b/_includes/scripts/jquery.html deleted file mode 100644 index 8de7788d3e18..000000000000 --- a/_includes/scripts/jquery.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/_includes/scripts/mansory.html b/_includes/scripts/mansory.html deleted file mode 100644 index 5a93a9eeda31..000000000000 --- a/_includes/scripts/mansory.html +++ /dev/null @@ -1,6 +0,0 @@ -{% if site.enable_mansory %} - - - - -{% endif %} diff --git a/_includes/scripts/mathjax.html b/_includes/scripts/mathjax.html deleted file mode 100644 index 53db9e018b14..000000000000 --- a/_includes/scripts/mathjax.html +++ /dev/null @@ -1,12 +0,0 @@ -{% if site.enable_math %} - - - - -{% endif %} diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html deleted file mode 100644 index 260ce1b199e6..000000000000 --- a/_includes/scripts/misc.html +++ /dev/null @@ -1,15 +0,0 @@ -{% if site.enable_tooltips %} - - -{% endif %} - -{% if site.enable_medium_zoom %} - - - -{% endif %} - - - diff --git a/_includes/selected_papers.html b/_includes/selected_papers.html deleted file mode 100644 index 0093c87aed12..000000000000 --- a/_includes/selected_papers.html +++ /dev/null @@ -1,4 +0,0 @@ -
-

selected publications

- {% bibliography -f papers -q @*[selected=true]* %} -
diff --git a/_includes/social.html b/_includes/social.html deleted file mode 100644 index 48172cdb6695..000000000000 --- a/_includes/social.html +++ /dev/null @@ -1,20 +0,0 @@ -{% if site.email %}{% endif %} -{% if site.orcid_id %}{% endif %} -{% if site.scholar_userid %}{% endif %} -{% if site.publons_id %}{% endif %} -{% if site.research_gate_profile %}{% endif %} -{% if site.github_username %}{% endif %} -{% if site.linkedin_username %}{% endif %} -{% if site.twitter_username %}{% endif %} -{% if site.medium_username %}{% endif %} -{% if site.quora_username %}{% endif %} -{% if site.blogger_url %}{% endif %} -{% if site.work_url %}{% endif %} -{% if site.wikidata_id %}{% endif %} -{% if site.strava_userid %}{% endif %} -{% if site.keybase_username %}{% endif %} -{% if site.gitlab_username %}{% endif %} -{% if site.dblp_url %}{% endif %} -{% if site.stackoverflow_id %}{% endif %} - -{% if site.rss_icon %}{% endif %} diff --git a/_layouts/about.html b/_layouts/about.html deleted file mode 100644 index bb3b6b1248bb..000000000000 --- a/_layouts/about.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -layout: default ---- - -
- -
-

- {% if site.title == "blank" %}{{ site.first_name }} {{ site.middle_name }} {{ site.last_name }}{% else %}{{ site.title }}{% endif %} -

-

{{ page.description }}

-
- -
- {% if page.profile %} -
- {% if page.profile.image %} - - {% endif %} - {% if page.profile.address %} -
- {{ page.profile.address }} -
- {% endif %} -
- {% endif %} - -
- {{ content }} -
- - {% if page.news %} - {% include news.html %} - {% endif %} - - {% if page.selected_papers %} - {% include selected_papers.html %} - {% endif %} - - {% if page.social %} - - {% endif %} -
- -
diff --git a/_layouts/bib.html b/_layouts/bib.html deleted file mode 100644 index ac4ee3f64aeb..000000000000 --- a/_layouts/bib.html +++ /dev/null @@ -1,148 +0,0 @@ ---- ---- - -
-
- {% if entry.abbr %} - {% if site.data.venues[entry.abbr] %} - {{entry.abbr}} - {% else %} - {{entry.abbr}} - {% endif %} - {% endif %} -
- -
- {% if entry.type == "thesis" %} - {{reference}} - {% else %} -
{{entry.title}}
-
- {% for author in entry.author_array %} - {% assign author_is_self = false %} - {% if author.last == site.scholar.last_name%} - {% if site.scholar.first_name contains author.first%} - {% assign author_is_self = true %} - {% endif %} - {% endif %} - {% assign coauthor_url = nil %} - {% if site.data.coauthors[author.last] %} - {% for coauthor in site.data.coauthors[author.last] %} - {% if coauthor.firstname contains author.first %} - {% assign coauthor_url = coauthor.url %} - {% break %} - {% endif %} - {% endfor %} - {% endif %} - - {% if forloop.length == 1 %} - {% if author_is_self %} - {{author.last}}, {{author.first}} - {% else %} - {{author.last}}, {{author.first}} - {% endif %} - {% else %} - {% unless forloop.last %} - {% if author_is_self %} - {{author.last}}, {{author.first}}, - {% else %} - {% if coauthor_url %} - {{author.last}}, {{author.first}}, - {% else %} - {{author.last}}, {{author.first}}, - {% endif %} - {% endif %} - {% else %} - {% if author_is_self %} - and {{author.last}}, {{author.first}} - {% else %} - {% if coauthor_url %} - and {{author.last}}, {{author.first}} - {% else %} - and {{author.last}}, {{author.first}} - {% endif %} - {% endif %} - {% endunless %} - {% endif %} - {% endfor %} -
- -
- {% if entry.type == "article" %} - {{entry.journal}} - {% elsif entry.type == "inproceedings" %} - In {{entry.booktitle}} - {% endif %} - {% if entry.year %} - {{entry.year}} - {% endif %} -
- {% endif %} - -
- {% if entry.abstract %} - Abs - {% endif %} - {% if entry.arxiv %} - arXiv - {% endif %} - {% if entry.bibtex_show %} - Bib - {% endif %} - {% if entry.html %} - HTML - {% endif %} - {% if entry.pdf %} - {% if entry.pdf contains '://' %} - PDF - {% else %} - PDF - {% endif %} - {% endif %} - {% if entry.supp %} - {% if entry.supp contains '://' %} - Supp - {% else %} - Supp - {% endif %} - {% endif %} - {% if entry.blog %} - Blog - {% endif %} - {% if entry.code %} - Code - {% endif %} - {% if entry.poster %} - {% if entry.poster contains '://' %} - Poster - {% else %} - Poster - {% endif %} - {% endif %} - {% if entry.slides %} - {% if entry.slides contains '://' %} - Slides - {% else %} - Slides - {% endif %} - {% endif %} - {% if entry.website %} - Website - {% endif %} -
- - - {% if entry.abstract %} - - {% endif %} - - - {% if entry.bibtex_show %} - - {% endif %} -
-
diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index 8e0d8ec57557..000000000000 --- a/_layouts/default.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - {% if page.redirect %}{% endif %} - {% include head.html %} - {% include scripts/mathjax.html %} - - - - - - - {% include header.html %} - - - -
- {{ content }} -
- - - - {% include footer.html %} - - - - {% include scripts/bootstrap.html %} - {% include scripts/mansory.html %} - {% include scripts/misc.html %} - - diff --git a/_layouts/distill.html b/_layouts/distill.html deleted file mode 100644 index a038990b664a..000000000000 --- a/_layouts/distill.html +++ /dev/null @@ -1,89 +0,0 @@ - - - - {% include head.html %} - {% include scripts/mathjax.html %} - - - - {% if page._styles %} - - {% endif %} - - - - - - - - - - - {% include header.html %} - - - -
- - -

{{ page.title }}

-

{{ page.description }}

- - - - - - {{ content }} - - - - - - - -
- - - - {% include footer.html %} - - - - - - - diff --git a/_layouts/none.html b/_layouts/none.html deleted file mode 100644 index b92f6522338a..000000000000 --- a/_layouts/none.html +++ /dev/null @@ -1 +0,0 @@ -{{content}} diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100644 index 10b9ab4f66fa..000000000000 --- a/_layouts/page.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title }}

-

{{ page.description }}

-
- -
- {{ content }} -
- -
diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100644 index 70d595edcc43..000000000000 --- a/_layouts/post.html +++ /dev/null @@ -1,37 +0,0 @@ ---- -layout: default ---- - -{% if page._styles %} - -{% endif %} - -
- -
-

{{ page.title }}

-

{{ page.date | date: "%B %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}

-
- -
- {{ content }} -
- - {% if site.disqus_shortname and page.comments %} -
- - - {% endif %} - -
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 - - -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 2008d41688f0..000000000000 --- a/_pages/about.md +++ /dev/null @@ -1,24 +0,0 @@ ---- -layout: about -title: about -permalink: / -description: 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..b258cd9b9221 --- /dev/null +++ b/_pages/dropdown/index.html @@ -0,0 +1,270 @@ + + + + + + + + + + + + You R. Name + + + | submenus + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

submenus

+

+
+ +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_pages/projects.md b/_pages/projects.md deleted file mode 100644 index f3ca5556481e..000000000000 --- a/_pages/projects.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -layout: page -title: projects -permalink: /projects/ -description: A growing collection of your cool projects. -nav: true -display_categories: [work, fun] -horizontal: false ---- -
- {% if site.enable_project_categories and page.display_categories %} - - {% for category in page.display_categories %} -

{{ category }}

- {% assign categorized_projects = site.projects | where: "category", category %} - {% assign sorted_projects = categorized_projects | sort: "importance" %} - - {% if page.horizontal %} -
-
- {% for project in sorted_projects %} - {% include projects_horizontal.html %} - {% endfor %} -
-
- {% else %} -
- {% for project in sorted_projects %} - {% include projects.html %} - {% endfor %} -
- {% endif %} - {% endfor %} - - {% else %} - - {% assign sorted_projects = site.projects | sort: "importance" %} - - {% if page.horizontal %} -
-
- {% for project in sorted_projects %} - {% include projects_horizontal.html %} - {% endfor %} -
-
- {% else %} -
- {% for project in sorted_projects %} - {% include projects.html %} - {% endfor %} -
- {% endif %} - - {% endif %} - -
diff --git a/_pages/publications.md b/_pages/publications.md deleted file mode 100644 index 58634bd53fc1..000000000000 --- a/_pages/publications.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -layout: page -permalink: /publications/ -title: publications -description: publications by categories in reversed chronological order. generated by jekyll-scholar. -years: [1956, 1950, 1935, 1905] -nav: true ---- - -
- -{% for y in page.years %} -

{{y}}

- {% bibliography -f papers -q @*[year={{y}}]* %} -{% endfor %} - -
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/_posts/2015-03-15-formatting-and-links.md b/_posts/2015-03-15-formatting-and-links.md deleted file mode 100644 index 8edeba65e70c..000000000000 --- a/_posts/2015-03-15-formatting-and-links.md +++ /dev/null @@ -1,28 +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 ---- -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 - - -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 634791888fe9..000000000000 --- a/_posts/2015-05-15-images.md +++ /dev/null @@ -1,45 +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 ---- -This 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 `` tags that you want to make zoomable. - -
-
- -
-
- -
-
- -The rest of the images in this post are all zoomable, arranged into different mini-galleries. - -
-
- -
-
- -
-
- -
-
diff --git a/_posts/2015-07-15-code.md b/_posts/2015-07-15-code.md deleted file mode 100644 index 2dc73ce640e5..000000000000 --- a/_posts/2015-07-15-code.md +++ /dev/null @@ -1,39 +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 ---- -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 55b900f907fc..000000000000 --- a/_posts/2015-10-20-comments.md +++ /dev/null @@ -1,8 +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 ---- -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 c7c2fa2a4f51..000000000000 --- a/_posts/2015-10-20-math.md +++ /dev/null @@ -1,25 +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 ---- -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:caushy-shwarz} -\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 bc19df7843ef..000000000000 --- a/_posts/2018-12-22-distill.md +++ /dev/null @@ -1,275 +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 - -# 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

-
- - -Emphasis, aka italics, with *asterisks* or _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: -![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1") - -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. - - -Three or more... - ---- - -Hyphens - -*** - -Asterisks - -___ - -Underscores - -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*. \ No newline at end of file diff --git a/_posts/2020-09-28-github-metadata.md b/_posts/2020-09-28-github-metadata.md deleted file mode 100644 index 3f406310f295..000000000000 --- a/_posts/2020-09-28-github-metadata.md +++ /dev/null @@ -1,34 +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. ---- - -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 %} \ No newline at end of file diff --git a/_posts/2020-09-28-twitter.md b/_posts/2020-09-28-twitter.md deleted file mode 100644 index f67b191f3e2f..000000000000 --- a/_posts/2020-09-28-twitter.md +++ /dev/null @@ -1,18 +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 ---- -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/_projects/1_project.md b/_projects/1_project.md deleted file mode 100644 index ea09a99b1fdf..000000000000 --- a/_projects/1_project.md +++ /dev/null @@ -1,78 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_projects/2_project.md b/_projects/2_project.md deleted file mode 100644 index 7a7de4bb3759..000000000000 --- a/_projects/2_project.md +++ /dev/null @@ -1,78 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_projects/3_project.md b/_projects/3_project.md deleted file mode 100644 index db5ad61d8855..000000000000 --- a/_projects/3_project.md +++ /dev/null @@ -1,79 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_projects/4_project.md b/_projects/4_project.md deleted file mode 100644 index bb19465b18ed..000000000000 --- a/_projects/4_project.md +++ /dev/null @@ -1,78 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_projects/5_project.md b/_projects/5_project.md deleted file mode 100644 index 0e07044327ff..000000000000 --- a/_projects/5_project.md +++ /dev/null @@ -1,78 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_projects/6_project.md b/_projects/6_project.md deleted file mode 100644 index e3fa046b72f9..000000000000 --- a/_projects/6_project.md +++ /dev/null @@ -1,78 +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: - -```html -
-
- -
-
- -
-
-``` diff --git a/_sass/_base.scss b/_sass/_base.scss deleted file mode 100644 index 160744003c37..000000000000 --- a/_sass/_base.scss +++ /dev/null @@ -1,519 +0,0 @@ -/******************************************************************************* - * Styles for the base elements of the theme. - ******************************************************************************/ - -// Typography - -p, h1, h2, h3, h4, h5, h6, em, div, span, strong { - color: var(--global-text-color); -} - -a, table.table a { - color: var(--global-theme-color); - &:hover { - color: var(--global-theme-color); - text-decoration: underline; - } - &:hover:after :not(.nav-item.dropdown) { - width: 100%; - } -} - -blockquote { - background: var(--global-bg-color); - border-left: 2px solid var(--global-theme-color); - margin: 1.5em 10px; - padding: 0.5em 10px; - font-size: 1.2rem; -} - -// Math - -.equation { - margin-bottom: 1rem; - text-align: center; -} - -// Caption - -.caption { - font-size: 0.875rem; - margin-top: 0.75rem; - margin-bottom: 1.5rem; - text-align: center; -} - -// Citation -.citation, .citation-number { - color: var(--global-theme-color); -} - -// Profile - -.profile { - margin-left: 1rem; - width: 100%; - - .address { - margin-bottom: 5px; - margin-top: 5px; - font-family: monospace; - p { - display: inline-block; - margin: 0; - } - } -} - -@media (min-width: 576px) { - .profile { - width: 30%; - .address { - p { display: block; } - } - } -} - -.post-description { - margin-bottom: 2rem; - font-size: 0.875rem; - a { - color: inherit; - &:hover { - color: var(--global-theme-color); - text-decoration: none; - } - } -} - - -// Navbar customization - -.navbar { - box-shadow: none; - border-bottom: 1px solid $grey-color-light; - background-color: var(--global-bg-color); - opacity: 0.95; -} -.navbar .dropdown-menu { - background-color: var(--global-bg-color); - a:not(.active) { - color: var(--global-text-color); - } - a:hover { - color: var(--global-hover-color); - } -} -.dropdown-item { - color: var(--global-text-color); - &:hover { - color: var(--global-hover-color); - background-color: var(--global-bg-color); - } -} -.navbar.navbar-light { - a { - &:hover { - text-decoration: none; - } - } - .navbar-brand { - color: var(--global-text-color); - } - .navbar-nav .nav-item .nav-link { - color: var(--global-text-color); - &:hover { - color: var(--global-hover-color); - } - } - .navbar-nav .nav-item.active>.nav-link { - background-color: inherit; - font-weight: bolder; - color: var(--global-theme-color); - &:hover { - color: var(--global-hover-color); - } - } - .navbar-brand.social { - padding-bottom: 0; - padding-top: 0; - font-size: 1.7rem; - a { - i::before { - color: var(--global-text-color); - -webkit-transition: all 0.2s ease-in-out; - } - &:hover { - i::before { - color: var(--global-theme-color); - } - } - } - } -} - -.navbar-toggler { - .icon-bar { - display: block; - width: 22px; - height: 2px; - background-color: var(--global-text-color); - border-radius: 1px; - margin-bottom: 4px; - transition: all 0.2s; - } - .top-bar { - transform: rotate(45deg); - transform-origin: 10% 10%; - } - .middle-bar { - opacity: 0; - } - .bottom-bar { - transform: rotate(-45deg); - transform-origin: 10% 90%; - } -} - -.navbar-toggler.collapsed { - .top-bar { - transform: rotate(0); - } - .middle-bar { - opacity: 1; - } - .bottom-bar { - transform: rotate(0); - } -} - - -// News - -.news table td { - font-size: 1rem; - color: var(--global-text-color); -} - -.news table th { - color: var(--global-text-color); -} - -// Social (bottom) - -.social { - text-align: center; - .contact-icons { - font-size: 4rem; - a { - i::before { - color: var(--global-text-color); - -webkit-transition: all 0.2s ease-in-out; - } - &:hover { - i::before { - color: var(--global-theme-color); - } - } - } - } - .contact-note { - font-size: 0.8rem; - } -} - - -// Footer -footer.fixed-bottom { - background-color: var(--global-footer-bg-color); - font-size: 0.75rem; - .container { - color: var(--global-footer-text-color); - padding-top: 9px; - padding-bottom: 8px; - } - a { - color: var(--global-footer-link-color); - &:hover { - color: var(--global-theme-color); - text-decoration: none; - } - } -} - -footer.sticky-bottom { - border-top: 1px solid $grey-color-light; - padding-top: 40px; - padding-bottom: 40px; - font-size: 0.9rem; -} - - -// Blog - -.header-bar { - border-bottom: 1px solid $grey-color-light; - text-align: center; - padding-top: 2rem; - padding-bottom: 5rem; - h1 { - color: var(--global-theme-color); - font-size: 5rem; - } -} - -.post-list { - margin: 0; - margin-bottom: 40px; - padding: 0; - li { - border-bottom: 1px solid $grey-color-light; - list-style: none; - padding-top: 2rem; - padding-bottom: 2rem; - .post-meta { - color: var(--global-text-color-light); - font-size: 0.875rem; - margin-bottom: 0; - } - a { - color: var(--global-text-color); - text-decoration: none; - &:hover { - color: var(--global-theme-color); - } - } - } -} - -.pagination { - .page-item { - .page-link { - color: var(--global-text-color); - &:hover { - color: $black-color; - } - } - &.active .page-link { - color: $white-color; - background-color: var(--global-theme-color); - &:hover { - background-color: var(--global-theme-color); - } - } - } -} - - -// Distill - -.distill { - a:hover { - border-bottom-color: var(--global-theme-color); - text-decoration: none; - } -} - - -// Projects - -.projects { - a { - text-decoration: none; - - &:hover { - .card-title { - color: var(--global-theme-color); - } - } - } - - .card { - img { - width: 100%; - } - .card-title { - color: $black-color; - } - } - - .card-item { - width: auto; - margin-bottom: 10px; - - .row { - display: flex; - align-items: center; - } - } - - .grid-item { - width: 250px; - margin-bottom: 10px; - } - - h2.category { - color: $grey-color-light; - border-bottom: 1px solid $grey-color-light; - padding-top: 0.5rem; - margin-top: 2rem; - margin-bottom: 1rem; - text-align: right; - } -} - - -// Publications - -.publications { - margin-top: 2rem; - h1 { - color: var(--global-theme-color); - font-size: 2rem; - text-align: center; - margin-top: 1em; - margin-bottom: 1em; - } - h2 { - margin-bottom: 1rem; - span { - font-size: 1.5rem; - } - } - h2.year { - color: $grey-color-light; - border-top: 1px solid $grey-color-light; - padding-top: 1rem; - margin-top: 2rem; - margin-bottom: -2rem; - text-align: right; - } - ol.bibliography { - list-style: none; - padding: 0; - margin-top: 0; - - li { - margin-bottom: 1rem; - .abbr { - height: 2rem; - margin-bottom: 0.5rem; - abbr { - display: inline-block; - background-color: var(--global-theme-color); - padding-left: 1rem; - padding-right: 1rem; - a { - color: white; - &:hover { - text-decoration: none; - } - } - } - .award { - color: var(--global-theme-color) !important; - border: 1px solid var(--global-theme-color); - } - } - .title { - font-weight: bolder; - } - .author { - a { - border-bottom: 1px dashed var(--global-theme-color); - &:hover { - border-bottom-style: solid; - text-decoration: none; - } - } - > em { - border-bottom: 1px solid; - font-style: normal; - } - } - .links { - a.btn { - color: var(--global-text-color); - border: 1px solid var(--global-text-color); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - &:hover { - color: var(--global-theme-color); - border-color: var(--global-theme-color); - } - } - } - .hidden { - font-size: 0.875rem; - max-height: 0px; - overflow: hidden; - text-align: justify; - -webkit-transition: 0.15s ease; - -moz-transition: 0.15s ease; - -ms-transition: 0.15s ease; - -o-transition: 0.15s ease; - transition: all 0.15s ease; - - p { - line-height: 1.4em; - margin: 10px; - } - pre { - font-size: 1em; - line-height: 1.4em; - padding: 10px; - } - } - .hidden.open { - max-height: 100em; - -webkit-transition: 0.15s ease; - -moz-transition: 0.15s ease; - -ms-transition: 0.15s ease; - -o-transition: 0.15s ease; - transition: all 0.15s ease; - } - div.abstract.hidden { - border: dashed 1px var(--global-bg-color); - } - div.abstract.hidden.open { - border-color: var(--global-text-color); - } - } - } -} - -// Rouge Color Customization -figure.highlight { - margin: 0 0 1rem; -} - -pre { - color: var(--global-theme-color); - background-color: var(--global-code-bg-color); - border-radius: 6px; - padding: 6px 12px; - pre, code { - background-color: transparent; - border-radius: 0; - padding: 0; - } -} - -code { - color: var(--global-theme-color); - background-color: var(--global-code-bg-color); - border-radius: 3px; - padding: 3px 3px; -} - - -// Transitioning Themes -html.transition, -html.transition *, -html.transition *:before, -html.transition *:after { - transition: all 750ms !important; - transition-delay: 0 !important; -} diff --git a/_sass/_distill.scss b/_sass/_distill.scss deleted file mode 100644 index 24eb4b432899..000000000000 --- a/_sass/_distill.scss +++ /dev/null @@ -1,45 +0,0 @@ -/******************************************************************************* - * Style overrides for distill blog posts. - ******************************************************************************/ - -d-byline { - border-top-color: $grey-color-light !important; -} - -d-byline h3 { - color: var(--global-text-color) !important; -} - -d-byline a, d-article d-byline a { - color: var(--global-text-color) !important; - &:hover { - color: var(--global-hover-color) !important; - } -} - -d-article { - border-top-color: #e8e8e8 !important; - a, p, h1, h2, h3, h4, h5, h6, li, table { - color: var(--global-text-color) !important; - } - a, h1, h2, hr { - border-bottom-color: $grey-color-light !important; - } - a:hover { - border-bottom-color: var(--global-hover-color) !important; - } -} - -d-appendix { - border-top-color: $grey-color-light !important; - color: var(--global-distill-app-color) !important; - h3, li, span { - color: var(--global-distill-app-color) !important; - } - a, a.footnote-backlink { - color: var(--global-distill-app-color) !important; - &:hover { - color: var(--global-hover-color) !important; - } - } -} diff --git a/_sass/_layout.scss b/_sass/_layout.scss deleted file mode 100644 index 3a676b16eb27..000000000000 --- a/_sass/_layout.scss +++ /dev/null @@ -1,46 +0,0 @@ -/****************************************************************************** - * Content - ******************************************************************************/ - - body { - padding-bottom: 70px; - color: var(--global-text-color); - background-color: var(--global-bg-color); - } - - body.fixed-top-nav { - // Add some padding for the nav-bar. - padding-top: 56px; - } - - body.sticky-bottom-footer { - // Remove padding below footer. - padding-bottom: 0; - } - -.container { - max-width: $max-content-width; -} - -// Profile -.profile { - img { - width: 100%; - } -} - -// TODO: redefine content layout. - - -/****************************************************************************** - * Publications - ******************************************************************************/ - -// TODO: redefine publications layout. - - -/***************************************************************************** -* Projects -*****************************************************************************/ - -// TODO: redefine projects layout. diff --git a/_sass/_themes.scss b/_sass/_themes.scss deleted file mode 100644 index 4b480d6e2ee9..000000000000 --- a/_sass/_themes.scss +++ /dev/null @@ -1,47 +0,0 @@ -/******************************************************************************* - * Themes - ******************************************************************************/ - -:root { - --global-bg-color: #{$white-color}; - --global-code-bg-color: #{$code-bg-color-light}; - --global-text-color: #{$black-color}; - --global-text-color-light: #{$grey-color}; - --global-theme-color: #{$purple-color}; - --global-hover-color: #{$purple-color}; - --global-footer-bg-color: #{$grey-color-dark}; - --global-footer-text-color: #{$grey-color-light}; - --global-footer-link-color: #{$white-color}; - --global-distill-app-color: #{$grey-color}; - - .fa-sun { - display : none; - } - .fa-moon { - padding-left: 10px; - padding-top: 12px; - display : block; - } -} - -html[data-theme='dark'] { - --global-bg-color: #{$grey-color-dark}; - --global-code-bg-color: #{$code-bg-color-dark}; - --global-text-color: #{$grey-color-light}; - --global-text-color-light: #{$grey-color-light}; - --global-theme-color: #{$cyan-color}; - --global-hover-color: #{$cyan-color}; - --global-footer-bg-color: #{$grey-color-light}; - --global-footer-text-color: #{$grey-color-dark}; - --global-footer-link-color: #{$black-color}; - --global-distill-app-color: #{$grey-color-light}; - - .fa-sun { - padding-left: 10px; - padding-top: 12px; - display : block; - } - .fa-moon { - display : none; - } -} diff --git a/_sass/_variables.scss b/_sass/_variables.scss deleted file mode 100644 index 2a2cd7f719c8..000000000000 --- a/_sass/_variables.scss +++ /dev/null @@ -1,38 +0,0 @@ -/******************************************************************************* - * Variables used throughout the theme. - * To adjust anything, simply edit the variables below and rebuild the theme. - ******************************************************************************/ - - -// Colors -$red-color: #FF3636 !default; -$red-color-dark: #B71C1C !default; -$orange-color: #F29105 !default; -$blue-color: #0076df !default; -$blue-color-dark: #00369f !default; -$cyan-color: #2698BA !default; -$light-cyan-color: lighten($cyan-color, 25%); -$green-color: #00ab37 !default; -$green-color-lime: #B7D12A !default; -$green-color-dark: #009f06 !default; -$green-color-light: #ddffdd !default; -$green-color-bright: #11D68B !default; -$purple-color: #B509AC !default; -$light-purple-color: lighten($purple-color, 25%); -$pink-color: #f92080 !default; -$pink-color-light: #ffdddd !default; -$yellow-color: #efcc00 !default; - -$grey-color: #828282 !default; -$grey-color-light: lighten($grey-color, 40%); -$grey-color-dark: darken($grey-color, 25%); - -$white-color: #ffffff !default; -$black-color: #000000 !default; - - -// Theme colors - -$code-bg-color-light: rgba($purple-color, 0.05); -$code-bg-color-dark: #2c3237 !default; - diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 000000000000..e6408690b030 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,250 @@ +/******************************************************************************* Variables used throughout the theme. To adjust anything, simply edit the variables below and rebuild the theme. */ +/******************************************************************************* Themes */ +:root { --global-bg-color: #ffffff; --global-code-bg-color: rgba(181, 9, 172, 0.05); --global-text-color: #000000; --global-text-color-light: #828282; --global-theme-color: #B509AC; --global-hover-color: #B509AC; --global-footer-bg-color: #424242; --global-footer-text-color: #e8e8e8; --global-footer-link-color: #ffffff; --global-distill-app-color: #828282; } + +:root .fa-sun { display: none; } + +:root .fa-moon { padding-left: 10px; padding-top: 12px; display: block; } + +html[data-theme='dark'] { --global-bg-color: #424242; --global-code-bg-color: #2c3237; --global-text-color: #e8e8e8; --global-text-color-light: #e8e8e8; --global-theme-color: #2698BA; --global-hover-color: #2698BA; --global-footer-bg-color: #e8e8e8; --global-footer-text-color: #424242; --global-footer-link-color: #000000; --global-distill-app-color: #e8e8e8; } + +html[data-theme='dark'] .fa-sun { padding-left: 10px; padding-top: 12px; display: block; } + +html[data-theme='dark'] .fa-moon { display: none; } + +/****************************************************************************** Content */ +body { padding-bottom: 70px; color: var(--global-text-color); background-color: var(--global-bg-color); } + +body.fixed-top-nav { padding-top: 56px; } + +body.sticky-bottom-footer { padding-bottom: 0; } + +.container { max-width: 800px; } + +.profile img { width: 100%; } + +/****************************************************************************** Publications */ +/***************************************************************************** Projects */ +/******************************************************************************* Styles for the base elements of the theme. */ +p, h1, h2, h3, h4, h5, h6, em, div, span, strong { color: var(--global-text-color); } + +a, table.table a { color: var(--global-theme-color); } + +a:hover, table.table a:hover { color: var(--global-theme-color); text-decoration: underline; } + +a:hover:after :not(.nav-item.dropdown), table.table a:hover:after :not(.nav-item.dropdown) { width: 100%; } + +blockquote { background: var(--global-bg-color); border-left: 2px solid var(--global-theme-color); margin: 1.5em 10px; padding: 0.5em 10px; font-size: 1.2rem; } + +.equation { margin-bottom: 1rem; text-align: center; } + +.caption { font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 1.5rem; text-align: center; } + +.citation, .citation-number { color: var(--global-theme-color); } + +.profile { margin-left: 1rem; width: 100%; } + +.profile .address { margin-bottom: 5px; margin-top: 5px; font-family: monospace; } + +.profile .address p { display: inline-block; margin: 0; } + +@media (min-width: 576px) { .profile { width: 30%; } .profile .address p { display: block; } } + +.post-description { margin-bottom: 2rem; font-size: 0.875rem; } + +.post-description a { color: inherit; } + +.post-description a:hover { color: var(--global-theme-color); text-decoration: none; } + +.navbar { box-shadow: none; border-bottom: 1px solid #e8e8e8; background-color: var(--global-bg-color); opacity: 0.95; } + +.navbar .dropdown-menu { background-color: var(--global-bg-color); } + +.navbar .dropdown-menu a:not(.active) { color: var(--global-text-color); } + +.navbar .dropdown-menu a:hover { color: var(--global-hover-color); } + +.dropdown-item { color: var(--global-text-color); } + +.dropdown-item:hover { color: var(--global-hover-color); background-color: var(--global-bg-color); } + +.navbar.navbar-light a:hover { text-decoration: none; } + +.navbar.navbar-light .navbar-brand { color: var(--global-text-color); } + +.navbar.navbar-light .navbar-nav .nav-item .nav-link { color: var(--global-text-color); } + +.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: var(--global-hover-color); } + +.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { background-color: inherit; font-weight: bolder; color: var(--global-theme-color); } + +.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { color: var(--global-hover-color); } + +.navbar.navbar-light .navbar-brand.social { padding-bottom: 0; padding-top: 0; font-size: 1.7rem; } + +.navbar.navbar-light .navbar-brand.social a i::before { color: var(--global-text-color); -webkit-transition: all 0.2s ease-in-out; } + +.navbar.navbar-light .navbar-brand.social a:hover i::before { color: var(--global-theme-color); } + +.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; background-color: var(--global-text-color); border-radius: 1px; margin-bottom: 4px; transition: all 0.2s; } + +.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } + +.navbar-toggler .middle-bar { opacity: 0; } + +.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } + +.navbar-toggler.collapsed .top-bar { transform: rotate(0); } + +.navbar-toggler.collapsed .middle-bar { opacity: 1; } + +.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); } + +.news table td { font-size: 1rem; color: var(--global-text-color); } + +.news table th { color: var(--global-text-color); } + +.social { text-align: center; } + +.social .contact-icons { font-size: 4rem; } + +.social .contact-icons a i::before { color: var(--global-text-color); -webkit-transition: all 0.2s ease-in-out; } + +.social .contact-icons a:hover i::before { color: var(--global-theme-color); } + +.social .contact-note { font-size: 0.8rem; } + +footer.fixed-bottom { background-color: var(--global-footer-bg-color); font-size: 0.75rem; } + +footer.fixed-bottom .container { color: var(--global-footer-text-color); padding-top: 9px; padding-bottom: 8px; } + +footer.fixed-bottom a { color: var(--global-footer-link-color); } + +footer.fixed-bottom a:hover { color: var(--global-theme-color); text-decoration: none; } + +footer.sticky-bottom { border-top: 1px solid #e8e8e8; padding-top: 40px; padding-bottom: 40px; font-size: 0.9rem; } + +.header-bar { border-bottom: 1px solid #e8e8e8; text-align: center; padding-top: 2rem; padding-bottom: 5rem; } + +.header-bar h1 { color: var(--global-theme-color); font-size: 5rem; } + +.post-list { margin: 0; margin-bottom: 40px; padding: 0; } + +.post-list li { border-bottom: 1px solid #e8e8e8; list-style: none; padding-top: 2rem; padding-bottom: 2rem; } + +.post-list li .post-meta { color: var(--global-text-color-light); font-size: 0.875rem; margin-bottom: 0; } + +.post-list li a { color: var(--global-text-color); text-decoration: none; } + +.post-list li a:hover { color: var(--global-theme-color); } + +.pagination .page-item .page-link { color: var(--global-text-color); } + +.pagination .page-item .page-link:hover { color: #000000; } + +.pagination .page-item.active .page-link { color: #ffffff; background-color: var(--global-theme-color); } + +.pagination .page-item.active .page-link:hover { background-color: var(--global-theme-color); } + +.distill a:hover { border-bottom-color: var(--global-theme-color); text-decoration: none; } + +.projects a { text-decoration: none; } + +.projects a:hover .card-title { color: var(--global-theme-color); } + +.projects .card img { width: 100%; } + +.projects .card .card-title { color: #000000; } + +.projects .card-item { width: auto; margin-bottom: 10px; } + +.projects .card-item .row { display: flex; align-items: center; } + +.projects .grid-item { width: 250px; margin-bottom: 10px; } + +.projects h2.category { color: #e8e8e8; border-bottom: 1px solid #e8e8e8; padding-top: 0.5rem; margin-top: 2rem; margin-bottom: 1rem; text-align: right; } + +.publications { margin-top: 2rem; } + +.publications h1 { color: var(--global-theme-color); font-size: 2rem; text-align: center; margin-top: 1em; margin-bottom: 1em; } + +.publications h2 { margin-bottom: 1rem; } + +.publications h2 span { font-size: 1.5rem; } + +.publications h2.year { color: #e8e8e8; border-top: 1px solid #e8e8e8; padding-top: 1rem; margin-top: 2rem; margin-bottom: -2rem; text-align: right; } + +.publications ol.bibliography { list-style: none; padding: 0; margin-top: 0; } + +.publications ol.bibliography li { margin-bottom: 1rem; } + +.publications ol.bibliography li .abbr { height: 2rem; margin-bottom: 0.5rem; } + +.publications ol.bibliography li .abbr abbr { display: inline-block; background-color: var(--global-theme-color); padding-left: 1rem; padding-right: 1rem; } + +.publications ol.bibliography li .abbr abbr a { color: white; } + +.publications ol.bibliography li .abbr abbr a:hover { text-decoration: none; } + +.publications ol.bibliography li .abbr .award { color: var(--global-theme-color) !important; border: 1px solid var(--global-theme-color); } + +.publications ol.bibliography li .title { font-weight: bolder; } + +.publications ol.bibliography li .author a { border-bottom: 1px dashed var(--global-theme-color); } + +.publications ol.bibliography li .author a:hover { border-bottom-style: solid; text-decoration: none; } + +.publications ol.bibliography li .author > em { border-bottom: 1px solid; font-style: normal; } + +.publications ol.bibliography li .links a.btn { color: var(--global-text-color); border: 1px solid var(--global-text-color); padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } + +.publications ol.bibliography li .links a.btn:hover { color: var(--global-theme-color); border-color: var(--global-theme-color); } + +.publications ol.bibliography li .hidden { font-size: 0.875rem; max-height: 0px; overflow: hidden; text-align: justify; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; } + +.publications ol.bibliography li .hidden p { line-height: 1.4em; margin: 10px; } + +.publications ol.bibliography li .hidden pre { font-size: 1em; line-height: 1.4em; padding: 10px; } + +.publications ol.bibliography li .hidden.open { max-height: 100em; -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -ms-transition: 0.15s ease; -o-transition: 0.15s ease; transition: all 0.15s ease; } + +.publications ol.bibliography li div.abstract.hidden { border: dashed 1px var(--global-bg-color); } + +.publications ol.bibliography li div.abstract.hidden.open { border-color: var(--global-text-color); } + +figure.highlight { margin: 0 0 1rem; } + +pre { color: var(--global-theme-color); background-color: var(--global-code-bg-color); border-radius: 6px; padding: 6px 12px; } + +pre pre, pre code { background-color: transparent; border-radius: 0; padding: 0; } + +code { color: var(--global-theme-color); background-color: var(--global-code-bg-color); border-radius: 3px; padding: 3px 3px; } + +html.transition, html.transition *, html.transition *:before, html.transition *:after { transition: all 750ms !important; transition-delay: 0 !important; } + +/******************************************************************************* Style overrides for distill blog posts. */ +d-byline { border-top-color: #e8e8e8 !important; } + +d-byline h3 { color: var(--global-text-color) !important; } + +d-byline a, d-article d-byline a { color: var(--global-text-color) !important; } + +d-byline a:hover, d-article d-byline a:hover { color: var(--global-hover-color) !important; } + +d-article { border-top-color: #e8e8e8 !important; } + +d-article a, d-article p, d-article h1, d-article h2, d-article h3, d-article h4, d-article h5, d-article h6, d-article li, d-article table { color: var(--global-text-color) !important; } + +d-article a, d-article h1, d-article h2, d-article hr { border-bottom-color: #e8e8e8 !important; } + +d-article a:hover { border-bottom-color: var(--global-hover-color) !important; } + +d-appendix { border-top-color: #e8e8e8 !important; color: var(--global-distill-app-color) !important; } + +d-appendix h3, d-appendix li, d-appendix span { color: var(--global-distill-app-color) !important; } + +d-appendix a, d-appendix a.footnote-backlink { color: var(--global-distill-app-color) !important; } + +d-appendix a:hover, d-appendix a.footnote-backlink:hover { color: var(--global-hover-color) !important; } + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/assets/css/main.css.map b/assets/css/main.css.map new file mode 100644 index 000000000000..85e2004da29b --- /dev/null +++ b/assets/css/main.css.map @@ -0,0 +1,22 @@ +{ + "version": 3, + "file": "main.css", + "sources": [ + "main.scss", + "_sass/_variables.scss", + "_sass/_themes.scss", + "_sass/_layout.scss", + "_sass/_base.scss", + "_sass/_distill.scss" + ], + "sourcesContent": [ + "@charset \"utf-8\";\n\n// Dimensions\n$max-content-width: 800px;\n\n@import\n \"variables\",\n \"themes\",\n \"layout\",\n \"base\",\n \"distill\"\n;\n", + "/*******************************************************************************\n * Variables used throughout the theme.\n * To adjust anything, simply edit the variables below and rebuild the theme.\n ******************************************************************************/\n\n\n// Colors\n$red-color: #FF3636 !default;\n$red-color-dark: #B71C1C !default;\n$orange-color: #F29105 !default;\n$blue-color: #0076df !default;\n$blue-color-dark: #00369f !default;\n$cyan-color: #2698BA !default;\n$light-cyan-color: lighten($cyan-color, 25%);\n$green-color: #00ab37 !default;\n$green-color-lime: #B7D12A !default;\n$green-color-dark: #009f06 !default;\n$green-color-light: #ddffdd !default;\n$green-color-bright: #11D68B !default;\n$purple-color: #B509AC !default;\n$light-purple-color: lighten($purple-color, 25%);\n$pink-color: #f92080 !default;\n$pink-color-light: #ffdddd !default;\n$yellow-color: #efcc00 !default;\n\n$grey-color: #828282 !default;\n$grey-color-light: lighten($grey-color, 40%);\n$grey-color-dark: darken($grey-color, 25%);\n\n$white-color: #ffffff !default;\n$black-color: #000000 !default;\n\n\n// Theme colors\n\n$code-bg-color-light: rgba($purple-color, 0.05);\n$code-bg-color-dark: #2c3237 !default;\n\n", + "/*******************************************************************************\r\n * Themes\r\n ******************************************************************************/\r\n \r\n:root {\r\n --global-bg-color: #{$white-color};\r\n --global-code-bg-color: #{$code-bg-color-light};\r\n --global-text-color: #{$black-color};\r\n --global-text-color-light: #{$grey-color};\r\n --global-theme-color: #{$purple-color};\r\n --global-hover-color: #{$purple-color};\r\n --global-footer-bg-color: #{$grey-color-dark};\r\n --global-footer-text-color: #{$grey-color-light};\r\n --global-footer-link-color: #{$white-color};\r\n --global-distill-app-color: #{$grey-color};\r\n\r\n .fa-sun {\r\n display : none;\r\n }\r\n .fa-moon {\r\n padding-left: 10px;\r\n padding-top: 12px;\r\n display : block;\r\n }\r\n}\r\n\r\nhtml[data-theme='dark'] {\r\n --global-bg-color: #{$grey-color-dark};\r\n --global-code-bg-color: #{$code-bg-color-dark};\r\n --global-text-color: #{$grey-color-light};\r\n --global-text-color-light: #{$grey-color-light};\r\n --global-theme-color: #{$cyan-color};\r\n --global-hover-color: #{$cyan-color};\r\n --global-footer-bg-color: #{$grey-color-light};\r\n --global-footer-text-color: #{$grey-color-dark};\r\n --global-footer-link-color: #{$black-color};\r\n --global-distill-app-color: #{$grey-color-light};\r\n\r\n .fa-sun {\r\n padding-left: 10px;\r\n padding-top: 12px;\r\n display : block;\r\n }\r\n .fa-moon {\r\n display : none;\r\n }\r\n}\r\n", + "/******************************************************************************\n * Content\n ******************************************************************************/\n\n body {\n padding-bottom: 70px;\n color: var(--global-text-color);\n background-color: var(--global-bg-color);\n }\n\n body.fixed-top-nav {\n // Add some padding for the nav-bar.\n padding-top: 56px;\n }\n\n body.sticky-bottom-footer {\n // Remove padding below footer.\n padding-bottom: 0;\n }\n\n.container {\n max-width: $max-content-width;\n}\n\n// Profile\n.profile {\n img {\n width: 100%;\n }\n}\n\n// TODO: redefine content layout.\n\n\n/******************************************************************************\n * Publications\n ******************************************************************************/\n\n// TODO: redefine publications layout.\n\n\n/*****************************************************************************\n* Projects\n*****************************************************************************/\n\n// TODO: redefine projects layout.\n", + "/*******************************************************************************\n * Styles for the base elements of the theme.\n ******************************************************************************/\n\n// Typography\n\np, h1, h2, h3, h4, h5, h6, em, div, span, strong {\n color: var(--global-text-color);\n}\n\na, table.table a {\n color: var(--global-theme-color);\n &:hover {\n color: var(--global-theme-color);\n text-decoration: underline;\n }\n &:hover:after :not(.nav-item.dropdown) {\n width: 100%;\n }\n}\n\nblockquote {\n background: var(--global-bg-color);\n border-left: 2px solid var(--global-theme-color);\n margin: 1.5em 10px;\n padding: 0.5em 10px;\n font-size: 1.2rem;\n}\n\n// Math\n\n.equation {\n margin-bottom: 1rem;\n text-align: center;\n}\n\n// Caption\n\n.caption {\n font-size: 0.875rem;\n margin-top: 0.75rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n// Citation\n.citation, .citation-number {\n color: var(--global-theme-color);\n}\n\n// Profile\n\n.profile {\n margin-left: 1rem;\n width: 100%;\n\n .address {\n margin-bottom: 5px;\n margin-top: 5px;\n font-family: monospace;\n p {\n display: inline-block;\n margin: 0;\n }\n }\n}\n\n@media (min-width: 576px) {\n .profile {\n width: 30%;\n .address {\n p { display: block; }\n }\n }\n}\n\n.post-description {\n margin-bottom: 2rem;\n font-size: 0.875rem;\n a {\n color: inherit;\n &:hover {\n color: var(--global-theme-color);\n text-decoration: none;\n }\n }\n}\n\n\n// Navbar customization\n\n.navbar {\n box-shadow: none;\n border-bottom: 1px solid $grey-color-light;\n background-color: var(--global-bg-color);\n opacity: 0.95;\n}\n.navbar .dropdown-menu {\n background-color: var(--global-bg-color);\n a:not(.active) {\n color: var(--global-text-color);\n }\n a:hover {\n color: var(--global-hover-color);\n }\n}\n.dropdown-item {\n color: var(--global-text-color);\n &:hover {\n color: var(--global-hover-color);\n background-color: var(--global-bg-color);\n }\n}\n.navbar.navbar-light {\n a {\n &:hover {\n text-decoration: none;\n }\n }\n .navbar-brand {\n color: var(--global-text-color);\n }\n .navbar-nav .nav-item .nav-link {\n color: var(--global-text-color);\n &:hover {\n color: var(--global-hover-color);\n }\n }\n .navbar-nav .nav-item.active>.nav-link {\n background-color: inherit;\n font-weight: bolder;\n color: var(--global-theme-color);\n &:hover {\n color: var(--global-hover-color);\n }\n }\n .navbar-brand.social {\n padding-bottom: 0;\n padding-top: 0;\n font-size: 1.7rem;\n a {\n i::before {\n color: var(--global-text-color);\n -webkit-transition: all 0.2s ease-in-out;\n }\n &:hover {\n i::before {\n color: var(--global-theme-color);\n }\n }\n }\n }\n}\n\n.navbar-toggler {\n .icon-bar {\n display: block;\n width: 22px;\n height: 2px;\n background-color: var(--global-text-color);\n border-radius: 1px;\n margin-bottom: 4px;\n transition: all 0.2s;\n }\n .top-bar {\n transform: rotate(45deg);\n transform-origin: 10% 10%;\n }\n .middle-bar {\n opacity: 0;\n }\n .bottom-bar {\n transform: rotate(-45deg);\n transform-origin: 10% 90%;\n }\n}\n\n.navbar-toggler.collapsed {\n .top-bar {\n transform: rotate(0);\n }\n .middle-bar {\n opacity: 1;\n }\n .bottom-bar {\n transform: rotate(0);\n }\n}\n\n\n// News\n\n.news table td {\n font-size: 1rem;\n color: var(--global-text-color);\n}\n\n.news table th {\n color: var(--global-text-color);\n}\n\n// Social (bottom)\n\n.social {\n text-align: center;\n .contact-icons {\n font-size: 4rem;\n a {\n i::before {\n color: var(--global-text-color);\n -webkit-transition: all 0.2s ease-in-out;\n }\n &:hover {\n i::before {\n color: var(--global-theme-color);\n }\n }\n }\n }\n .contact-note {\n font-size: 0.8rem;\n }\n}\n\n\n// Footer\nfooter.fixed-bottom {\n background-color: var(--global-footer-bg-color);\n font-size: 0.75rem;\n .container {\n color: var(--global-footer-text-color);\n padding-top: 9px;\n padding-bottom: 8px;\n }\n a {\n color: var(--global-footer-link-color);\n &:hover {\n color: var(--global-theme-color);\n text-decoration: none;\n }\n }\n}\n\nfooter.sticky-bottom {\n border-top: 1px solid $grey-color-light;\n padding-top: 40px;\n padding-bottom: 40px;\n font-size: 0.9rem;\n}\n\n\n// Blog\n\n.header-bar {\n border-bottom: 1px solid $grey-color-light;\n text-align: center;\n padding-top: 2rem;\n padding-bottom: 5rem;\n h1 {\n color: var(--global-theme-color);\n font-size: 5rem;\n }\n}\n\n.post-list {\n margin: 0;\n margin-bottom: 40px;\n padding: 0;\n li {\n border-bottom: 1px solid $grey-color-light;\n list-style: none;\n padding-top: 2rem;\n padding-bottom: 2rem;\n .post-meta {\n color: var(--global-text-color-light);\n font-size: 0.875rem;\n margin-bottom: 0;\n }\n a {\n color: var(--global-text-color);\n text-decoration: none;\n &:hover {\n color: var(--global-theme-color);\n }\n }\n }\n}\n\n.pagination {\n .page-item {\n .page-link {\n color: var(--global-text-color);\n &:hover {\n color: $black-color;\n }\n }\n &.active .page-link {\n color: $white-color;\n background-color: var(--global-theme-color);\n &:hover {\n background-color: var(--global-theme-color);\n }\n }\n }\n}\n\n\n// Distill\n\n.distill {\n a:hover {\n border-bottom-color: var(--global-theme-color);\n text-decoration: none;\n }\n}\n\n\n// Projects\n\n.projects {\n a {\n text-decoration: none;\n\n &:hover {\n .card-title {\n color: var(--global-theme-color);\n }\n }\n }\n\n .card {\n img {\n width: 100%;\n }\n .card-title {\n color: $black-color;\n }\n }\n\n .card-item {\n width: auto;\n margin-bottom: 10px;\n\n .row {\n display: flex;\n align-items: center;\n }\n }\n\n .grid-item {\n width: 250px;\n margin-bottom: 10px;\n }\n\n h2.category {\n color: $grey-color-light;\n border-bottom: 1px solid $grey-color-light;\n padding-top: 0.5rem;\n margin-top: 2rem;\n margin-bottom: 1rem;\n text-align: right;\n }\n}\n\n\n// Publications\n\n.publications {\n margin-top: 2rem;\n h1 {\n color: var(--global-theme-color);\n font-size: 2rem;\n text-align: center;\n margin-top: 1em;\n margin-bottom: 1em;\n }\n h2 {\n margin-bottom: 1rem;\n span {\n font-size: 1.5rem;\n }\n }\n h2.year {\n color: $grey-color-light;\n border-top: 1px solid $grey-color-light;\n padding-top: 1rem;\n margin-top: 2rem;\n margin-bottom: -2rem;\n text-align: right;\n }\n ol.bibliography {\n list-style: none;\n padding: 0;\n margin-top: 0;\n\n li {\n margin-bottom: 1rem;\n .abbr {\n height: 2rem;\n margin-bottom: 0.5rem;\n abbr {\n display: inline-block;\n background-color: var(--global-theme-color);\n padding-left: 1rem;\n padding-right: 1rem;\n a {\n color: white;\n &:hover {\n text-decoration: none;\n }\n }\n }\n .award {\n color: var(--global-theme-color) !important;\n border: 1px solid var(--global-theme-color);\n }\n }\n .title {\n font-weight: bolder;\n }\n .author {\n a {\n border-bottom: 1px dashed var(--global-theme-color);\n &:hover {\n border-bottom-style: solid;\n text-decoration: none;\n }\n }\n > em {\n border-bottom: 1px solid;\n font-style: normal;\n }\n }\n .links {\n a.btn {\n color: var(--global-text-color);\n border: 1px solid var(--global-text-color);\n padding-left: 1rem;\n padding-right: 1rem;\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n &:hover {\n color: var(--global-theme-color);\n border-color: var(--global-theme-color);\n }\n }\n }\n .hidden {\n font-size: 0.875rem;\n max-height: 0px;\n overflow: hidden;\n text-align: justify;\n -webkit-transition: 0.15s ease;\n -moz-transition: 0.15s ease;\n -ms-transition: 0.15s ease;\n -o-transition: 0.15s ease;\n transition: all 0.15s ease;\n\n p {\n line-height: 1.4em;\n margin: 10px;\n }\n pre {\n font-size: 1em;\n line-height: 1.4em;\n padding: 10px;\n }\n }\n .hidden.open {\n max-height: 100em;\n -webkit-transition: 0.15s ease;\n -moz-transition: 0.15s ease;\n -ms-transition: 0.15s ease;\n -o-transition: 0.15s ease;\n transition: all 0.15s ease;\n }\n div.abstract.hidden {\n border: dashed 1px var(--global-bg-color);\n }\n div.abstract.hidden.open {\n border-color: var(--global-text-color);\n }\n }\n }\n}\n\n// Rouge Color Customization\nfigure.highlight {\n margin: 0 0 1rem;\n}\n\npre {\n color: var(--global-theme-color);\n background-color: var(--global-code-bg-color);\n border-radius: 6px;\n padding: 6px 12px;\n pre, code {\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n}\n\ncode {\n color: var(--global-theme-color);\n background-color: var(--global-code-bg-color);\n border-radius: 3px;\n padding: 3px 3px;\n}\n\n\n// Transitioning Themes\nhtml.transition,\nhtml.transition *,\nhtml.transition *:before,\nhtml.transition *:after {\n transition: all 750ms !important;\n transition-delay: 0 !important;\n}\n", + "/*******************************************************************************\n * Style overrides for distill blog posts.\n ******************************************************************************/\n\nd-byline {\n border-top-color: $grey-color-light !important;\n}\n\nd-byline h3 {\n color: var(--global-text-color) !important;\n}\n\nd-byline a, d-article d-byline a {\n color: var(--global-text-color) !important;\n &:hover {\n color: var(--global-hover-color) !important;\n }\n}\n\nd-article {\n border-top-color: #e8e8e8 !important;\n a, p, h1, h2, h3, h4, h5, h6, li, table {\n color: var(--global-text-color) !important;\n }\n a, h1, h2, hr {\n border-bottom-color: $grey-color-light !important;\n }\n a:hover {\n border-bottom-color: var(--global-hover-color) !important;\n }\n}\n\nd-appendix {\n border-top-color: $grey-color-light !important;\n color: var(--global-distill-app-color) !important;\n h3, li, span {\n color: var(--global-distill-app-color) !important;\n }\n a, a.footnote-backlink {\n color: var(--global-distill-app-color) !important;\n &:hover {\n color: var(--global-hover-color) !important;\n }\n }\n}\n" + ], + "names": [], + "mappings": "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" +} \ No newline at end of file diff --git a/assets/css/main.scss b/assets/css/main.scss deleted file mode 100644 index 18b3b18cc60a..000000000000 --- a/assets/css/main.scss +++ /dev/null @@ -1,15 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- -@charset "utf-8"; - -// Dimensions -$max-content-width: {{site.max_width}}; - -@import - "variables", - "themes", - "layout", - "base", - "distill" -; diff --git a/bin/cibuild b/bin/cibuild deleted file mode 100755 index d5c9e1956fe7..000000000000 --- a/bin/cibuild +++ /dev/null @@ -1 +0,0 @@ -bundle exec jekyll build diff --git a/bin/deploy b/bin/deploy deleted file mode 100755 index 070e2f750e73..000000000000 --- a/bin/deploy +++ /dev/null @@ -1,112 +0,0 @@ -#!/usr/bin/env bash - -# Run this script to deploy the app to Github Pages - -# Parse cmd arguments - -SRC_BRANCH="master" -DEPLOY_BRANCH="gh-pages" - -USAGE_MSG="usage: deploy [-h|--help] [-u|--user] [-s|--src SRC_BRANCH] [-d|--deploy DEPLOY_BRANCH] [--verbose] [--no-push]" - -while [[ $# > 0 ]]; do - key="$1" - - case $key in - -h|--help) - echo $USAGE_MSG - exit 0 - ;; - -u|--user) - SRC_BRANCH="source" - DEPLOY_BRANCH="master" - ;; - -s|--src) - SRC_BRANCH="$2" - shift - ;; - -d|--deploy) - DEPLOY_BRANCH="$2" - shift - ;; - --verbose) - set -x - ;; - --no-push) - NO_PUSH="--no-push" - ;; - *) - echo "Option $1 is unknown." >&2 - echo $USAGE_MSG >&2 - exit 1 - ;; - esac - shift -done - -# Exit if any subcommand fails -set -e - -echo "Deploying..." -echo "Source branch: $SRC_BRANCH" -echo "Deploy branch: $DEPLOY_BRANCH" - -read -r -p "Do you want to proceed? [y/N] " response -if [[ ! $response =~ ^([yY][eE][sS]|[yY])+$ ]] -then - echo "Aborting." - [[ "$0" = "$BASH_SOURCE" ]] && exit 1 || return 1 -fi - -# Check if there are any uncommitted changes -if ! git diff-index --quiet HEAD --; then - echo "Changes to the following files are uncommitted:" - git diff-index --name-only HEAD -- - echo "Please commit the changes before proceeding." - echo "Aborting." - [[ "$0" = "$BASH_SOURCE" ]] && exit 1 || return 1 -fi - -# Check if there are any untracked files -if ! test -z "$(git ls-files --exclude-standard --others)"; then - echo "There are untracked files:" - git ls-files --exclude-standard --others - echo "Please commit those files or stash them before proceeding." - echo "Aborting." - [[ "$0" = "$BASH_SOURCE" ]] && exit 1 || return 1 -fi - -# Switch to source branch (creates it if necessary from the current branch) -if [ `git branch | grep $SRC_BRANCH | tr ' ' '\n' | tail -1` ] -then - git checkout $SRC_BRANCH -else - git checkout -b $SRC_BRANCH -fi - -# Checkout DEPLOY_BRANCH branch -if [ `git branch | grep $DEPLOY_BRANCH` ] -then - git branch -D $DEPLOY_BRANCH -fi -git checkout -b $DEPLOY_BRANCH - -# Build site -bundle exec jekyll build - -# Delete and move files -find . -maxdepth 1 ! -name '_site' ! -name '.git' ! -name 'CNAME' ! -name '.gitignore' -exec rm -rf {} \; -mv _site/* . -rm -R _site/ - -# Push to DEPLOY_BRANCH -git add -fA -git commit --allow-empty -m "$(git log -1 --pretty=%B) [ci skip]" -[[ ${NO_PUSH} ]] || git push -f -q origin $DEPLOY_BRANCH - -# Move back to SRC_BRANCH -git checkout $SRC_BRANCH - -echo "Deployed successfully!" - -exit 0 diff --git a/blog/2015/code/index.html b/blog/2015/code/index.html new file mode 100644 index 000000000000..b90ae3a1d50f --- /dev/null +++ b/blog/2015/code/index.html @@ -0,0 +1,320 @@ + + + + + + + + + + + + You R. Name + + + | a post with code + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with code

+

July 15, 2015

+
+ +
+

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:

+ +

{% highlight c++ linenos %}
code code code
{% endhighlight %}

+ +

The keyword linenos triggers display of line numbers. +Produces something like this:

+ +

+
+
+
1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+
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;
+}
+
+ + +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2015/comments/index.html b/blog/2015/comments/index.html new file mode 100644 index 000000000000..fef500909253 --- /dev/null +++ b/blog/2015/comments/index.html @@ -0,0 +1,286 @@ + + + + + + + + + + + + You R. Name + + + | a post with comments + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with comments

+

October 20, 2015

+
+ +
+

This post shows how to add DISQUS comments.

+ +
+ + +
+ + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2015/formatting-and-links/index.html b/blog/2015/formatting-and-links/index.html new file mode 100644 index 000000000000..f2ac26e55e62 --- /dev/null +++ b/blog/2015/formatting-and-links/index.html @@ -0,0 +1,293 @@ + + + + + + + + + + + + You R. Name + + + | a post with formatting and links + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with formatting and links

+

March 15, 2015

+
+ +
+

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/blog/2015/images/index.html b/blog/2015/images/index.html new file mode 100644 index 000000000000..1a30ee798fe2 --- /dev/null +++ b/blog/2015/images/index.html @@ -0,0 +1,310 @@ + + + + + + + + + + + + You R. Name + + + | a post with images + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with images

+

May 15, 2015

+
+ +
+

This 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.

+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2015/math/index.html b/blog/2015/math/index.html new file mode 100644 index 000000000000..a1792919a22c --- /dev/null +++ b/blog/2015/math/index.html @@ -0,0 +1,288 @@ + + + + + + + + + + + + You R. Name + + + | a post with math + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with math

+

October 20, 2015

+
+ +
+

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:

+ +\[\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:caushy-shwarz} +\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 that brought a significant improvement to the loading and rendering speed, which is now on par with KaTeX.

+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2020/github-metadata/index.html b/blog/2020/github-metadata/index.html new file mode 100644 index 000000000000..33afdb30268b --- /dev/null +++ b/blog/2020/github-metadata/index.html @@ -0,0 +1,306 @@ + + + + + + + + + + + + You R. Name + + + | a post with github metadata + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with github metadata

+

September 28, 2020

+
+ +
+

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 :
    • +
  • URL :
    • +
  • BaseURL :
    • +
  • Archived :
    • +
  • Contributors :
    • +
+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2020/twitter/index.html b/blog/2020/twitter/index.html new file mode 100644 index 000000000000..f0d42b0166ee --- /dev/null +++ b/blog/2020/twitter/index.html @@ -0,0 +1,291 @@ + + + + + + + + + + + + You R. Name + + + | a post with twitter + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with twitter

+

September 28, 2020

+
+ +
+

A sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.

+ +

Tweet

+

An example of displaying a tweet:

+ + +

Timeline

+

An example of pulling from a timeline:

+ + +

Additional Details

+

For more details on using the plugin visit: jekyll-twitter-plugin

+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2021/diagrams/index.html b/blog/2021/diagrams/index.html new file mode 100644 index 000000000000..47bb7699fbc5 --- /dev/null +++ b/blog/2021/diagrams/index.html @@ -0,0 +1,304 @@ + + + + + + + + + + + + You R. Name + + + | a post with diagrams + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

a post with diagrams

+

July 4, 2021

+
+ +
+

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 %}
+
+ +
+ + +JohnAliceHello John, how are you?Great!JohnAlice +
+ + +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2021/distill/index.html b/blog/2021/distill/index.html new file mode 100644 index 000000000000..0cde6cc3a48a --- /dev/null +++ b/blog/2021/distill/index.html @@ -0,0 +1,589 @@ + + + + + + + + + + You R. Name + + + | a distill-style blog post + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +

a distill-style blog post

+

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:

+ +\[\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 that brought a significant improvement to the loading and rendering speed, which is now on par with KaTeX.

+ +
+ +

Citations

+ +

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:

+ +
var x = 25;
+function(x) {
+  return x * 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

+
+ +

Emphasis, aka italics, with asterisks or 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. +
  2. Another item +â‹…â‹…* Unordered sub-list.
    3. +
  3. Actual numbers don’t matter, just that it’s a number +⋅⋅1. Ordered sub-list
    4. +
  4. And another item.
    5. +
+ +

⋅⋅⋅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

+ +

I’m an inline-style link with title

+ +

I’m a reference-style link

+ +

I’m a relative reference to a repository file

+ +

You can use numbers for reference-style link definitions

+ +

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 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.

+ +

Here’s our logo (hover to see the title text):

+ +

Inline-style: +alt text

+ +

Reference-style: +alt text

+ +

Inline code has back-ticks around it.

+ +
var s = "JavaScript syntax highlighting";
+alert(s);
+
+ +
s = "Python syntax highlighting"
+print s
+
+ +
No language indicated, so no syntax highlighting. 
+But let's throw in a <b>tag</b>.
+
+ +

Colons can be used to align columns.

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare 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.

+ + + + + + + + + + + + + + + + + + + + + +
MarkdownLessPretty
Stillrendersnicely
123
+ +
+

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.

+
+ +

Three or more…

+ +
+ +

Hyphens

+ +
+ +

Asterisks

+ +
+ +

Underscores

+ +

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/blog/index.html b/blog/index.html index 7ccd524c02d6..45cde273f783 100644 --- a/blog/index.html +++ b/blog/index.html @@ -1,36 +1,313 @@ ---- -layout: default -title: blog -pagination: - enabled: true - collection: posts - permalink: /page/:num/ - per_page: 3 - sort_field: date - sort_reverse: true - trail: - before: 1 # The number of links before the current page - after: 3 # The number of links after the current page ---- - -
+ + + + + + + + + + + + You R. Name + + + | blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
-

{{ site.blog_name }}

-

{{ site.blog_description }}

+

al-folio

+

a simple whitespace theme for academics

- {% include pagination.html %} + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/page/2/index.html b/blog/page/2/index.html new file mode 100644 index 000000000000..cac67282a097 --- /dev/null +++ b/blog/page/2/index.html @@ -0,0 +1,311 @@ + + + + + + + + + + + + You R. Name + + + | blog - page 2 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

al-folio

+

a simple whitespace theme for academics

+
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/page/3/index.html b/blog/page/3/index.html new file mode 100644 index 000000000000..1c606994bea8 --- /dev/null +++ b/blog/page/3/index.html @@ -0,0 +1,311 @@ + + + + + + + + + + + + You R. Name + + + | blog - page 3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

al-folio

+

a simple whitespace theme for academics

+
+ + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/feed.xml b/feed.xml new file mode 100644 index 000000000000..aceadd57e38f --- /dev/null +++ b/feed.xml @@ -0,0 +1,458 @@ +Jekyll2021-10-09T00:53:28+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/diagrams<p>This theme supports generating various diagrams from a text description using <a href="https://github.com/zhustec/jekyll-diagrams" target="\_blank">jekyll-diagrams</a> plugin. +Below, we generate a few examples of such diagrams using languages such as <a href="https://mermaid-js.github.io/mermaid/" target="\_blank">mermaid</a>, <a href="https://plantuml.com/" target="\_blank">plantuml</a>, <a href="https://vega.github.io/vega-lite/" target="\_blank">vega-lite</a>, etc.</p> + +<p><strong>Note:</strong> 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 <a href="https://github.com/zhustec/jekyll-diagrams" target="\_blank">jekyll-diagrams</a> README.</p> + +<h2 id="mermaid">Mermaid</h2> + +<p>Install mermaid using <code class="language-plaintext highlighter-rouge">node.js</code> package manager <code class="language-plaintext highlighter-rouge">npm</code> by running the following command:</p> +<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>npm <span class="nb">install</span> <span class="nt">-g</span> mermaid.cli +</code></pre></div></div> + +<p>The diagram below was generated by the following code:</p> + +<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% mermaid %} +sequenceDiagram + participant John + participant Alice + Alice-&gt;&gt;John: Hello John, how are you? + John--&gt;&gt;Alice: Great! +{% endmermaid %} +</code></pre></div></div> + +<div class="jekyll-diagrams diagrams mermaid"> + <svg id="mermaid-1633740809748" width="100%" xmlns="http://www.w3.org/2000/svg" height="100%" style="max-width:450px;" viewBox="-50 -10 450 231"><style>#mermaid-1633740809748 .label{font-family:trebuchet ms,verdana,arial;color:#333}#mermaid-1633740809748 .node circle,#mermaid-1633740809748 .node ellipse,#mermaid-1633740809748 .node polygon,#mermaid-1633740809748 .node rect{fill:#ececff;stroke:#9370db;stroke-width:1px}#mermaid-1633740809748 .node.clickable{cursor:pointer}#mermaid-1633740809748 .arrowheadPath{fill:#333}#mermaid-1633740809748 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-1633740809748 .edgeLabel{background-color:#e8e8e8}#mermaid-1633740809748 .cluster rect{fill:#ffffde!important;stroke:#aa3!important;stroke-width:1px!important}#mermaid-1633740809748 .cluster text{fill:#333}#mermaid-1633740809748 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:trebuchet ms,verdana,arial;font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-1633740809748 .actor{stroke:#ccf;fill:#ececff}#mermaid-1633740809748 text.actor{fill:#000;stroke:none}#mermaid-1633740809748 .actor-line{stroke:grey}#mermaid-1633740809748 .messageLine0{marker-end:"url(#arrowhead)"}#mermaid-1633740809748 .messageLine0,#mermaid-1633740809748 .messageLine1{stroke-width:1.5;stroke-dasharray:"2 2";stroke:#333}#mermaid-1633740809748 #arrowhead{fill:#333}#mermaid-1633740809748 #crosshead path{fill:#333!important;stroke:#333!important}#mermaid-1633740809748 .messageText{fill:#333;stroke:none}#mermaid-1633740809748 .labelBox{stroke:#ccf;fill:#ececff}#mermaid-1633740809748 .labelText,#mermaid-1633740809748 .loopText{fill:#000;stroke:none}#mermaid-1633740809748 .loopLine{stroke-width:2;stroke-dasharray:"2 2";marker-end:"url(#arrowhead)";stroke:#ccf}#mermaid-1633740809748 .note{stroke:#aa3;fill:#fff5ad}#mermaid-1633740809748 .noteText{fill:#000;stroke:none;font-family:trebuchet ms,verdana,arial;font-size:14px}#mermaid-1633740809748 .section{stroke:none;opacity:.2}#mermaid-1633740809748 .section0{fill:rgba(102,102,255,.49)}#mermaid-1633740809748 .section2{fill:#fff400}#mermaid-1633740809748 .section1,#mermaid-1633740809748 .section3{fill:#fff;opacity:.2}#mermaid-1633740809748 .sectionTitle0,#mermaid-1633740809748 .sectionTitle1,#mermaid-1633740809748 .sectionTitle2,#mermaid-1633740809748 .sectionTitle3{fill:#333}#mermaid-1633740809748 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px}#mermaid-1633740809748 .grid .tick{stroke:#d3d3d3;opacity:.3;shape-rendering:crispEdges}#mermaid-1633740809748 .grid path{stroke-width:0}#mermaid-1633740809748 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-1633740809748 .task{stroke-width:2}#mermaid-1633740809748 .taskText{text-anchor:middle;font-size:11px}#mermaid-1633740809748 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px}#mermaid-1633740809748 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-1633740809748 .taskText0,#mermaid-1633740809748 .taskText1,#mermaid-1633740809748 .taskText2,#mermaid-1633740809748 .taskText3{fill:#fff}#mermaid-1633740809748 .task0,#mermaid-1633740809748 .task1,#mermaid-1633740809748 .task2,#mermaid-1633740809748 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-1633740809748 .taskTextOutside0,#mermaid-1633740809748 .taskTextOutside1,#mermaid-1633740809748 .taskTextOutside2,#mermaid-1633740809748 .taskTextOutside3{fill:#000}#mermaid-1633740809748 .active0,#mermaid-1633740809748 .active1,#mermaid-1633740809748 .active2,#mermaid-1633740809748 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-1633740809748 .activeText0,#mermaid-1633740809748 .activeText1,#mermaid-1633740809748 .activeText2,#mermaid-1633740809748 .activeText3{fill:#000!important}#mermaid-1633740809748 .done0,#mermaid-1633740809748 .done1,#mermaid-1633740809748 .done2,#mermaid-1633740809748 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-1633740809748 .doneText0,#mermaid-1633740809748 .doneText1,#mermaid-1633740809748 .doneText2,#mermaid-1633740809748 .doneText3{fill:#000!important}#mermaid-1633740809748 .crit0,#mermaid-1633740809748 .crit1,#mermaid-1633740809748 .crit2,#mermaid-1633740809748 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-1633740809748 .activeCrit0,#mermaid-1633740809748 .activeCrit1,#mermaid-1633740809748 .activeCrit2,#mermaid-1633740809748 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-1633740809748 .doneCrit0,#mermaid-1633740809748 .doneCrit1,#mermaid-1633740809748 .doneCrit2,#mermaid-1633740809748 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-1633740809748 .activeCritText0,#mermaid-1633740809748 .activeCritText1,#mermaid-1633740809748 .activeCritText2,#mermaid-1633740809748 .activeCritText3,#mermaid-1633740809748 .doneCritText0,#mermaid-1633740809748 .doneCritText1,#mermaid-1633740809748 .doneCritText2,#mermaid-1633740809748 .doneCritText3{fill:#000!important}#mermaid-1633740809748 .titleText{text-anchor:middle;font-size:18px;fill:#000}#mermaid-1633740809748 g.classGroup text{fill:#9370db;stroke:none;font-family:trebuchet ms,verdana,arial;font-size:10px}#mermaid-1633740809748 g.classGroup rect{fill:#ececff;stroke:#9370db}#mermaid-1633740809748 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-1633740809748 .classLabel .box{stroke:none;stroke-width:0;fill:#ececff;opacity:.5}#mermaid-1633740809748 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-1633740809748 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1633740809748 #compositionEnd,#mermaid-1633740809748 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1633740809748 #aggregationEnd,#mermaid-1633740809748 #aggregationStart{fill:#ececff;stroke:#9370db;stroke-width:1}#mermaid-1633740809748 #dependencyEnd,#mermaid-1633740809748 #dependencyStart,#mermaid-1633740809748 #extensionEnd,#mermaid-1633740809748 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1633740809748 .branch-label,#mermaid-1633740809748 .commit-id,#mermaid-1633740809748 .commit-msg{fill:#d3d3d3;color:#d3d3d3}</style><style>#mermaid-1633740809748 { + color: rgb(0, 0, 0); + font: normal normal 400 normal 16px / normal "Times New Roman"; + }</style><g></g><g><line id="actor0" x1="75" y1="5" x2="75" y2="220" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="75" dy="0">John</tspan></text></g><g><line id="actor1" x1="275" y1="5" x2="275" y2="220" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="275" dy="0">Alice</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="16" refY="4"><path fill="black" stroke="#000000" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: 0, 0;"></path><path fill="none" stroke="#000000" stroke-width="1px" d="M 0,1 L 6,7 M 6,1 L 0,7" style="stroke-dasharray: 0, 0;"></path></marker></defs><g><text x="175" y="93" class="messageText" style="text-anchor: middle;">Hello John, how are you?</text><line x1="275" y1="100" x2="75" y2="100" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><text x="175" y="128" class="messageText" style="text-anchor: middle;">Great!</text><line x1="75" y1="135" x2="275" y2="135" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><rect x="0" y="155" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="187.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="75" dy="0">John</tspan></text></g><g><rect x="200" y="155" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="187.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle;"><tspan x="275" dy="0">Alice</tspan></text></g></svg> +</div>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.a distill-style blog post2021-05-22T00:00:00+00:002021-05-22T00:00:00+00:00https://alshedivat.github.io/al-folio/blog/2021/distill<p><strong>NOTE:</strong> +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 href="https://github.com/alshedivat/al-folio/discussions">a discussion</a> and let us know.</p> + +<h2 id="equations">Equations</h2> + +<p>This theme supports rendering beautiful math in inline and display modes using <a href="https://www.mathjax.org/">MathJax 3</a> engine. +You just need to surround your math expression with <code class="language-plaintext highlighter-rouge">$$</code>, like <code class="language-plaintext highlighter-rouge">$$ E = mc^2 $$</code>. +If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).</p> + +<p>To use display mode, again surround your expression with <code class="language-plaintext highlighter-rouge">$$</code> and place it as a separate paragraph. +Here is an example:</p> + +\[\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)\] + +<p>Note that MathJax 3 is <a href="https://docs.mathjax.org/en/latest/upgrading/whats-new-3.0.html">a major re-write of MathJax</a> that brought a significant improvement to the loading and rendering speed, which is now <a href="http://www.intmath.com/cg5/katex-mathjax-comparison.php">on par with KaTeX</a>.</p> + +<hr /> + +<h2 id="citations">Citations</h2> + +<p>Citations are then used in the article body with the <code class="language-plaintext highlighter-rouge">&lt;d-cite&gt;</code> tag. +The key attribute is a reference to the id provided in the bibliography. +The key attribute can take multiple ids, separated by commas.</p> + +<p>The citation is presented inline like this: <d-cite key="gregor2015draw"></d-cite> (a number that displays more information on hover). +If you have an appendix, a bibliography is automatically created and populated in it.</p> + +<p>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.</p> + +<hr /> + +<h2 id="footnotes">Footnotes</h2> + +<p>Just wrap the text you would like to show up in a footnote in a <code class="language-plaintext highlighter-rouge">&lt;d-footnote&gt;</code> tag. +The number of the footnote will be automatically generated.<d-footnote>This will become a hoverable footnote.</d-footnote></p> + +<hr /> + +<h2 id="code-blocks">Code Blocks</h2> + +<p>Syntax highlighting is provided within <code class="language-plaintext highlighter-rouge">&lt;d-code&gt;</code> tags. +An example of inline code snippets: <code class="language-plaintext highlighter-rouge">&lt;d-code language="html"&gt;let x = 10;&lt;/d-code&gt;</code>. +For larger blocks of code, add a <code class="language-plaintext highlighter-rouge">block</code> attribute:</p> + +<d-code block="" language="javascript"> + var x = 25; + function(x) { + return x * x; + } +</d-code> + +<p><strong>Note:</strong> <code class="language-plaintext highlighter-rouge">&lt;d-code&gt;</code> blocks do not look well in the dark mode. +You can always use the default code-highlight using the <code class="language-plaintext highlighter-rouge">highlight</code> liquid tag:</p> + +<figure class="highlight"><pre><code class="language-javascript" data-lang="javascript"><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">25</span><span class="p">;</span> +<span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> + <span class="k">return</span> <span class="nx">x</span> <span class="o">*</span> <span class="nx">x</span><span class="p">;</span> +<span class="p">}</span></code></pre></figure> + +<hr /> + +<h2 id="layouts">Layouts</h2> + +<p>The main text column is referred to as the body. +It is the assumed layout of any direct descendants of the <code class="language-plaintext highlighter-rouge">d-article</code> element.</p> + +<div class="fake-img l-body"> + <p>.l-body</p> +</div> + +<p>For images you want to display a little larger, try <code class="language-plaintext highlighter-rouge">.l-page</code>:</p> + +<div class="fake-img l-page"> + <p>.l-page</p> +</div> + +<p>All of these have an outset variant if you want to poke out from the body text a little bit. +For instance:</p> + +<div class="fake-img l-body-outset"> + <p>.l-body-outset</p> +</div> + +<div class="fake-img l-page-outset"> + <p>.l-page-outset</p> +</div> + +<p>Occasionally you’ll want to use the full browser width. +For this, use <code class="language-plaintext highlighter-rouge">.l-screen</code>. +You can also inset the element a little from the edge of the browser by using the inset variant.</p> + +<div class="fake-img l-screen"> + <p>.l-screen</p> +</div> +<div class="fake-img l-screen-inset"> + <p>.l-screen-inset</p> +</div> + +<p>The final layout is for marginalia, asides, and footnotes. +It does not interrupt the normal flow of <code class="language-plaintext highlighter-rouge">.l-body</code> sized text except on mobile screen sizes.</p> + +<div class="fake-img l-gutter"> + <p>.l-gutter</p> +</div> + +<p>Emphasis, aka italics, with <em>asterisks</em> or <em>underscores</em>.</p> + +<p>Strong emphasis, aka bold, with <strong>asterisks</strong> or <strong>underscores</strong>.</p> + +<p>Combined emphasis with <strong>asterisks and <em>underscores</em></strong>.</p> + +<p>Strikethrough uses two tildes. <del>Scratch this.</del></p> + +<ol> + <li>First ordered list item</li> + <li>Another item +⋅⋅* Unordered sub-list.</li> + <li>Actual numbers don’t matter, just that it’s a number +⋅⋅1. Ordered sub-list</li> + <li>And another item.</li> +</ol> + +<p>⋅⋅⋅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).</p> + +<p>⋅⋅⋅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.)</p> + +<ul> + <li>Unordered list can use asterisks</li> + <li>Or minuses</li> + <li>Or pluses</li> +</ul> + +<p><a href="https://www.google.com">I’m an inline-style link</a></p> + +<p><a href="https://www.google.com" title="Google's Homepage">I’m an inline-style link with title</a></p> + +<p><a href="https://www.mozilla.org">I’m a reference-style link</a></p> + +<p><a href="../blob/master/LICENSE">I’m a relative reference to a repository file</a></p> + +<p><a href="http://slashdot.org">You can use numbers for reference-style link definitions</a></p> + +<p>Or leave it empty and use the <a href="http://www.reddit.com">link text itself</a>.</p> + +<p>URLs and URLs in angle brackets will automatically get turned into links. +http://www.example.com or <a href="http://www.example.com">http://www.example.com</a> and sometimes +example.com (but not on Github, for example).</p> + +<p>Some text to show that the reference links can follow later.</p> + +<p>Here’s our logo (hover to see the title text):</p> + +<p>Inline-style: +<img src="https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png" alt="alt text" title="Logo Title Text 1" /></p> + +<p>Reference-style: +<img src="https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png" alt="alt text" title="Logo Title Text 2" /></p> + +<p>Inline <code class="language-plaintext highlighter-rouge">code</code> has <code class="language-plaintext highlighter-rouge">back-ticks around</code> it.</p> + +<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">JavaScript syntax highlighting</span><span class="dl">"</span><span class="p">;</span> +<span class="nx">alert</span><span class="p">(</span><span class="nx">s</span><span class="p">);</span> +</code></pre></div></div> + +<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="n">s</span> <span class="o">=</span> <span class="s">"Python syntax highlighting"</span> +<span class="k">print</span> <span class="n">s</span> +</code></pre></div></div> + +<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>No language indicated, so no syntax highlighting. +But let's throw in a &lt;b&gt;tag&lt;/b&gt;. +</code></pre></div></div> + +<p>Colons can be used to align columns.</p> + +<table> + <thead> + <tr> + <th>Tables</th> + <th style="text-align: center">Are</th> + <th style="text-align: right">Cool</th> + </tr> + </thead> + <tbody> + <tr> + <td>col 3 is</td> + <td style="text-align: center">right-aligned</td> + <td style="text-align: right">$1600</td> + </tr> + <tr> + <td>col 2 is</td> + <td style="text-align: center">centered</td> + <td style="text-align: right">$12</td> + </tr> + <tr> + <td>zebra stripes</td> + <td style="text-align: center">are neat</td> + <td style="text-align: right">$1</td> + </tr> + </tbody> +</table> + +<p>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.</p> + +<table> + <thead> + <tr> + <th>Markdown</th> + <th>Less</th> + <th>Pretty</th> + </tr> + </thead> + <tbody> + <tr> + <td><em>Still</em></td> + <td><code class="language-plaintext highlighter-rouge">renders</code></td> + <td><strong>nicely</strong></td> + </tr> + <tr> + <td>1</td> + <td>2</td> + <td>3</td> + </tr> + </tbody> +</table> + +<blockquote> + <p>Blockquotes are very handy in email to emulate reply text. +This line is part of the same quote.</p> +</blockquote> + +<p>Quote break.</p> + +<blockquote> + <p>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 <em>put</em> <strong>Markdown</strong> into a blockquote.</p> +</blockquote> + +<p>Three or more…</p> + +<hr /> + +<p>Hyphens</p> + +<hr /> + +<p>Asterisks</p> + +<hr /> + +<p>Underscores</p> + +<p>Here’s a line for us to start with.</p> + +<p>This line is separated from the one above by two newlines, so it will be a <em>separate paragraph</em>.</p> + +<p>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 <em>same paragraph</em>.</p>Albert EinsteinNOTE: 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.a post with github metadata2020-09-28T21:01:00+00:002020-09-28T21:01:00+00:00https://alshedivat.github.io/al-folio/blog/2020/github-metadata<p>A sample blog page that demonstrates the accessing of github meta data.</p> + +<h2 id="what-does-github-metadata-do">What does Github-MetaData do?</h2> +<ul> + <li>Propagates the site.github namespace with repository metadata</li> + <li>Setting site variables : + <ul> + <li>site.title</li> + <li>site.description</li> + <li>site.url</li> + <li>site.baseurl</li> + </ul> + </li> + <li>Accessing the metadata - duh.</li> + <li>Generating edittable links.</li> +</ul> + +<h2 id="additional-reading">Additional Reading</h2> +<ul> + <li>If you’re recieving incorrect/missing data, you may need to perform a Github API<a href="https://github.com/jekyll/github-metadata/blob/master/docs/authentication.md"> authentication</a>.</li> + <li>Go through this <a href="https://jekyll.github.io/github-metadata/">README</a> for more details on the topic.</li> + <li><a href="https://github.com/jekyll/github-metadata/blob/master/docs/site.github.md">This page</a> highlights all the feilds you can access with github-metadata. +<br /></li> +</ul> + +<h2 id="example-metadata">Example MetaData</h2> +<ul> + <li>Host Name :</li> + <li>URL :</li> + <li>BaseURL :</li> + <li>Archived :</li> + <li>Contributors :</li> +</ul>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 : 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/twitter<p>A sample blog page that demonstrates the inclusion of Tweets/Timelines/etc.</p> + +<h1 id="tweet">Tweet</h1> +<p>An example of displaying a tweet:</p> +<div class="jekyll-twitter-plugin"><blockquote class="twitter-tweet"><p lang="sv" dir="ltr">jekyll-twitter-plugin (1.0.0): A Liquid tag plugin for Jekyll that renders Tweets from Twitter API <a href="http://t.co/m4EIQPM9h4">http://t.co/m4EIQPM9h4</a></p>&mdash; RubyGems (@rubygems) <a href="https://twitter.com/rubygems/status/518821243320287232?ref_src=twsrc%5Etfw">October 5, 2014</a></blockquote> +<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> +</div> + +<h1 id="timeline">Timeline</h1> +<p>An example of pulling from a timeline:</p> +<div class="jekyll-twitter-plugin"><a class="twitter-timeline" data-width="500" data-tweet-limit="3" href="https://twitter.com/jekyllrb?ref_src=twsrc%5Etfw">Tweets by jekyllrb</a> +<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> +</div> + +<h1 id="additional-details">Additional Details</h1> +<p>For more details on using the plugin visit: <a href="https://github.com/rob-murray/jekyll-twitter-plugin">jekyll-twitter-plugin</a></p>A 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&mdash; RubyGems (@rubygems) October 5, 2014 Timeline An example of pulling from a timeline: Tweets by jekyllrb Additional Details For more details on using the plugin visit: jekyll-twitter-plugina post with comments2015-10-20T15:59:00+00:002015-10-20T15:59:00+00:00https://alshedivat.github.io/al-folio/blog/2015/comments<p>This post shows how to add DISQUS comments.</p>This 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/math<p>This theme supports rendering beautiful math in inline and display modes using <a href="https://www.mathjax.org/">MathJax 3</a> engine. You just need to surround your math expression with <code class="language-plaintext highlighter-rouge">$$</code>, like <code class="language-plaintext highlighter-rouge">$$ E = mc^2 $$</code>. If you leave it inside a paragraph, it will produce an inline expression, just like \(E = mc^2\).</p> + +<p>To use display mode, again surround your expression with <code class="language-plaintext highlighter-rouge">$$</code> and place it as a separate paragraph. Here is an example:</p> + +\[\sum_{k=1}^\infty |\langle x, e_k \rangle|^2 \leq \|x\|^2\] + +<p>You can also use <code class="language-plaintext highlighter-rouge">\begin{equation}...\end{equation}</code> instead of <code class="language-plaintext highlighter-rouge">$$</code> for display mode math. +MathJax will automatically number equations:</p> + +<p>\begin{equation} +\label{eq:caushy-shwarz} +\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}</p> + +<p>and by adding <code class="language-plaintext highlighter-rouge">\label{...}</code> inside the equation environment, we can now refer to the equation using <code class="language-plaintext highlighter-rouge">\eqref</code>.</p> + +<p>Note that MathJax 3 is <a href="https://docs.mathjax.org/en/latest/upgrading/whats-new-3.0.html">a major re-write of MathJax</a> that brought a significant improvement to the loading and rendering speed, which is now <a href="http://www.intmath.com/cg5/katex-mathjax-comparison.php">on par with KaTeX</a>.</p>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\).a post with code2015-07-15T15:09:00+00:002015-07-15T15:09:00+00:00https://alshedivat.github.io/al-folio/blog/2015/code<p>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:</p> + +<p>{% highlight c++ linenos %} <br /> code code code <br /> {% endhighlight %}</p> + +<p>The keyword <code class="language-plaintext highlighter-rouge">linenos</code> triggers display of line numbers. +Produces something like this:</p> + +<figure class="highlight"><pre><code class="language-c--" data-lang="c++"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +</pre></td><td class="code"><pre><span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="kt">int</span> <span class="n">argc</span><span class="p">,</span> <span class="kt">char</span> <span class="k">const</span> <span class="err">\</span><span class="o">*</span><span class="n">argv</span><span class="p">[])</span> +<span class="p">{</span> + <span class="n">string</span> <span class="n">myString</span><span class="p">;</span> + + <span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">"input a string: "</span><span class="p">;</span> + <span class="n">getline</span><span class="p">(</span><span class="n">cin</span><span class="p">,</span> <span class="n">myString</span><span class="p">);</span> + <span class="kt">int</span> <span class="n">length</span> <span class="o">=</span> <span class="n">myString</span><span class="p">.</span><span class="n">length</span><span class="p">();</span> + + <span class="kt">char</span> <span class="n">charArray</span> <span class="o">=</span> <span class="k">new</span> <span class="kt">char</span> <span class="o">*</span> <span class="p">[</span><span class="n">length</span><span class="p">];</span> + + <span class="n">charArray</span> <span class="o">=</span> <span class="n">myString</span><span class="p">;</span> + <span class="k">for</span><span class="p">(</span><span class="kt">int</span> <span class="n">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="n">i</span> <span class="o">&lt;</span> <span class="n">length</span><span class="p">;</span> <span class="o">++</span><span class="n">i</span><span class="p">){</span> + <span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="n">charArray</span><span class="p">[</span><span class="n">i</span><span class="p">]</span> <span class="o">&lt;&lt;</span> <span class="s">" "</span><span class="p">;</span> + <span class="p">}</span> + + <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> +<span class="p">}</span> +</pre></td></tr></tbody></table></code></pre></figure>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:a post with images2015-05-15T21:01:00+00:002015-05-15T21:01:00+00:00https://alshedivat.github.io/al-folio/blog/2015/images<p>This is an example post with image galleries.</p> + +<div class="row mt-3"> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/9.jpg" /> + </div> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/7.jpg" /> + </div> +</div> +<div class="caption"> + A simple, elegant caption looks good between image rows, after each row, or doesn't have to be there at all. +</div> + +<p>Images can be made zoomable. +Simply add <code class="language-plaintext highlighter-rouge">data-zoomable</code> to <code class="language-plaintext highlighter-rouge">&lt;img&gt;</code> tags that you want to make zoomable.</p> + +<div class="row mt-3"> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/8.jpg" data-zoomable="" /> + </div> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/10.jpg" data-zoomable="" /> + </div> +</div> + +<p>The rest of the images in this post are all zoomable, arranged into different mini-galleries.</p> + +<div class="row mt-3"> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" data-zoomable="" /> + </div> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/12.jpg" data-zoomable="" /> + </div> + <div class="col-sm mt-3 mt-md-0"> + <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/7.jpg" data-zoomable="" /> + </div> +</div>This is an example post with image 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-links<p>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. <a href="https://www.pinterest.com">Pinterest</a> DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade <a href="https://en.wikipedia.org/wiki/Cold-pressed_juice">cold-pressed</a> 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.</p> + +<h4 id="hipster-list">Hipster list</h4> +<ul> + <li>brunch</li> + <li>fixie</li> + <li>raybans</li> + <li>messenger bag</li> +</ul> + +<p>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.</p> + +<hr /> + +<p>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.</p> + +<blockquote> + 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 +</blockquote> + +<p>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.</p>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. \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 000000000000..2f1b283d3701 --- /dev/null +++ b/index.html @@ -0,0 +1,481 @@ + + + + + + + + + + + + You R. Name + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

+ You R. Name +

+

Affiliations. Address. Contacts. Moto. Etc.

+
+ +
+ +
+ + + + +
+

555 your office number

123 your address street

Your City, State 12345

+ +
+ +
+ + +
+

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! :sparkles: :smile: + + +
Nov 7, 2015 + + A long announcement with details + +
Oct 22, 2015 + + A simple inline announcement. + + +
+
+ +
+ + + + +
+

selected publications

+
  1. +
    +
    + + + PhysRev + + +
    + +
    + +
    Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?
    +
    + + + + + + + + + + Einstein, A., + + + + + + + + + + + + + + + + + + + Podolsky, B., + + + + + + + + + + + + + + + + + + + + and Rosen, N. + + + + + +
    + +
    + + Phys. Rev., + + + 1935 + +
    + + +
    + + Abs + + + + + HTML + + + + PDF + + + + + + + + +
    + + + + + + + + +
    +
    +
+
+ + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/news/announcement_1/index.html b/news/announcement_1/index.html new file mode 100644 index 000000000000..179eb32778ab --- /dev/null +++ b/news/announcement_1/index.html @@ -0,0 +1,272 @@ + + + + + + + + + + + + You R. Name + + + | Announcement_1 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

Announcement_1

+

October 22, 2015

+
+ +
+

A simple inline announcement.

+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/news/announcement_2/index.html b/news/announcement_2/index.html new file mode 100644 index 000000000000..d8f9f9f3ffeb --- /dev/null +++ b/news/announcement_2/index.html @@ -0,0 +1,297 @@ + + + + + + + + + + + + You R. Name + + + | A long announcement with details + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

A long announcement with details

+

November 7, 2015

+
+ +
+

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/index.html b/news/announcement_3/index.html new file mode 100644 index 000000000000..38b7c10afebe --- /dev/null +++ b/news/announcement_3/index.html @@ -0,0 +1,272 @@ + + + + + + + + + + + + You R. Name + + + | Announcement_3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + +
+ +
+

Announcement_3

+

January 15, 2016

+
+ +
+

A simple inline announcement with Markdown emoji! :sparkles: :smile:

+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/1_project/index.html b/projects/1_project/index.html new file mode 100644 index 000000000000..b3ed7df35b38 --- /dev/null +++ b/projects/1_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 1 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 1

+

a project with a background image

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/2_project/index.html b/projects/2_project/index.html new file mode 100644 index 000000000000..4f9bb8627742 --- /dev/null +++ b/projects/2_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 2 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 2

+

a project with a background image

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/3_project/index.html b/projects/3_project/index.html new file mode 100644 index 000000000000..599186d32643 --- /dev/null +++ b/projects/3_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 3

+

a project that redirects to another website

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/4_project/index.html b/projects/4_project/index.html new file mode 100644 index 000000000000..a66ab8235c9a --- /dev/null +++ b/projects/4_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 4 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 4

+

another without an image

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/5_project/index.html b/projects/5_project/index.html new file mode 100644 index 000000000000..39a1a6d319cb --- /dev/null +++ b/projects/5_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 5 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 5

+

a project with a background image

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/6_project/index.html b/projects/6_project/index.html new file mode 100644 index 000000000000..575d6972cda1 --- /dev/null +++ b/projects/6_project/index.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + You R. Name + + + | project 6 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

project 6

+

a project with no image

+
+ +
+

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:

+ +
<div class="row justify-content-sm-center">
+    <div class="col-sm-8 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/6.jpg" alt="" title="example image"/>
+    </div>
+    <div class="col-sm-4 mt-3 mt-md-0">
+        <img class="img-fluid rounded z-depth-1" src="/al-folio/assets/img/11.jpg" alt="" title="example image"/>
+    </div>
+</div>
+
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/projects/index.html b/projects/index.html new file mode 100644 index 000000000000..6141c35f994d --- /dev/null +++ b/projects/index.html @@ -0,0 +1,415 @@ + + + + + + + + + + + + You R. Name + + + | projects + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

projects

+

A growing collection of your cool projects.

+
+ +
+
+ + + +

work

+ + + + +
+ +
+ + + +
+ + project thumbnail + +
+

project 1

+

a project with a background image

+
+ +
+
+
+ +
+ + +
+ + + +
+ + project thumbnail + +
+

project 2

+

a project with a background image

+
+ +
+
+
+ +
+ + +
+ + + +
+ + project thumbnail + +
+

project 3

+

a project that redirects to another website

+
+ +
+
+
+ +
+ + +
+ + +

fun

+ + + + +
+ +
+ + + +
+ +
+

project 4

+

another without an image

+
+ +
+
+
+ +
+ + +
+ + + +
+ + project thumbnail + +
+

project 5

+

a project with a background image

+
+ +
+
+
+ +
+ + +
+ + + +
+ +
+

project 6

+

a project with no image

+
+ +
+
+
+ +
+ + +
+ + + + + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/publications/index.html b/publications/index.html new file mode 100644 index 000000000000..b6e822e1a30a --- /dev/null +++ b/publications/index.html @@ -0,0 +1,732 @@ + + + + + + + + + + + + You R. Name + + + | publications + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

publications

+

publications by categories in reversed chronological order. generated by jekyll-scholar.

+
+ +
+
+ + +

1956

+
  1. +
    +
    + +
    + +
    + +
    Investigations on the Theory of the Brownian Movement
    +
    + + + + + + + + + Einstein, Albert + + + +
    + +
    + + + 1956 + +
    + + +
    + + + + Bib + + + + + + + + + +
    + + + + + + + + +
    +
    +
+ +

1950

+
  1. +
    +
    + + + AJP + + +
    + +
    + +
    The meaning of relativity
    +
    + + + + + + + + + + Einstein, Albert, + + + + + + + + + + + + + + and Taub, AH + + + + + +
    + +
    + + American Journal of Physics, + + + 1950 + +
    + + +
    + + + + Bib + + + + + + + + + +
    + + + + + + + + +
    +
    +
+ +

1935

+
  1. +
    +
    + + + PhysRev + + +
    + +
    + +
    Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?
    +
    + + + + + + + + + + Einstein, A., + + + + + + + + + + + + + + + + + + + Podolsky, B., + + + + + + + + + + + + + + + + + + + + and Rosen, N. + + + + + +
    + +
    + + Phys. Rev., + + + 1935 + +
    + + +
    + + Abs + + + + + HTML + + + + PDF + + + + + + + + +
    + + + + + + + + +
    +
    +
+ +

1905

+
    +
  1. +
    +
    + +
    + +
    + +
    Über die von der molekularkinetischen Theorie der Wärme geforderte Bewegung von in ruhenden Flüssigkeiten suspendierten Teilchen
    +
    + + + + + + + + + Einstein, A. + + + +
    + +
    + + Annalen der physik, + + + 1905 + +
    + + +
    + + + + + + + + + + + +
    + + + + + + +
    +
    +
    2. +
  2. +
    +
    + + + Ann. Phys. + + +
    + +
    + +
    Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat
    +
    + + + + + + + + + Einstein, A. + + + +
    + +
    + + Ann. Phys., + + + 1905 + +
    + + +
    + + + + + + + + + + + +
    + + + + + + +
    +
    +
    3. +
  3. +
    +
    + +
    + +
    + +
    On the electrodynamics of moving bodies
    +
    + + + + + + + + + Einstein, A. + + + +
    + +
    + + + + + 1905 + +
    + + +
    + + + + + + + + + + + +
    + + + + + + +
    +
    +
    4. +
+ + +
+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/robots.txt b/robots.txt index a450fbe28faa..440869f7e3c9 100644 --- a/robots.txt +++ b/robots.txt @@ -1,7 +1,4 @@ ---- -permalink: /robots.txt ---- User-agent: * Disallow: -Sitemap: {{ site.baseurl | prepend: site.url }}/sitemap.xml +Sitemap: https://alshedivat.github.io/al-folio/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 000000000000..9fe4ce69cdd9 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,94 @@ + + + +https://alshedivat.github.io/al-folio/news/announcement_1/ +2015-10-22T19:59:00+00:00 + + +https://alshedivat.github.io/al-folio/news/announcement_2/ +2015-11-07T20:11:00+00:00 + + +https://alshedivat.github.io/al-folio/news/announcement_3/ +2016-01-15T11:59:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2015/formatting-and-links/ +2015-03-15T16:40:16+00:00 + + +https://alshedivat.github.io/al-folio/blog/2015/images/ +2015-05-15T21:01:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2015/code/ +2015-07-15T15:09:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2015/math/ +2015-10-20T15:12:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2015/comments/ +2015-10-20T15:59:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2020/twitter/ +2020-09-28T15:12:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2020/github-metadata/ +2020-09-28T21:01:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2021/distill/ +2021-05-22T00:00:00+00:00 + + +https://alshedivat.github.io/al-folio/blog/2021/diagrams/ +2021-07-04T17:39:00+00:00 + + +https://alshedivat.github.io/al-folio/projects/1_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/projects/2_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/projects/3_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/projects/4_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/projects/5_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/projects/6_project/ +2021-10-09T00:53:28+00:00 + + +https://alshedivat.github.io/al-folio/ + + +https://alshedivat.github.io/al-folio/_pages/dropdown/ + + +https://alshedivat.github.io/al-folio/projects/ + + +https://alshedivat.github.io/al-folio/publications/ + + +https://alshedivat.github.io/al-folio/teaching/ + + +https://alshedivat.github.io/al-folio/assets/pdf/example_pdf.pdf +2021-10-09T00:51:50+00:00 + + diff --git a/teaching/index.html b/teaching/index.html new file mode 100644 index 000000000000..f60641c45e18 --- /dev/null +++ b/teaching/index.html @@ -0,0 +1,274 @@ + + + + + + + + + + + + You R. Name + + + | teaching + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+
+ +
+

teaching

+

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!

+ +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +