diff --git a/404.html b/404.html index d266f6a..a7ba1a2 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ - Page not found | You R. Name

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 go back to the home page.

\ No newline at end of file + Page not found | Xin Wu

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 go back to the home page.

\ No newline at end of file diff --git a/_pages/dropdown/index.html b/_pages/dropdown/index.html index 1e5c85f..abc5a17 100644 --- a/_pages/dropdown/index.html +++ b/_pages/dropdown/index.html @@ -1 +1 @@ - submenus | You R. Name

submenus

\ No newline at end of file + submenus | Xin Wu

submenus

\ No newline at end of file diff --git a/assets/jupyter/blog.ipynb.html b/assets/jupyter/blog.ipynb.html index 7baa614..88211e9 100644 --- a/assets/jupyter/blog.ipynb.html +++ b/assets/jupyter/blog.ipynb.html @@ -1,4 +1,4 @@ - jekyll-jupyter-notebook20240903-2570-8j0saq

a distill-style blog post

an example of a distill-style blog post and main elements

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 good in the dark mode. You can always use the default code-highlight using the highlight liquid tag:

var x = 25;
+      

a distill-style blog post

an example of a distill-style blog post and main elements

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 good 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;
-}

Interactive Plots

You can add interative plots using plotly + iframes :framed_picture:

The plot must be generated separately and saved into an HTML file. To generate the plot that you see above, you can use the following code snippet:

import pandas as pd
+}

Interactive Plots

You can add interative plots using plotly + iframes :framed_picture:

The plot must be generated separately and saved into an HTML file. To generate the plot that you see above, you can use the following code snippet:

import pandas as pd
 import plotly.express as px
 df = pd.read_csv(
 'https://raw.githubusercontent.com/plotly/datasets/master/earthquakes-23k.csv'
@@ -79,4 +79,4 @@
 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.

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.

Markdown Less Pretty
Still renders nicely
1 2 3

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Here’s a line for us to start with.

This line is separated from the one above by two newlines, so it will be a separate paragraph.

This line is also a separate paragraph, but… This line is only separated by a single newline, so it’s a separate line in the same paragraph.

\ No newline at end of file +

Colons can be used to align columns.

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.

Markdown Less Pretty
Still renders nicely
1 2 3

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Here’s a line for us to start with.

This line is separated from the one above by two newlines, so it will be a separate paragraph.

This line is also a separate paragraph, but… This line is only separated by a single newline, so it’s a separate line in the same paragraph.

\ No newline at end of file diff --git a/blog/2021/index.html b/blog/2021/index.html index b408386..dc24b7c 100644 --- a/blog/2021/index.html +++ b/blog/2021/index.html @@ -1 +1 @@ - 2021 | You R. Name

2021

an archive of posts from this year

\ No newline at end of file + 2021 | Xin Wu

2021

an archive of posts from this year

\ No newline at end of file diff --git a/blog/2022/giscus-comments/index.html b/blog/2022/giscus-comments/index.html index e3ee38c..e6c88fc 100644 --- a/blog/2022/giscus-comments/index.html +++ b/blog/2022/giscus-comments/index.html @@ -1 +1 @@ - a post with giscus comments | You R. Name

a post with giscus comments

This post shows how to add GISCUS comments.

\ No newline at end of file + a post with giscus comments | Xin Wu

a post with giscus comments

This post shows how to add GISCUS comments.

\ No newline at end of file diff --git a/blog/2022/index.html b/blog/2022/index.html index 7f48190..7c0a5cf 100644 --- a/blog/2022/index.html +++ b/blog/2022/index.html @@ -1 +1 @@ - 2022 | You R. Name

2022

an archive of posts from this year

\ No newline at end of file + 2022 | Xin Wu

2022

an archive of posts from this year

\ No newline at end of file diff --git a/blog/2022/redirect/index.html b/blog/2022/redirect/index.html index c164abb..70c641c 100644 --- a/blog/2022/redirect/index.html +++ b/blog/2022/redirect/index.html @@ -1 +1 @@ - a post with redirect | You R. Name

a post with redirect

Redirecting to another page.




    Enjoy Reading This Article?

    Here are some more articles you might like to read next:

  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
  • Displaying External Posts on Your al-folio Blog
  • a post with tabs
  • a post with typograms
  • a post that can be cited
  • \ No newline at end of file + a post with redirect | Xin Wu

    a post with redirect

    Redirecting to another page.




      Enjoy Reading This Article?

      Here are some more articles you might like to read next:

    • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
    • Displaying External Posts on Your al-folio Blog
    • a post with tabs
    • a post with typograms
    • a post that can be cited
    • \ No newline at end of file diff --git a/blog/2023/audios/index.html b/blog/2023/audios/index.html index fc8a7a6..83ec8e6 100644 --- a/blog/2023/audios/index.html +++ b/blog/2023/audios/index.html @@ -1 +1 @@ - a post with audios | You R. Name

      a post with audios

      This is an example post with audios. It supports local audio files.

      A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.



        Enjoy Reading This Article?

        Here are some more articles you might like to read next:

      • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
      • Displaying External Posts on Your al-folio Blog
      • a post with tabs
      • a post with typograms
      • a post that can be cited
      • \ No newline at end of file + a post with audios | Xin Wu

        a post with audios

        This is an example post with audios. It supports local audio files.

        A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.



          Enjoy Reading This Article?

          Here are some more articles you might like to read next:

        • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
        • Displaying External Posts on Your al-folio Blog
        • a post with tabs
        • a post with typograms
        • a post that can be cited
        • \ No newline at end of file diff --git a/blog/2023/custom-blockquotes/index.html b/blog/2023/custom-blockquotes/index.html index ea8ff1a..f63a4d3 100644 --- a/blog/2023/custom-blockquotes/index.html +++ b/blog/2023/custom-blockquotes/index.html @@ -1,4 +1,4 @@ - a post with custom blockquotes | You R. Name

          a post with custom blockquotes

          This post shows how to add custom styles for blockquotes. Based on jekyll-gitbook implementation.

          We decided to support the same custom blockquotes as in jekyll-gitbook, which are also found in a lot of other sites’ styles. The styles definitions can be found on the _base.scss file, more specifically:

          /* Tips, warnings, and dangers */
          +        a post with custom blockquotes | Xin Wu                  

          a post with custom blockquotes

          This post shows how to add custom styles for blockquotes. Based on jekyll-gitbook implementation.

          We decided to support the same custom blockquotes as in jekyll-gitbook, which are also found in a lot of other sites’ styles. The styles definitions can be found on the _base.scss file, more specifically:

          /* Tips, warnings, and dangers */
           .post .post-content blockquote {
             &.block-tip {
               border-color: var(--global-tip-block);
          @@ -71,4 +71,4 @@
           > This is a danger zone, and thus should
           > be used carefully
           {: .block-danger }
          -
          DANGER

          This is a danger zone, and thus should be used carefully




            Enjoy Reading This Article?

            Here are some more articles you might like to read next:

          • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
          • Displaying External Posts on Your al-folio Blog
          • a post with tabs
          • a post with typograms
          • a post that can be cited
          • \ No newline at end of file +
            DANGER

            This is a danger zone, and thus should be used carefully




              Enjoy Reading This Article?

              Here are some more articles you might like to read next:

            • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
            • Displaying External Posts on Your al-folio Blog
            • a post with tabs
            • a post with typograms
            • a post that can be cited
            • \ No newline at end of file diff --git a/blog/2023/index.html b/blog/2023/index.html index 6be4582..dd0e2bc 100644 --- a/blog/2023/index.html +++ b/blog/2023/index.html @@ -1 +1 @@ - 2023 | You R. Name

              2023

              an archive of posts from this year

              \ No newline at end of file + 2023 | Xin Wu

              2023

              an archive of posts from this year

              \ No newline at end of file diff --git a/blog/2023/jupyter-notebook/index.html b/blog/2023/jupyter-notebook/index.html index e3d859e..3afaa99 100644 --- a/blog/2023/jupyter-notebook/index.html +++ b/blog/2023/jupyter-notebook/index.html @@ -1,4 +1,4 @@ - a post with jupyter notebook | You R. Name

              a post with jupyter notebook

              To include a jupyter notebook in a post, you can use the following code:

              {::nomarkdown}
              +        a post with jupyter notebook | Xin Wu                  

              a post with jupyter notebook

              To include a jupyter notebook in a post, you can use the following code:

              {::nomarkdown}
               {% assign jupyter_path = 'assets/jupyter/blog.ipynb' | relative_url %}
               {% capture notebook_exists %}{% file_exists assets/jupyter/blog.ipynb %}{% endcapture %}
               {% if notebook_exists == 'true' %}
              @@ -7,4 +7,4 @@
                 <p>Sorry, the notebook you are looking for does not exist.</p>
               {% endif %}
               {:/nomarkdown}
              -

              Let’s break it down: this is possible thanks to Jekyll Jupyter Notebook plugin that allows you to embed jupyter notebooks in your posts. It basically calls jupyter nbconvert --to html to convert the notebook to an html page and then includes it in the post. Since Kramdown is the default Markdown renderer for Jekyll, we need to surround the call to the plugin with the ::nomarkdown tag so that it stops processing this part with Kramdown and outputs the content as-is.

              The plugin takes as input the path to the notebook, but it assumes the file exists. If you want to check if the file exists before calling the plugin, you can use the file_exists filter. This avoids getting a 404 error from the plugin and ending up displaying the main page inside of it instead. If the file does not exist, you can output a message to the user. The code displayed above outputs the following:

              Note that the jupyter notebook supports both light and dark themes.

              \ No newline at end of file +

              Let’s break it down: this is possible thanks to Jekyll Jupyter Notebook plugin that allows you to embed jupyter notebooks in your posts. It basically calls jupyter nbconvert --to html to convert the notebook to an html page and then includes it in the post. Since Kramdown is the default Markdown renderer for Jekyll, we need to surround the call to the plugin with the ::nomarkdown tag so that it stops processing this part with Kramdown and outputs the content as-is.

              The plugin takes as input the path to the notebook, but it assumes the file exists. If you want to check if the file exists before calling the plugin, you can use the file_exists filter. This avoids getting a 404 error from the plugin and ending up displaying the main page inside of it instead. If the file does not exist, you can output a message to the user. The code displayed above outputs the following:

              Note that the jupyter notebook supports both light and dark themes.

              \ No newline at end of file diff --git a/blog/2023/post-bibliography/index.html b/blog/2023/post-bibliography/index.html index 4405727..1d1c9e4 100644 --- a/blog/2023/post-bibliography/index.html +++ b/blog/2023/post-bibliography/index.html @@ -1,4 +1,4 @@ - a post with bibliography | You R. Name

              a post with bibliography

              This post shows how to add bibliography to simple blog posts. We support every citation style that jekyll-scholar does. That means simple citation like (Einstein & Taub, 1950), multiple citations like (Einstein & Taub, 1950; Einstein, 1905), long references like Einstein, A. (1905). Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat. Ann. Phys., 17, 549–560. or also quotes:

              Lorem ipsum dolor sit amet, consectetur adipisicing elit,
              sed do eiusmod tempor.

              Lorem ipsum dolor sit amet, consectetur adipisicing.

              (Einstein, 1905)

              If you would like something more academic, check the distill style post.

              References

              1950

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

              1905

              1. Ann. Phys.
                Un the movement of small particles suspended in statiunary liquids required by the molecular-kinetic theory 0f heat
                A. Einstein
                Ann. Phys., 1905
              2. On the electrodynamics of moving bodies
                A. Einstein
                1905
              \ No newline at end of file diff --git a/blog/2023/sidebar-table-of-contents/index.html b/blog/2023/sidebar-table-of-contents/index.html index 3c972b1..62e5a7a 100644 --- a/blog/2023/sidebar-table-of-contents/index.html +++ b/blog/2023/sidebar-table-of-contents/index.html @@ -1,3 +1,3 @@ - a post with table of contents on a sidebar | You R. Name

              a post with table of contents on a sidebar

              This post shows how to add a table of contents as a sidebar.

              Adding a Table of Contents

              To add a table of contents to a post as a sidebar, simply add

              toc:
              +        a post with table of contents on a sidebar | Xin Wu                   

              a post with table of contents on a sidebar

              This post shows how to add a table of contents as a sidebar.

              Adding a Table of Contents

              To add a table of contents to a post as a sidebar, simply add

              toc:
                 sidebar: left
              -

              to the front matter of the post. The table of contents will be automatically generated from the headings in the post. If you wish to display the sidebar to the right, simply change left to right.

              Example of Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Customizing Your Table of Contents

              If you want to learn more about how to customize the table of contents of your sidebar, you can check the bootstrap-toc documentation. Notice that you can even customize the text of the heading that will be displayed on the sidebar.

              Example of Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              \ No newline at end of file +

              to the front matter of the post. The table of contents will be automatically generated from the headings in the post. If you wish to display the sidebar to the right, simply change left to right.

              Example of Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Customizing Your Table of Contents

              If you want to learn more about how to customize the table of contents of your sidebar, you can check the bootstrap-toc documentation. Notice that you can even customize the text of the heading that will be displayed on the sidebar.

              Example of Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              \ No newline at end of file diff --git a/blog/2023/table-of-contents/index.html b/blog/2023/table-of-contents/index.html index 4d4a42e..26189c9 100644 --- a/blog/2023/table-of-contents/index.html +++ b/blog/2023/table-of-contents/index.html @@ -1,3 +1,3 @@ - a post with table of contents | You R. Name

              a post with table of contents


              This post shows how to add a table of contents in the beginning of the post.

              Adding a Table of Contents

              To add a table of contents to a post, simply add

              toc:
              +        a post with table of contents | Xin Wu                  

              a post with table of contents


              This post shows how to add a table of contents in the beginning of the post.

              Adding a Table of Contents

              To add a table of contents to a post, simply add

              toc:
                 beginning: true
              -

              to the front matter of the post. The table of contents will be automatically generated from the headings in the post.

              Example of Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Table of Contents Options

              If you want to learn more about how to customize the table of contents, you can check the jekyll-toc repository.

              Example of Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              \ No newline at end of file +

              to the front matter of the post. The table of contents will be automatically generated from the headings in the post.

              Example of Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 1

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Table of Contents Options

              If you want to learn more about how to customize the table of contents, you can check the jekyll-toc repository.

              Example of Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              Example of another Sub-Heading 2

              Jean shorts raw denim Vice normcore, art party High Life PBR skateboard stumptown vinyl kitsch. Four loko meh 8-bit, tousled banh mi tilde forage Schlitz dreamcatcher twee 3 wolf moon. Chambray asymmetrical paleo salvia, sartorial umami four loko master cleanse drinking vinegar brunch. Pinterest DIY authentic Schlitz, hoodie Intelligentsia butcher trust fund brunch shabby chic Kickstarter forage flexitarian. Direct trade cold-pressed meggings stumptown plaid, pop-up taxidermy. Hoodie XOXO fingerstache scenester Echo Park. Plaid ugh Wes Anderson, freegan pug selvage fanny pack leggings pickled food truck DIY irony Banksy.

              \ No newline at end of file diff --git a/blog/2023/tables/index.html b/blog/2023/tables/index.html index d1ef823..383c7a8 100644 --- a/blog/2023/tables/index.html +++ b/blog/2023/tables/index.html @@ -1,4 +1,4 @@ - displaying beautiful tables with Bootstrap Tables | You R. Name

              displaying beautiful tables with Bootstrap Tables

              Using markdown to display tables is easy.

              Simple Example

              First, add the following to the post’s front matter

              pretty_table: true
              +        displaying beautiful tables with Bootstrap Tables | Xin Wu                   

              displaying beautiful tables with Bootstrap Tables

              Using markdown to display tables is easy.

              Simple Example

              First, add the following to the post’s front matter

              pretty_table: true
               

              Then, the following syntax

              | Left aligned | Center aligned | Right aligned |
               | :----------- | :------------: | ------------: |
               | Left 1       |    center 1    |       right 1 |
              @@ -13,7 +13,7 @@
                   </tr>
                 </thead>
               </table>
              -
              ID Item Name Item Price

              More Complex Example

              By using Bootstrap Table it is possible to create pretty complex tables, with pagination, search, and more. For example, the following HTML code will display a table, loaded from a JSON file, with pagination, search, checkboxes, and header/content alignment. For more information, check the documentation.

              <table
              +
              ID Item Name Item Price

              More Complex Example

              By using Bootstrap Table it is possible to create pretty complex tables, with pagination, search, and more. For example, the following HTML code will display a table, loaded from a JSON file, with pagination, search, checkboxes, and header/content alignment. For more information, check the documentation.

              <table
                 data-click-to-select="true"
                 data-height="460"
                 data-pagination="true"
              @@ -30,4 +30,4 @@
                   </tr>
                 </thead>
               </table>
              -
              ID Item Name Item Price



                Enjoy Reading This Article?

                Here are some more articles you might like to read next:

              • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
              • Displaying External Posts on Your al-folio Blog
              • a post with tabs
              • a post with typograms
              • a post that can be cited
              • \ No newline at end of file +
                ID Item Name Item Price



                  Enjoy Reading This Article?

                  Here are some more articles you might like to read next:

                • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                • Displaying External Posts on Your al-folio Blog
                • a post with tabs
                • a post with typograms
                • a post that can be cited
                • \ No newline at end of file diff --git a/blog/2023/tikzjax/index.html b/blog/2023/tikzjax/index.html index 5b44f1a..3ded116 100644 --- a/blog/2023/tikzjax/index.html +++ b/blog/2023/tikzjax/index.html @@ -1,7 +1,7 @@ - a post with TikZJax | You R. Name

                  a post with TikZJax

                  This is an example post with TikZ code. TikZJax converts script tags (containing TikZ code) into SVGs.

                  a post with TikZJax

                  This is an example post with TikZ code. TikZJax converts script tags (containing TikZ code) into SVGs.




                    Enjoy Reading This Article?

                    Here are some more articles you might like to read next:

                  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                  • Displaying External Posts on Your al-folio Blog
                  • a post with tabs
                  • a post with typograms
                  • a post that can be cited
                  • \ No newline at end of file +



                      Enjoy Reading This Article?

                      Here are some more articles you might like to read next:

                    • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                    • Displaying External Posts on Your al-folio Blog
                    • a post with tabs
                    • a post with typograms
                    • a post that can be cited
                    • \ No newline at end of file diff --git a/blog/2023/videos/index.html b/blog/2023/videos/index.html index 44e87fd..2b71b49 100644 --- a/blog/2023/videos/index.html +++ b/blog/2023/videos/index.html @@ -1 +1 @@ - a post with videos | You R. Name

                      a post with videos

                      This is an example post with videos. It supports local video files.

                      A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.

                      It does also support embedding videos from different sources. Here are some examples:




                        Enjoy Reading This Article?

                        Here are some more articles you might like to read next:

                      • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                      • Displaying External Posts on Your al-folio Blog
                      • a post with tabs
                      • a post with typograms
                      • a post that can be cited
                      • \ No newline at end of file + a post with videos | Xin Wu

                        a post with videos

                        This is an example post with videos. It supports local video files.

                        A simple, elegant caption looks good between video rows, after each row, or doesn't have to be there at all.

                        It does also support embedding videos from different sources. Here are some examples:




                          Enjoy Reading This Article?

                          Here are some more articles you might like to read next:

                        • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                        • Displaying External Posts on Your al-folio Blog
                        • a post with tabs
                        • a post with typograms
                        • a post that can be cited
                        • \ No newline at end of file diff --git a/blog/2024/advanced-images/index.html b/blog/2024/advanced-images/index.html index 6ca1f2a..32692d1 100644 --- a/blog/2024/advanced-images/index.html +++ b/blog/2024/advanced-images/index.html @@ -1 +1 @@ - a post with advanced image components | You R. Name

                          a post with advanced image components

                          This is an example post with advanced image components.

                          Image Slider

                          This is a simple image slider. It uses the Swiper library. Check the examples page for more information of what you can achieve with it.

                          Image Comparison Slider

                          This is a simple image comparison slider. It uses the img-comparison-slider library. Check the examples page for more information of what you can achieve with it.




                            Enjoy Reading This Article?

                            Here are some more articles you might like to read next:

                          • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                          • Displaying External Posts on Your al-folio Blog
                          • a post with tabs
                          • a post with typograms
                          • a post that can be cited
                          • \ No newline at end of file + a post with advanced image components | Xin Wu

                            a post with advanced image components

                            This is an example post with advanced image components.

                            Image Slider

                            This is a simple image slider. It uses the Swiper library. Check the examples page for more information of what you can achieve with it.

                            Image Comparison Slider

                            This is a simple image comparison slider. It uses the img-comparison-slider library. Check the examples page for more information of what you can achieve with it.




                              Enjoy Reading This Article?

                              Here are some more articles you might like to read next:

                            • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                            • Displaying External Posts on Your al-folio Blog
                            • a post with tabs
                            • a post with typograms
                            • a post that can be cited
                            • \ No newline at end of file diff --git a/blog/2024/chartjs/index.html b/blog/2024/chartjs/index.html index fc54754..cc65489 100644 --- a/blog/2024/chartjs/index.html +++ b/blog/2024/chartjs/index.html @@ -1,4 +1,4 @@ - a post with chart.js | You R. Name

                              a post with chart.js

                              This is an example post with some chart.js code.

                              ```chartjs
                              +        a post with chart.js | Xin Wu                  

                              a post with chart.js

                              This is an example post with some chart.js code.

                              ```chartjs
                               {
                                 "type": "line",
                                 "data": {
                              @@ -156,4 +156,4 @@
                                 },
                                 "options": {}
                               }
                              -



                                Enjoy Reading This Article?

                                Here are some more articles you might like to read next:

                              • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                              • Displaying External Posts on Your al-folio Blog
                              • a post with tabs
                              • a post with typograms
                              • a post that can be cited
                              • \ No newline at end of file +



                                  Enjoy Reading This Article?

                                  Here are some more articles you might like to read next:

                                • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                • Displaying External Posts on Your al-folio Blog
                                • a post with tabs
                                • a post with typograms
                                • a post that can be cited
                                • \ No newline at end of file diff --git a/blog/2024/code-diff/index.html b/blog/2024/code-diff/index.html index 58fd867..aead020 100644 --- a/blog/2024/code-diff/index.html +++ b/blog/2024/code-diff/index.html @@ -1,4 +1,4 @@ - a post with code diff | You R. Name

                                  a post with code diff

                                  You can display diff code by using the regular markdown syntax:

                                  ```diff
                                  +        a post with code diff | Xin Wu                     

                                  a post with code diff

                                  You can display diff code by using the regular markdown syntax:

                                  ```diff
                                   diff --git a/sample.js b/sample.js
                                   index 0000001..0ddf2ba
                                   --- a/sample.js
                                  @@ -442,4 +442,4 @@
                                   +    });
                                      });
                                    });
                                  -



                                    Enjoy Reading This Article?

                                    Here are some more articles you might like to read next:

                                  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                  • Displaying External Posts on Your al-folio Blog
                                  • a post with tabs
                                  • a post with typograms
                                  • a post that can be cited
                                  • \ No newline at end of file +



                                      Enjoy Reading This Article?

                                      Here are some more articles you might like to read next:

                                    • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                    • Displaying External Posts on Your al-folio Blog
                                    • a post with tabs
                                    • a post with typograms
                                    • a post that can be cited
                                    • \ No newline at end of file diff --git a/blog/2024/echarts/index.html b/blog/2024/echarts/index.html index f6f3cf7..7d703fc 100644 --- a/blog/2024/echarts/index.html +++ b/blog/2024/echarts/index.html @@ -1,4 +1,4 @@ - a post with echarts | You R. Name

                                      a post with echarts

                                      This is an example post with some echarts code.

                                      ```echarts
                                      +        a post with echarts | Xin Wu                  

                                      a post with echarts

                                      This is an example post with some echarts code.

                                      ```echarts
                                       {
                                         "title": {
                                           "text": "ECharts Getting Started Example"
                                      @@ -44,4 +44,4 @@
                                           }
                                         ]
                                       }
                                      -

                                      Note that this library offer support for both light and dark themes. You can switch between them using the theme switcher in the top right corner of the page.




                                        Enjoy Reading This Article?

                                        Here are some more articles you might like to read next:

                                      • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                      • Displaying External Posts on Your al-folio Blog
                                      • a post with tabs
                                      • a post with typograms
                                      • a post that can be cited
                                      • \ No newline at end of file +

                                        Note that this library offer support for both light and dark themes. You can switch between them using the theme switcher in the top right corner of the page.




                                          Enjoy Reading This Article?

                                          Here are some more articles you might like to read next:

                                        • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                        • Displaying External Posts on Your al-folio Blog
                                        • a post with tabs
                                        • a post with typograms
                                        • a post that can be cited
                                        • \ No newline at end of file diff --git a/blog/2024/geojson-map/index.html b/blog/2024/geojson-map/index.html index 79d8f18..b8b4d1b 100644 --- a/blog/2024/geojson-map/index.html +++ b/blog/2024/geojson-map/index.html @@ -1,4 +1,4 @@ - a post with geojson | You R. Name

                                          a post with geojson

                                          This is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

                                          ```geojson
                                          +        a post with geojson | Xin Wu                   

                                          a post with geojson

                                          This is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

                                          ```geojson
                                           {
                                             "type": "FeatureCollection",
                                             "features": [
                                          @@ -72,4 +72,4 @@
                                               }
                                             ]
                                           }
                                          -



                                            Enjoy Reading This Article?

                                            Here are some more articles you might like to read next:

                                          • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                          • Displaying External Posts on Your al-folio Blog
                                          • a post with tabs
                                          • a post with typograms
                                          • a post that can be cited
                                          • \ No newline at end of file +



                                              Enjoy Reading This Article?

                                              Here are some more articles you might like to read next:

                                            • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                            • Displaying External Posts on Your al-folio Blog
                                            • a post with tabs
                                            • a post with typograms
                                            • a post that can be cited
                                            • \ No newline at end of file diff --git a/blog/2024/index.html b/blog/2024/index.html index 458370c..0def579 100644 --- a/blog/2024/index.html +++ b/blog/2024/index.html @@ -1 +1 @@ - 2024 | You R. Name

                                              2024

                                              an archive of posts from this year

                                              \ No newline at end of file + 2024 | Xin Wu

                                              2024

                                              an archive of posts from this year

                                              \ No newline at end of file diff --git a/blog/2024/post-citation/index.html b/blog/2024/post-citation/index.html index 8f5fa91..747be7e 100644 --- a/blog/2024/post-citation/index.html +++ b/blog/2024/post-citation/index.html @@ -1,8 +1,8 @@ - a post that can be cited | You R. Name

                                              a post that can be cited

                                              This is an example post that can be cited. The content of the post ends here, while the citation information is automatically provided below. The only thing needed is for you to set the citation key in the front matter to true.




                                              If you found this useful, please cite this as:

                                              Name, You R. (Apr 2024). a post that can be cited. https://alshedivat.github.io.

                                              or as a BibTeX entry:

                                              @article{name2024a-post-that-can-be-cited,
                                              +        a post that can be cited | Xin Wu                  

                                              a post that can be cited

                                              This is an example post that can be cited. The content of the post ends here, while the citation information is automatically provided below. The only thing needed is for you to set the citation key in the front matter to true.




                                              If you found this useful, please cite this as:

                                              Wu, Xin (Apr 2024). a post that can be cited. https://xinwuchn.github.io.

                                              or as a BibTeX entry:

                                              @article{wu2024a-post-that-can-be-cited,
                                                 title   = {a post that can be cited},
                                              -  author  = {Name, You R.},
                                              +  author  = {Wu, Xin},
                                                 year    = {2024},
                                                 month   = {Apr},
                                              -  url     = {https://alshedivat.github.io/blog/2024/post-citation/}
                                              +  url     = {https://xinwuchn.github.io/blog/2024/post-citation/}
                                               }
                                              -



                                                Enjoy Reading This Article?

                                                Here are some more articles you might like to read next:

                                              • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                              • Displaying External Posts on Your al-folio Blog
                                              • a post with tabs
                                              • a post with typograms
                                              • a post with pseudo code
                                              • \ No newline at end of file +



                                                  Enjoy Reading This Article?

                                                  Here are some more articles you might like to read next:

                                                • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                • Displaying External Posts on Your al-folio Blog
                                                • a post with tabs
                                                • a post with typograms
                                                • a post with pseudo code
                                                • \ No newline at end of file diff --git a/blog/2024/pseudocode/index.html b/blog/2024/pseudocode/index.html index a67b552..1e3de3c 100644 --- a/blog/2024/pseudocode/index.html +++ b/blog/2024/pseudocode/index.html @@ -1,4 +1,4 @@ - a post with pseudo code | You R. Name

                                                  a post with pseudo code

                                                  This is an example post with some pseudo code rendered by pseudocode. The example presented here is the same as the one in the pseudocode.js documentation, with only one simple but important change: everytime you would use $, you should use $$ instead. Also, note that the pseudocode key in the front matter is set to true to enable the rendering of pseudo code. As an example, using this code:

                                                  ```pseudocode
                                                  +        a post with pseudo code | Xin Wu                   

                                                  a post with pseudo code

                                                  This is an example post with some pseudo code rendered by pseudocode. The example presented here is the same as the one in the pseudocode.js documentation, with only one simple but important change: everytime you would use $, you should use $$ instead. Also, note that the pseudocode key in the front matter is set to true to enable the rendering of pseudo code. As an example, using this code:

                                                  ```pseudocode
                                                   % This quicksort algorithm is extracted from Chapter 7, Introduction to Algorithms (3rd edition)
                                                   \begin{algorithm}
                                                   \caption{Quicksort}
                                                  @@ -50,4 +50,4 @@
                                                   \ENDPROCEDURE
                                                   \end{algorithmic}
                                                   \end{algorithm}
                                                  -



                                                    Enjoy Reading This Article?

                                                    Here are some more articles you might like to read next:

                                                  • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                  • Displaying External Posts on Your al-folio Blog
                                                  • a post with tabs
                                                  • a post with typograms
                                                  • a post that can be cited
                                                  • \ No newline at end of file +



                                                      Enjoy Reading This Article?

                                                      Here are some more articles you might like to read next:

                                                    • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                    • Displaying External Posts on Your al-folio Blog
                                                    • a post with tabs
                                                    • a post with typograms
                                                    • a post that can be cited
                                                    • \ No newline at end of file diff --git a/blog/2024/tabs/index.html b/blog/2024/tabs/index.html index 383b738..4c771b2 100644 --- a/blog/2024/tabs/index.html +++ b/blog/2024/tabs/index.html @@ -1,4 +1,4 @@ - a post with tabs | You R. Name

                                                      a post with tabs

                                                      This is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

                                                      First tabs

                                                      To add tabs, use the following syntax:

                                                      {% tabs group-name %}
                                                      +        a post with tabs | Xin Wu                  

                                                      a post with tabs

                                                      This is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

                                                      First tabs

                                                      To add tabs, use the following syntax:

                                                      {% tabs group-name %}
                                                       
                                                       {% tab group-name tab-name-1 %}
                                                       
                                                      @@ -13,13 +13,13 @@
                                                       {% endtab %}
                                                       
                                                       {% endtabs %}
                                                      -

                                                      With this you can generate visualizations like:

                                                      • var_dump('hello');
                                                        +

                                                        With this you can generate visualizations like:

                                                        • var_dump('hello');
                                                           
                                                        • console.log("hello");
                                                           
                                                        • pputs 'hello'
                                                          -

                                                        Another example

                                                        • hello:
                                                          +

                                                        Another example

                                                        • hello:
                                                             - "whatsup"
                                                             - "hi"
                                                           
                                                        • {
                                                             "hello": ["whatsup", "hi"]
                                                           }
                                                          -

                                                        Tabs for something else

                                                        • Regular text

                                                        • A quote

                                                        • Hipster list

                                                          • brunch
                                                          • fixie
                                                          • raybans
                                                          • messenger bag



                                                        Enjoy Reading This Article?

                                                        Here are some more articles you might like to read next:

                                                      • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                      • Displaying External Posts on Your al-folio Blog
                                                      • a post with typograms
                                                      • a post that can be cited
                                                      • a post with pseudo code
                                                      • \ No newline at end of file +

                                                        Tabs for something else

                                                        • Regular text

                                                        • A quote

                                                        • Hipster list

                                                          • brunch
                                                          • fixie
                                                          • raybans
                                                          • messenger bag



                                                          Enjoy Reading This Article?

                                                          Here are some more articles you might like to read next:

                                                        • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                        • Displaying External Posts on Your al-folio Blog
                                                        • a post with typograms
                                                        • a post that can be cited
                                                        • a post with pseudo code
                                                        • \ No newline at end of file diff --git a/blog/2024/typograms/index.html b/blog/2024/typograms/index.html index 53ac8f5..9304956 100644 --- a/blog/2024/typograms/index.html +++ b/blog/2024/typograms/index.html @@ -1,4 +1,4 @@ - a post with typograms | You R. Name

                                                          a post with typograms

                                                          This is an example post with some typograms code.

                                                          ```typograms
                                                          +        a post with typograms | Xin Wu                  

                                                          a post with typograms

                                                          This is an example post with some typograms code.

                                                          ```typograms
                                                           +----+
                                                           |    |---> My first diagram!
                                                           +----+
                                                          @@ -52,4 +52,4 @@
                                                           ||                      ||
                                                           |+----------------------+|
                                                           .------------------------.
                                                          -

                                                          For more examples, check out the typograms documentation.




                                                            Enjoy Reading This Article?

                                                            Here are some more articles you might like to read next:

                                                          • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                          • Displaying External Posts on Your al-folio Blog
                                                          • a post with tabs
                                                          • a post that can be cited
                                                          • a post with pseudo code
                                                          • \ No newline at end of file +

                                                            For more examples, check out the typograms documentation.




                                                              Enjoy Reading This Article?

                                                              Here are some more articles you might like to read next:

                                                            • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                            • Displaying External Posts on Your al-folio Blog
                                                            • a post with tabs
                                                            • a post that can be cited
                                                            • a post with pseudo code
                                                            • \ No newline at end of file diff --git a/blog/2024/vega-lite/index.html b/blog/2024/vega-lite/index.html index 1107d2c..d296046 100644 --- a/blog/2024/vega-lite/index.html +++ b/blog/2024/vega-lite/index.html @@ -1,4 +1,4 @@ - a post with vega lite | You R. Name

                                                              a post with vega lite

                                                              This is an example post with some vega lite code.

                                                              ```vega_lite
                                                              +        a post with vega lite | Xin Wu                  

                                                              a post with vega lite

                                                              This is an example post with some vega lite code.

                                                              ```vega_lite
                                                               {
                                                                 "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
                                                                 "description": "A dot plot showing each movie in the database, and the difference from the average movie rating. The display is sorted by year to visualize everything in sequential order. The graph is for all Movies before 2019.",
                                                              @@ -80,4 +80,4 @@
                                                                   }
                                                                 }
                                                               }
                                                              -

                                                              This plot supports both light and dark themes.




                                                                Enjoy Reading This Article?

                                                                Here are some more articles you might like to read next:

                                                              • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                              • Displaying External Posts on Your al-folio Blog
                                                              • a post with tabs
                                                              • a post with typograms
                                                              • a post that can be cited
                                                              • \ No newline at end of file +

                                                                This plot supports both light and dark themes.




                                                                  Enjoy Reading This Article?

                                                                  Here are some more articles you might like to read next:

                                                                • Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra
                                                                • Displaying External Posts on Your al-folio Blog
                                                                • a post with tabs
                                                                • a post with typograms
                                                                • a post that can be cited
                                                                • \ No newline at end of file diff --git a/blog/category/external-services/index.html b/blog/category/external-services/index.html index 589d7dc..5f4200a 100644 --- a/blog/category/external-services/index.html +++ b/blog/category/external-services/index.html @@ -1 +1 @@ - external-services | You R. Name

                                                                  external-services

                                                                  an archive of posts in this category

                                                                  \ No newline at end of file + external-services | Xin Wu

                                                                  external-services

                                                                  an archive of posts in this category

                                                                  \ No newline at end of file diff --git a/blog/category/sample-posts/index.html b/blog/category/sample-posts/index.html index b8aed9c..2dbc0db 100644 --- a/blog/category/sample-posts/index.html +++ b/blog/category/sample-posts/index.html @@ -1 +1 @@ - sample-posts | You R. Name

                                                                  sample-posts

                                                                  an archive of posts in this category

                                                                  \ No newline at end of file + sample-posts | Xin Wu

                                                                  sample-posts

                                                                  an archive of posts in this category

                                                                  \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index b21e320..59f8ac9 100644 --- a/blog/index.html +++ b/blog/index.html @@ -1 +1 @@ - blog | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/2/index.html b/blog/page/2/index.html index 1fac608..cc6042e 100644 --- a/blog/page/2/index.html +++ b/blog/page/2/index.html @@ -1 +1 @@ - blog - page 2 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 2 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/3/index.html b/blog/page/3/index.html index d3c1abf..d3569c3 100644 --- a/blog/page/3/index.html +++ b/blog/page/3/index.html @@ -1 +1 @@ - blog - page 3 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 3 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/4/index.html b/blog/page/4/index.html index c480eaa..6f4da83 100644 --- a/blog/page/4/index.html +++ b/blog/page/4/index.html @@ -1 +1 @@ - blog - page 4 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 4 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/5/index.html b/blog/page/5/index.html index 7f68b1c..b313f92 100644 --- a/blog/page/5/index.html +++ b/blog/page/5/index.html @@ -1 +1 @@ - blog - page 5 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 5 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/6/index.html b/blog/page/6/index.html index 3ffe13c..c566810 100644 --- a/blog/page/6/index.html +++ b/blog/page/6/index.html @@ -1 +1 @@ - blog - page 6 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 6 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/page/7/index.html b/blog/page/7/index.html index a33c0e4..86974bd 100644 --- a/blog/page/7/index.html +++ b/blog/page/7/index.html @@ -1 +1 @@ - blog - page 7 | You R. Name

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file + blog - page 7 | Xin Wu

                                                                  al-folio

                                                                  a simple whitespace theme for academics



                                                                  \ No newline at end of file diff --git a/blog/tag/audios/index.html b/blog/tag/audios/index.html index a98ddbb..1647015 100644 --- a/blog/tag/audios/index.html +++ b/blog/tag/audios/index.html @@ -1 +1 @@ - audios | You R. Name

                                                                  audios

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + audios | Xin Wu

                                                                  audios

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/bib/index.html b/blog/tag/bib/index.html index 309179a..ae7be63 100644 --- a/blog/tag/bib/index.html +++ b/blog/tag/bib/index.html @@ -1 +1 @@ - bib | You R. Name

                                                                  bib

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + bib | Xin Wu

                                                                  bib

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/blockquotes/index.html b/blog/tag/blockquotes/index.html index 427ee1e..fefb2bf 100644 --- a/blog/tag/blockquotes/index.html +++ b/blog/tag/blockquotes/index.html @@ -1 +1 @@ - blockquotes | You R. Name

                                                                  blockquotes

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + blockquotes | Xin Wu

                                                                  blockquotes

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/charts/index.html b/blog/tag/charts/index.html index b4f95fb..97c29a5 100644 --- a/blog/tag/charts/index.html +++ b/blog/tag/charts/index.html @@ -1 +1 @@ - charts | You R. Name

                                                                  charts

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + charts | Xin Wu

                                                                  charts

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/citation/index.html b/blog/tag/citation/index.html index 447d5e2..29fb18f 100644 --- a/blog/tag/citation/index.html +++ b/blog/tag/citation/index.html @@ -1 +1 @@ - citation | You R. Name

                                                                  citation

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + citation | Xin Wu

                                                                  citation

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/code/index.html b/blog/tag/code/index.html index 6b37c08..c53077d 100644 --- a/blog/tag/code/index.html +++ b/blog/tag/code/index.html @@ -1 +1 @@ - code | You R. Name

                                                                  code

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + code | Xin Wu

                                                                  code

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/comments/index.html b/blog/tag/comments/index.html index 4b44d47..d8f8b42 100644 --- a/blog/tag/comments/index.html +++ b/blog/tag/comments/index.html @@ -1 +1 @@ - comments | You R. Name

                                                                  comments

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + comments | Xin Wu

                                                                  comments

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/diagrams/index.html b/blog/tag/diagrams/index.html index 15064bf..8a7629b 100644 --- a/blog/tag/diagrams/index.html +++ b/blog/tag/diagrams/index.html @@ -1 +1 @@ - diagrams | You R. Name

                                                                  diagrams

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + diagrams | Xin Wu

                                                                  diagrams

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/distill/index.html b/blog/tag/distill/index.html index a854967..1edf3b9 100644 --- a/blog/tag/distill/index.html +++ b/blog/tag/distill/index.html @@ -1 +1 @@ - distill | You R. Name

                                                                  distill

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + distill | Xin Wu

                                                                  distill

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/formatting/index.html b/blog/tag/formatting/index.html index f544ecd..a6ac69b 100644 --- a/blog/tag/formatting/index.html +++ b/blog/tag/formatting/index.html @@ -1 +1 @@ - formatting | You R. Name

                                                                  formatting

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + formatting | Xin Wu

                                                                  formatting

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/images/index.html b/blog/tag/images/index.html index 6548131..6f65808 100644 --- a/blog/tag/images/index.html +++ b/blog/tag/images/index.html @@ -1 +1 @@ - images | You R. Name

                                                                  images

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + images | Xin Wu

                                                                  images

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/jupyter/index.html b/blog/tag/jupyter/index.html index da7413c..a9b85df 100644 --- a/blog/tag/jupyter/index.html +++ b/blog/tag/jupyter/index.html @@ -1 +1 @@ - jupyter | You R. Name

                                                                  jupyter

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + jupyter | Xin Wu

                                                                  jupyter

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/links/index.html b/blog/tag/links/index.html index 35fc49e..3e722ce 100644 --- a/blog/tag/links/index.html +++ b/blog/tag/links/index.html @@ -1 +1 @@ - links | You R. Name

                                                                  links

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + links | Xin Wu

                                                                  links

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/maps/index.html b/blog/tag/maps/index.html index 5abd135..80d46de 100644 --- a/blog/tag/maps/index.html +++ b/blog/tag/maps/index.html @@ -1 +1 @@ - maps | You R. Name

                                                                  maps

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + maps | Xin Wu

                                                                  maps

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/math/index.html b/blog/tag/math/index.html index abf7514..3cbd21a 100644 --- a/blog/tag/math/index.html +++ b/blog/tag/math/index.html @@ -1 +1 @@ - math | You R. Name

                                                                  math

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + math | Xin Wu

                                                                  math

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/sidebar/index.html b/blog/tag/sidebar/index.html index 2afcfd9..32a5a72 100644 --- a/blog/tag/sidebar/index.html +++ b/blog/tag/sidebar/index.html @@ -1 +1 @@ - sidebar | You R. Name

                                                                  sidebar

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + sidebar | Xin Wu

                                                                  sidebar

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/tables/index.html b/blog/tag/tables/index.html index bb7012d..fb0aa2d 100644 --- a/blog/tag/tables/index.html +++ b/blog/tag/tables/index.html @@ -1 +1 @@ - tables | You R. Name

                                                                  tables

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + tables | Xin Wu

                                                                  tables

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/toc/index.html b/blog/tag/toc/index.html index cffa42c..490618b 100644 --- a/blog/tag/toc/index.html +++ b/blog/tag/toc/index.html @@ -1 +1 @@ - toc | You R. Name

                                                                  toc

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + toc | Xin Wu

                                                                  toc

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/blog/tag/videos/index.html b/blog/tag/videos/index.html index 18dc23a..4858c4e 100644 --- a/blog/tag/videos/index.html +++ b/blog/tag/videos/index.html @@ -1 +1 @@ - videos | You R. Name

                                                                  videos

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file + videos | Xin Wu

                                                                  videos

                                                                  an archive of posts with this tag

                                                                  \ No newline at end of file diff --git a/cv/index.html b/cv/index.html index cc49447..5dae142 100644 --- a/cv/index.html +++ b/cv/index.html @@ -1 +1 @@ - cv | You R. Name

                                                                  cv

                                                                  This is a description of the page. You can modify it in '_pages/cv.md'. You can also change or remove the top pdf download button.

                                                                  Basics

                                                                  Name Albert Einstein
                                                                  Label Scientist
                                                                  Email albert@einstein.de
                                                                  Phone (912) 123-4567
                                                                  Url https://alshedivat.github.io/al-folio/
                                                                  Summary A German-born theoretical physicist, widely ranked among the greatest and most influential scientists of all time

                                                                  Work

                                                                  • 1933.01 - 1955.01
                                                                    Professor of Theoretical Physics
                                                                    Institute for Advanced Study, Princeton University
                                                                    Teaching at Palmer Physical Laboratory (now 302 Frist Campus Center). While not a professor at Princeton, I associated with the physics professors and continued to give lectures on campus.
                                                                    • Relativity

                                                                  Volunteer

                                                                  • 2014.04 - 2015.07

                                                                    Zurich, Switzerland

                                                                    Lead Organizer
                                                                    People's Climate March
                                                                    Lead organizer for the New York City branch of the People's Climate March, the largest climate march in history.
                                                                    • Awarded 'Climate Hero' award by Greenpeace for my efforts organizing the march.
                                                                    • Men of the year 2014 by Time magazine

                                                                  Education

                                                                  • 1905.01 - 1905.01

                                                                    Zurich, Switzerland

                                                                    PhD
                                                                    University of Zurich, Zurich, Switzerland
                                                                    Software Development
                                                                    • Theory of Relativity

                                                                  Awards

                                                                  • 1921.11.01
                                                                    Nobel Prize in Physics
                                                                    Royal Swedish Academy of Sciences
                                                                    The Nobel Prizes are five separate prizes that, according to Alfred Nobel's will of 1895, are awarded to 'those who, during the preceding year, have conferred the greatest benefit to humankind.'

                                                                  Certificates

                                                                  Quantum Teleportation
                                                                  Stanford University 2018-01-01
                                                                  Quantum Communication
                                                                  Stanford University 2018-01-01
                                                                  Quantum Cryptography
                                                                  Stanford University 2018-01-01
                                                                  Quantum Information
                                                                  Stanford University 2018-01-01
                                                                  Quantum Computing
                                                                  Stanford University 2018-01-01
                                                                  Machine Learning
                                                                  Stanford University 2018-01-01

                                                                  Publications

                                                                  • 1916.03.20
                                                                    Die Grundlage der allgemeinen Relativitätstheorie
                                                                    Annalen der Physik
                                                                    The publication of the theory of general relativity made him internationally famous. He was professor of physics at the universities of Zurich (1909–1911) and Prague (1911–1912), before he returned to ETH Zurich (1912–1914).
                                                                  • 1905.06.30
                                                                    Zur Elektrody/namik bewegter Körper
                                                                    Annalen der Physik
                                                                    It concerned an interpretation of the Michelson–Morley experiment and the properties of light and time. Special relativity incorporates the principle that the speed of light is the same for all inertial observers regardless of the state of motion of the source.
                                                                  • 1905.03.18
                                                                    Über einen die Erzeugung und Verwandlung des Lichtes betreffenden heuristischen Gesichtspunkt
                                                                    Annalen der Physik
                                                                    In the second paper, he applied the quantum theory to light to explain the photoelectric effect. In particular, he used the idea of light quanta (photons) to explain experimental results, but stressed the importance of the experimental results. The importance of his work on the photoelectric effect earned him the Nobel Prize in Physics in 1921.

                                                                  Skills

                                                                  Physics
                                                                  Quantum Mechanics
                                                                  Quantum Computing
                                                                  Quantum Information
                                                                  Quantum Cryptography
                                                                  Quantum Communication
                                                                  Quantum Teleportation

                                                                  Languages

                                                                  German
                                                                  Native speaker
                                                                  English
                                                                  Fluent

                                                                  Interests

                                                                  Physics
                                                                  Quantum Mechanics
                                                                  Quantum Computing
                                                                  Quantum Information
                                                                  Quantum Cryptography
                                                                  Quantum Communication
                                                                  Quantum Teleportation

                                                                  References

                                                                  Professor John Doe
                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, diam quis convallis euismod, arcu mi ullamcorper lorem, a vestibulum nunc magna at sem. Sed in risus ac felis varius blandit. D
                                                                  Professor John Doe
                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, diam quis convallis euismod, arcu mi ullamcorper lorem, a vestibulum nunc magna at sem. Sed in risus ac felis varius blandit. D

                                                                  Projects

                                                                  • 2018.01 - 2018.01
                                                                    Quantum Computing
                                                                    Quantum computing is the use of quantum-mechanical phenomena such as superposition and entanglement to perform computation. Computers that perform quantum computations are known as quantum computers.
                                                                    • Quantum Teleportation
                                                                    • Quantum Cryptography
                                                                  \ No newline at end of file + cv | Xin Wu

                                                                  cv

                                                                  This is a description of the page. You can modify it in '_pages/cv.md'. You can also change or remove the top pdf download button.

                                                                  Basics

                                                                  Name Albert Einstein
                                                                  Label Scientist
                                                                  Email albert@einstein.de
                                                                  Phone (912) 123-4567
                                                                  Url https://alshedivat.github.io/al-folio/
                                                                  Summary A German-born theoretical physicist, widely ranked among the greatest and most influential scientists of all time

                                                                  Work

                                                                  • 1933.01 - 1955.01
                                                                    Professor of Theoretical Physics
                                                                    Institute for Advanced Study, Princeton University
                                                                    Teaching at Palmer Physical Laboratory (now 302 Frist Campus Center). While not a professor at Princeton, I associated with the physics professors and continued to give lectures on campus.
                                                                    • Relativity

                                                                  Volunteer

                                                                  • 2014.04 - 2015.07

                                                                    Zurich, Switzerland

                                                                    Lead Organizer
                                                                    People's Climate March
                                                                    Lead organizer for the New York City branch of the People's Climate March, the largest climate march in history.
                                                                    • Awarded 'Climate Hero' award by Greenpeace for my efforts organizing the march.
                                                                    • Men of the year 2014 by Time magazine

                                                                  Education

                                                                  • 1905.01 - 1905.01

                                                                    Zurich, Switzerland

                                                                    PhD
                                                                    University of Zurich, Zurich, Switzerland
                                                                    Software Development
                                                                    • Theory of Relativity

                                                                  Awards

                                                                  • 1921.11.01
                                                                    Nobel Prize in Physics
                                                                    Royal Swedish Academy of Sciences
                                                                    The Nobel Prizes are five separate prizes that, according to Alfred Nobel's will of 1895, are awarded to 'those who, during the preceding year, have conferred the greatest benefit to humankind.'

                                                                  Certificates

                                                                  Quantum Teleportation
                                                                  Stanford University 2018-01-01
                                                                  Quantum Communication
                                                                  Stanford University 2018-01-01
                                                                  Quantum Cryptography
                                                                  Stanford University 2018-01-01
                                                                  Quantum Information
                                                                  Stanford University 2018-01-01
                                                                  Quantum Computing
                                                                  Stanford University 2018-01-01
                                                                  Machine Learning
                                                                  Stanford University 2018-01-01

                                                                  Publications

                                                                  • 1916.03.20
                                                                    Die Grundlage der allgemeinen Relativitätstheorie
                                                                    Annalen der Physik
                                                                    The publication of the theory of general relativity made him internationally famous. He was professor of physics at the universities of Zurich (1909–1911) and Prague (1911–1912), before he returned to ETH Zurich (1912–1914).
                                                                  • 1905.06.30
                                                                    Zur Elektrody/namik bewegter Körper
                                                                    Annalen der Physik
                                                                    It concerned an interpretation of the Michelson–Morley experiment and the properties of light and time. Special relativity incorporates the principle that the speed of light is the same for all inertial observers regardless of the state of motion of the source.
                                                                  • 1905.03.18
                                                                    Über einen die Erzeugung und Verwandlung des Lichtes betreffenden heuristischen Gesichtspunkt
                                                                    Annalen der Physik
                                                                    In the second paper, he applied the quantum theory to light to explain the photoelectric effect. In particular, he used the idea of light quanta (photons) to explain experimental results, but stressed the importance of the experimental results. The importance of his work on the photoelectric effect earned him the Nobel Prize in Physics in 1921.

                                                                  Skills

                                                                  Physics
                                                                  Quantum Mechanics
                                                                  Quantum Computing
                                                                  Quantum Information
                                                                  Quantum Cryptography
                                                                  Quantum Communication
                                                                  Quantum Teleportation

                                                                  Languages

                                                                  German
                                                                  Native speaker
                                                                  English
                                                                  Fluent

                                                                  Interests

                                                                  Physics
                                                                  Quantum Mechanics
                                                                  Quantum Computing
                                                                  Quantum Information
                                                                  Quantum Cryptography
                                                                  Quantum Communication
                                                                  Quantum Teleportation

                                                                  References

                                                                  Professor John Doe
                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, diam quis convallis euismod, arcu mi ullamcorper lorem, a vestibulum nunc magna at sem. Sed in risus ac felis varius blandit. D
                                                                  Professor John Doe
                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum, diam quis convallis euismod, arcu mi ullamcorper lorem, a vestibulum nunc magna at sem. Sed in risus ac felis varius blandit. D

                                                                  Projects

                                                                  • 2018.01 - 2018.01
                                                                    Quantum Computing
                                                                    Quantum computing is the use of quantum-mechanical phenomena such as superposition and entanglement to perform computation. Computers that perform quantum computations are known as quantum computers.
                                                                    • Quantum Teleportation
                                                                    • Quantum Cryptography
                                                                  \ No newline at end of file diff --git a/feed.xml b/feed.xml index 116b508..4c44f56 100644 --- a/feed.xml +++ b/feed.xml @@ -1,4 +1,4 @@ -Jekyll2024-09-03T15:42:04+00:00https://alshedivat.github.io/al-folio/feed.xmlblankA simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra2024-05-14T00:00:00+00:002024-05-14T00:00:00+00:00https://alshedivat.github.io/al-folio/blog/2024/google-gemini-updates-flash-15-gemma-2-and-project-astraa post with tabs2024-05-01T00:32:13+00:002024-05-01T00:32:13+00:00https://alshedivat.github.io/al-folio/blog/2024/tabsThis is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

                                                                  First tabs

                                                                  To add tabs, use the following syntax:

                                                                  {% tabs group-name %}
                                                                  +Jekyll2024-09-03T15:43:48+00:00https://xinwuchn.github.io/feed.xmlblankA simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design. Google Gemini updates: Flash 1.5, Gemma 2 and Project Astra2024-05-14T00:00:00+00:002024-05-14T00:00:00+00:00https://xinwuchn.github.io/blog/2024/google-gemini-updates-flash-15-gemma-2-and-project-astraa post with tabs2024-05-01T00:32:13+00:002024-05-01T00:32:13+00:00https://xinwuchn.github.io/blog/2024/tabsThis is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

                                                                  First tabs

                                                                  To add tabs, use the following syntax:

                                                                  {% tabs group-name %}
                                                                   
                                                                   {% tab group-name tab-name-1 %}
                                                                   
                                                                  @@ -13,16 +13,16 @@ Content 2
                                                                   {% endtab %}
                                                                   
                                                                   {% endtabs %}
                                                                  -

                                                                  With this you can generate visualizations like:

                                                                  • var_dump('hello');
                                                                    +

                                                                    With this you can generate visualizations like:

                                                                    • var_dump('hello');
                                                                       
                                                                    • console.log("hello");
                                                                       
                                                                    • pputs 'hello'
                                                                      -

                                                                    Another example

                                                                    • hello:
                                                                      +

                                                                    Another example

                                                                    • hello:
                                                                         - "whatsup"
                                                                         - "hi"
                                                                       
                                                                    • {
                                                                         "hello": ["whatsup", "hi"]
                                                                       }
                                                                      -

                                                                    Tabs for something else

                                                                    • Regular text

                                                                    • A quote

                                                                    • Hipster list

                                                                      • brunch
                                                                      • fixie
                                                                      • raybans
                                                                      • messenger bag
                                                                    ]]>a post with typograms2024-04-29T23:36:10+00:002024-04-29T23:36:10+00:00https://alshedivat.github.io/al-folio/blog/2024/typogramsThis is an example post with some typograms code.

                                                                    ```typograms
                                                                    +

                                                                  Tabs for something else

                                                                  • Regular text

                                                                  • A quote

                                                                  • Hipster list

                                                                    • brunch
                                                                    • fixie
                                                                    • raybans
                                                                    • messenger bag
                                                                  ]]>
                                                                  a post with typograms2024-04-29T23:36:10+00:002024-04-29T23:36:10+00:00https://xinwuchn.github.io/blog/2024/typogramsThis is an example post with some typograms code.

                                                                  ```typograms
                                                                   +----+
                                                                   |    |---> My first diagram!
                                                                   +----+
                                                                  @@ -76,7 +76,7 @@ Content 2
                                                                   ||                      ||
                                                                   |+----------------------+|
                                                                   .------------------------.
                                                                  -

                                                                  For more examples, check out the typograms documentation.

                                                                  ]]>a post that can be cited2024-04-28T15:06:00+00:002024-04-28T15:06:00+00:00https://alshedivat.github.io/al-folio/blog/2024/post-citationThis is an example post that can be cited. The content of the post ends here, while the citation information is automatically provided below. The only thing needed is for you to set the citation key in the front matter to true.

                                                                  ]]>
                                                                  a post with pseudo code2024-04-15T00:01:00+00:002024-04-15T00:01:00+00:00https://alshedivat.github.io/al-folio/blog/2024/pseudocodeThis is an example post with some pseudo code rendered by pseudocode. The example presented here is the same as the one in the pseudocode.js documentation, with only one simple but important change: everytime you would use $, you should use $$ instead. Also, note that the pseudocode key in the front matter is set to true to enable the rendering of pseudo code. As an example, using this code:

                                                                  ```pseudocode
                                                                  +

                                                                  For more examples, check out the typograms documentation.

                                                                  ]]>a post that can be cited2024-04-28T15:06:00+00:002024-04-28T15:06:00+00:00https://xinwuchn.github.io/blog/2024/post-citationThis is an example post that can be cited. The content of the post ends here, while the citation information is automatically provided below. The only thing needed is for you to set the citation key in the front matter to true.

                                                                  ]]>
                                                                  a post with pseudo code2024-04-15T00:01:00+00:002024-04-15T00:01:00+00:00https://xinwuchn.github.io/blog/2024/pseudocodeThis is an example post with some pseudo code rendered by pseudocode. The example presented here is the same as the one in the pseudocode.js documentation, with only one simple but important change: everytime you would use $, you should use $$ instead. Also, note that the pseudocode key in the front matter is set to true to enable the rendering of pseudo code. As an example, using this code:

                                                                  ```pseudocode
                                                                   % This quicksort algorithm is extracted from Chapter 7, Introduction to Algorithms (3rd edition)
                                                                   \begin{algorithm}
                                                                   \caption{Quicksort}
                                                                  @@ -128,7 +128,7 @@ Content 2
                                                                   \ENDPROCEDURE
                                                                   \end{algorithmic}
                                                                   \end{algorithm}
                                                                  -
                                                                  ]]>a post with code diff2024-01-27T19:22:00+00:002024-01-27T19:22:00+00:00https://alshedivat.github.io/al-folio/blog/2024/code-diffYou can display diff code by using the regular markdown syntax:

                                                                  ```diff
                                                                  +
                                                                  ]]>a post with code diff2024-01-27T19:22:00+00:002024-01-27T19:22:00+00:00https://xinwuchn.github.io/blog/2024/code-diffYou can display diff code by using the regular markdown syntax:

                                                                  ```diff
                                                                   diff --git a/sample.js b/sample.js
                                                                   index 0000001..0ddf2ba
                                                                   --- a/sample.js
                                                                  @@ -572,7 +572,7 @@ index 3bb754ac..a34839c0 100644
                                                                   +    });
                                                                      });
                                                                    });
                                                                  -
                                                                  ]]>a post with advanced image components2024-01-27T11:46:00+00:002024-01-27T11:46:00+00:00https://alshedivat.github.io/al-folio/blog/2024/advanced-imagesThis is an example post with advanced image components.

                                                                  Image Slider

                                                                  This is a simple image slider. It uses the Swiper library. Check the examples page for more information of what you can achieve with it.

                                                                  Image Comparison Slider

                                                                  This is a simple image comparison slider. It uses the img-comparison-slider library. Check the examples page for more information of what you can achieve with it.

                                                                  ]]>
                                                                  a post with vega lite2024-01-27T00:20:00+00:002024-01-27T00:20:00+00:00https://alshedivat.github.io/al-folio/blog/2024/vega-liteThis is an example post with some vega lite code.

                                                                  ```vega_lite
                                                                  +
                                                                  ]]>a post with advanced image components2024-01-27T11:46:00+00:002024-01-27T11:46:00+00:00https://xinwuchn.github.io/blog/2024/advanced-imagesThis is an example post with advanced image components.

                                                                  Image Slider

                                                                  This is a simple image slider. It uses the Swiper library. Check the examples page for more information of what you can achieve with it.

                                                                  Image Comparison Slider

                                                                  This is a simple image comparison slider. It uses the img-comparison-slider library. Check the examples page for more information of what you can achieve with it.

                                                                  ]]>
                                                                  a post with vega lite2024-01-27T00:20:00+00:002024-01-27T00:20:00+00:00https://xinwuchn.github.io/blog/2024/vega-liteThis is an example post with some vega lite code.

                                                                  ```vega_lite
                                                                   {
                                                                     "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
                                                                     "description": "A dot plot showing each movie in the database, and the difference from the average movie rating. The display is sorted by year to visualize everything in sequential order. The graph is for all Movies before 2019.",
                                                                  @@ -654,7 +654,7 @@ index 3bb754ac..a34839c0 100644
                                                                       }
                                                                     }
                                                                   }
                                                                  -

                                                                  This plot supports both light and dark themes.

                                                                  ]]>a post with geojson2024-01-26T17:57:00+00:002024-01-26T17:57:00+00:00https://alshedivat.github.io/al-folio/blog/2024/geojson-mapThis is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

                                                                  ```geojson
                                                                  +

                                                                  This plot supports both light and dark themes.

                                                                  ]]>a post with geojson2024-01-26T17:57:00+00:002024-01-26T17:57:00+00:00https://xinwuchn.github.io/blog/2024/geojson-mapThis is an example post with some geojson code. The support is provided thanks to Leaflet. To create your own visualization, go to geojson.io.

                                                                  ```geojson
                                                                   {
                                                                     "type": "FeatureCollection",
                                                                     "features": [
                                                                  @@ -728,7 +728,7 @@ index 3bb754ac..a34839c0 100644
                                                                       }
                                                                     ]
                                                                   }
                                                                  -
                                                                  ]]>a post with echarts2024-01-26T16:03:00+00:002024-01-26T16:03:00+00:00https://alshedivat.github.io/al-folio/blog/2024/echartsThis is an example post with some echarts code.

                                                                  ```echarts
                                                                  +
                                                                  ]]>a post with echarts2024-01-26T16:03:00+00:002024-01-26T16:03:00+00:00https://xinwuchn.github.io/blog/2024/echartsThis is an example post with some echarts code.

                                                                  ```echarts
                                                                   {
                                                                     "title": {
                                                                       "text": "ECharts Getting Started Example"
                                                                  diff --git a/index.html b/index.html
                                                                  index 9271501..178898f 100644
                                                                  --- a/index.html
                                                                  +++ b/index.html
                                                                  @@ -1 +1 @@
                                                                  -        You R. Name                  

                                                                  You R. Name

                                                                  Affiliations. Address. Contacts. Moto. Etc.

                                                                  prof_pic.jpg

                                                                  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 of these elements by editing profile property of the YAML header of your _pages/about.md. Edit _bibliography/papers.bib and Jekyll will render your publications page 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 07, 2015 A long announcement with details
                                                                  Oct 22, 2015 A simple inline announcement.

                                                                  latest posts

                                                                  selected publications

                                                                  1. Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?
                                                                    A. Einstein*†B. Podolsky*, and N. Rosen*
                                                                    Phys. Rev., New Jersey. More Information can be found here , May 1935
                                                                  \ No newline at end of file + Xin Wu

                                                                  Xin Wu

                                                                  Affiliations. Address. Contacts. Moto. Etc.

                                                                  prof_pic.jpg

                                                                  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 of these elements by editing profile property of the YAML header of your _pages/about.md. Edit _bibliography/papers.bib and Jekyll will render your publications page 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 07, 2015 A long announcement with details
                                                                  Oct 22, 2015 A simple inline announcement.

                                                                  latest posts

                                                                  selected publications

                                                                  1. Can Quantum-Mechanical Description of Physical Reality Be Considered Complete?
                                                                    A. Einstein*†B. Podolsky*, and N. Rosen*
                                                                    Phys. Rev., New Jersey. More Information can be found here , May 1935
                                                                  \ No newline at end of file diff --git a/news/announcement_1/index.html b/news/announcement_1/index.html index 6365308..9e98b00 100644 --- a/news/announcement_1/index.html +++ b/news/announcement_1/index.html @@ -1 +1 @@ - Announcement_1 | You R. Name

                                                                  Announcement_1

                                                                  A simple inline announcement.

                                                                  \ No newline at end of file + Announcement_1 | Xin Wu

                                                                  Announcement_1

                                                                  A simple inline announcement.

                                                                  \ No newline at end of file diff --git a/news/announcement_2/index.html b/news/announcement_2/index.html index 7517ce8..3fde610 100644 --- a/news/announcement_2/index.html +++ b/news/announcement_2/index.html @@ -1 +1 @@ - A long announcement with details | You R. Name

                                                                  A long announcement with details

                                                                  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.

                                                                  \ No newline at end of file + A long announcement with details | Xin Wu

                                                                  A long announcement with details

                                                                  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.

                                                                  \ No newline at end of file diff --git a/news/announcement_3/index.html b/news/announcement_3/index.html index 72262d2..6af6318 100644 --- a/news/announcement_3/index.html +++ b/news/announcement_3/index.html @@ -1 +1 @@ - Announcement_3 | You R. Name

                                                                  Announcement_3

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

                                                                  \ No newline at end of file + Announcement_3 | Xin Wu

                                                                  Announcement_3

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

                                                                  \ No newline at end of file diff --git a/news/index.html b/news/index.html index d6b9901..25bdda3 100644 --- a/news/index.html +++ b/news/index.html @@ -1 +1 @@ - news | You R. Name

                                                                  news

                                                                  \ No newline at end of file + news | Xin Wu

                                                                  news

                                                                  \ No newline at end of file diff --git a/people/index.html b/people/index.html index f3b935f..890732b 100644 --- a/people/index.html +++ b/people/index.html @@ -1 +1 @@ - people | You R. Name

                                                                  people

                                                                  members of the lab or group


                                                                  prof_pic.jpg

                                                                  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.


                                                                  prof_pic.jpg

                                                                  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.

                                                                  \ No newline at end of file + people | Xin Wu

                                                                  people

                                                                  members of the lab or group


                                                                  prof_pic.jpg

                                                                  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.


                                                                  prof_pic.jpg

                                                                  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.

                                                                  \ No newline at end of file diff --git a/projects/1_project/index.html b/projects/1_project/index.html index 383b62d..0e4fd5c 100644 --- a/projects/1_project/index.html +++ b/projects/1_project/index.html @@ -1,10 +1,10 @@ - project 1 | You R. Name

                                                                  project 1

                                                                  with 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:

                                                                  ---
                                                                  +        project 1 | Xin Wu                  

                                                                  project 1

                                                                  with 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, even citations (Einstein & Taub, 1950). Say you wanted to write a 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 its 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">
                                                                  +
                                                                  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, even citations (Einstein & Taub, 1950). Say you wanted to write a 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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -21,4 +21,4 @@
                                                                     pages = {403--404},
                                                                     year = {1950},
                                                                     publisher = {American Association of Physics Teachers}
                                                                  -}
                                                                  \ No newline at end of file +}
                                                                  \ No newline at end of file diff --git a/projects/2_project/index.html b/projects/2_project/index.html index 33966b3..d0ec011 100644 --- a/projects/2_project/index.html +++ b/projects/2_project/index.html @@ -1,10 +1,10 @@ - project 2 | You R. Name

                                                                  project 2

                                                                  a project with a background image and giscus comments

                                                                  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:

                                                                  ---
                                                                  +        project 2 | Xin Wu                  

                                                                  project 2

                                                                  a project with a background image and giscus comments

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/3_project/index.html b/projects/3_project/index.html index 6e7aa9d..2b95648 100644 --- a/projects/3_project/index.html +++ b/projects/3_project/index.html @@ -1,10 +1,10 @@ - project 3 with very long name | You R. Name

                                                                  project 3 with very long name

                                                                  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:

                                                                  ---
                                                                  +         project 3 with very long name | Xin Wu                  

                                                                  project 3 with very long name

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/4_project/index.html b/projects/4_project/index.html index be4fd20..5f67c78 100644 --- a/projects/4_project/index.html +++ b/projects/4_project/index.html @@ -1,10 +1,10 @@ - project 4 | You R. Name

                                                                  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:

                                                                  ---
                                                                  +        project 4 | Xin Wu                  

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/5_project/index.html b/projects/5_project/index.html index 090618b..14c40e2 100644 --- a/projects/5_project/index.html +++ b/projects/5_project/index.html @@ -1,10 +1,10 @@ - project 5 | You R. Name

                                                                  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:

                                                                  ---
                                                                  +        project 5 | Xin Wu                  

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/6_project/index.html b/projects/6_project/index.html index 342ec84..cf64f84 100644 --- a/projects/6_project/index.html +++ b/projects/6_project/index.html @@ -1,10 +1,10 @@ - project 6 | You R. Name

                                                                  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:

                                                                  ---
                                                                  +        project 6 | Xin Wu                  

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/7_project/index.html b/projects/7_project/index.html index 83147d9..7731378 100644 --- a/projects/7_project/index.html +++ b/projects/7_project/index.html @@ -1,10 +1,10 @@ - project 7 | You R. Name

                                                                  project 7

                                                                  with 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:

                                                                  ---
                                                                  +        project 7 | Xin Wu                  

                                                                  project 7

                                                                  with 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, even citations (Einstein & Taub, 1950). Say you wanted to write a 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 its 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">
                                                                  +
                                                                  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, even citations (Einstein & Taub, 1950). Say you wanted to write a 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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -21,4 +21,4 @@
                                                                     pages = {403--404},
                                                                     year = {1950},
                                                                     publisher = {American Association of Physics Teachers}
                                                                  -}
                                                                  \ No newline at end of file +}
                                                                  \ No newline at end of file diff --git a/projects/8_project/index.html b/projects/8_project/index.html index 1179432..e624d0f 100644 --- a/projects/8_project/index.html +++ b/projects/8_project/index.html @@ -1,10 +1,10 @@ - project 8 | You R. Name

                                                                  project 8

                                                                  an other project with a background image and giscus comments

                                                                  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:

                                                                  ---
                                                                  +        project 8 | Xin Wu                  

                                                                  project 8

                                                                  an other project with a background image and giscus comments

                                                                  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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/9_project/index.html b/projects/9_project/index.html index bc74648..1b9a95f 100644 --- a/projects/9_project/index.html +++ b/projects/9_project/index.html @@ -1,10 +1,10 @@ - project 9 | You R. Name

                                                                  project 9

                                                                  another project with 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:

                                                                  ---
                                                                  +        project 9 | Xin Wu                  

                                                                  project 9

                                                                  another project with 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 its 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">
                                                                  +
                                                                  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 its 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">
                                                                       {% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                  @@ -12,4 +12,4 @@
                                                                       {% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
                                                                     </div>
                                                                   </div>
                                                                  -
                                                                  \ No newline at end of file +
                                                                  \ No newline at end of file diff --git a/projects/index.html b/projects/index.html index 6589342..9f99332 100644 --- a/projects/index.html +++ b/projects/index.html @@ -1 +1 @@ - projects | You R. Name
                                                                  \ No newline at end of file + projects | Xin Wu
                                                                  \ No newline at end of file diff --git a/publications/index.html b/publications/index.html index 5aa507a..db0a563 100644 --- a/publications/index.html +++ b/publications/index.html @@ -1,9 +1,9 @@ - publications | You R. Name

                                                                  publications

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

                                                                  1967

                                                                  1. Vision
                                                                    wave-mechanics.gif
                                                                    Letters on wave mechanics
                                                                    Albert EinsteinErwin SchrödingerMax Planck, and 2 more authors
                                                                    1967
                                                                  \ No newline at end of file diff --git a/repositories/index.html b/repositories/index.html index 291901a..9b016f9 100644 --- a/repositories/index.html +++ b/repositories/index.html @@ -1 +1 @@ - repositories | You R. Name

                                                                  repositories

                                                                  Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.

                                                                  \ No newline at end of file + repositories | Xin Wu

                                                                  repositories

                                                                  Edit the `_data/repositories.yml` and change the `github_users` and `github_repos` lists to include your own GitHub profile and repositories.

                                                                  \ No newline at end of file diff --git a/robots.txt b/robots.txt index 440869f..4bfb961 100644 --- a/robots.txt +++ b/robots.txt @@ -1,4 +1,4 @@ User-agent: * Disallow: -Sitemap: https://alshedivat.github.io/al-folio/sitemap.xml +Sitemap: https://xinwuchn.github.io/sitemap.xml diff --git a/sitemap.xml b/sitemap.xml index 28eafb8..0a5b5d6 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ - 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/disqus-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/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/blog/2022/redirect/ 2022-02-01T17:39:00+00:00 https://alshedivat.github.io/al-folio/blog/2022/giscus-comments/ 2022-12-10T15:59:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/table-of-contents/ 2023-03-20T15:59:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/tables/ 2023-03-20T18:37:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/videos/ 2023-04-24T21:01:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/audios/ 2023-04-25T10:25:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/sidebar-table-of-contents/ 2023-04-25T14:14:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/custom-blockquotes/ 2023-05-12T19:53:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/jupyter-notebook/ 2023-07-04T12:57:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/post-bibliography/ 2023-07-12T13:56:00+00:00 https://alshedivat.github.io/al-folio/blog/2023/tikzjax/ 2023-12-12T22:25:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/chartjs/ 2024-01-26T01:04:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/echarts/ 2024-01-26T16:03:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/geojson-map/ 2024-01-26T17:57:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/vega-lite/ 2024-01-27T00:20:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/advanced-images/ 2024-01-27T11:46:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/code-diff/ 2024-01-27T19:22:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/pseudocode/ 2024-04-15T00:01:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/post-citation/ 2024-04-28T15:06:00+00:00 https://alshedivat.github.io/al-folio/blog/2024/typograms/ 2024-04-29T23:36:10+00:00 https://alshedivat.github.io/al-folio/blog/2024/tabs/ 2024-05-01T00:32:13+00:00 https://alshedivat.github.io/al-folio/blog/2022/displaying-external-posts-on-your-al-folio-blog/ 2022-04-23T23:20:09+00:00 https://alshedivat.github.io/al-folio/blog/2024/google-gemini-updates-flash-15-gemma-2-and-project-astra/ 2024-05-14T00:00:00+00:00 https://alshedivat.github.io/al-folio/projects/1_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/2_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/3_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/4_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/5_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/6_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/7_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/8_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/projects/9_project/ 2024-09-03T15:42:04+00:00 https://alshedivat.github.io/al-folio/ https://alshedivat.github.io/al-folio/cv/ https://alshedivat.github.io/al-folio/_pages/dropdown/ https://alshedivat.github.io/al-folio/news/ https://alshedivat.github.io/al-folio/people/ https://alshedivat.github.io/al-folio/projects/ https://alshedivat.github.io/al-folio/publications/ https://alshedivat.github.io/al-folio/repositories/ https://alshedivat.github.io/al-folio/teaching/ https://alshedivat.github.io/al-folio/blog/tag/formatting/ https://alshedivat.github.io/al-folio/blog/tag/links/ https://alshedivat.github.io/al-folio/blog/tag/images/ https://alshedivat.github.io/al-folio/blog/tag/code/ https://alshedivat.github.io/al-folio/blog/tag/math/ https://alshedivat.github.io/al-folio/blog/tag/comments/ https://alshedivat.github.io/al-folio/blog/tag/distill/ https://alshedivat.github.io/al-folio/blog/tag/diagrams/ https://alshedivat.github.io/al-folio/blog/tag/toc/ https://alshedivat.github.io/al-folio/blog/tag/tables/ https://alshedivat.github.io/al-folio/blog/tag/videos/ https://alshedivat.github.io/al-folio/blog/tag/audios/ https://alshedivat.github.io/al-folio/blog/tag/sidebar/ https://alshedivat.github.io/al-folio/blog/tag/blockquotes/ https://alshedivat.github.io/al-folio/blog/tag/jupyter/ https://alshedivat.github.io/al-folio/blog/tag/bib/ https://alshedivat.github.io/al-folio/blog/tag/charts/ https://alshedivat.github.io/al-folio/blog/tag/maps/ https://alshedivat.github.io/al-folio/blog/tag/citation/ https://alshedivat.github.io/al-folio/blog/category/sample-posts/ https://alshedivat.github.io/al-folio/blog/category/external-services/ https://alshedivat.github.io/al-folio/blog/2015/ https://alshedivat.github.io/al-folio/blog/2020/ https://alshedivat.github.io/al-folio/blog/2021/ https://alshedivat.github.io/al-folio/blog/2022/ https://alshedivat.github.io/al-folio/blog/2023/ https://alshedivat.github.io/al-folio/blog/2024/ https://alshedivat.github.io/al-folio/blog/ https://alshedivat.github.io/al-folio/blog/page/2/ https://alshedivat.github.io/al-folio/blog/page/3/ https://alshedivat.github.io/al-folio/blog/page/4/ https://alshedivat.github.io/al-folio/blog/page/5/ https://alshedivat.github.io/al-folio/blog/page/6/ https://alshedivat.github.io/al-folio/blog/page/7/ \ No newline at end of file + https://xinwuchn.github.io/news/announcement_1/ 2015-10-22T19:59:00+00:00 https://xinwuchn.github.io/news/announcement_2/ 2015-11-07T20:11:00+00:00 https://xinwuchn.github.io/news/announcement_3/ 2016-01-15T11:59:00+00:00 https://xinwuchn.github.io/blog/2015/formatting-and-links/ 2015-03-15T16:40:16+00:00 https://xinwuchn.github.io/blog/2015/images/ 2015-05-15T21:01:00+00:00 https://xinwuchn.github.io/blog/2015/code/ 2015-07-15T15:09:00+00:00 https://xinwuchn.github.io/blog/2015/math/ 2015-10-20T15:12:00+00:00 https://xinwuchn.github.io/blog/2015/disqus-comments/ 2015-10-20T15:59:00+00:00 https://xinwuchn.github.io/blog/2020/twitter/ 2020-09-28T15:12:00+00:00 https://xinwuchn.github.io/blog/2021/distill/ 2021-05-22T00:00:00+00:00 https://xinwuchn.github.io/blog/2021/diagrams/ 2021-07-04T17:39:00+00:00 https://xinwuchn.github.io/blog/2022/redirect/ 2022-02-01T17:39:00+00:00 https://xinwuchn.github.io/blog/2022/giscus-comments/ 2022-12-10T15:59:00+00:00 https://xinwuchn.github.io/blog/2023/table-of-contents/ 2023-03-20T15:59:00+00:00 https://xinwuchn.github.io/blog/2023/tables/ 2023-03-20T18:37:00+00:00 https://xinwuchn.github.io/blog/2023/videos/ 2023-04-24T21:01:00+00:00 https://xinwuchn.github.io/blog/2023/audios/ 2023-04-25T10:25:00+00:00 https://xinwuchn.github.io/blog/2023/sidebar-table-of-contents/ 2023-04-25T14:14:00+00:00 https://xinwuchn.github.io/blog/2023/custom-blockquotes/ 2023-05-12T19:53:00+00:00 https://xinwuchn.github.io/blog/2023/jupyter-notebook/ 2023-07-04T12:57:00+00:00 https://xinwuchn.github.io/blog/2023/post-bibliography/ 2023-07-12T13:56:00+00:00 https://xinwuchn.github.io/blog/2023/tikzjax/ 2023-12-12T22:25:00+00:00 https://xinwuchn.github.io/blog/2024/chartjs/ 2024-01-26T01:04:00+00:00 https://xinwuchn.github.io/blog/2024/echarts/ 2024-01-26T16:03:00+00:00 https://xinwuchn.github.io/blog/2024/geojson-map/ 2024-01-26T17:57:00+00:00 https://xinwuchn.github.io/blog/2024/vega-lite/ 2024-01-27T00:20:00+00:00 https://xinwuchn.github.io/blog/2024/advanced-images/ 2024-01-27T11:46:00+00:00 https://xinwuchn.github.io/blog/2024/code-diff/ 2024-01-27T19:22:00+00:00 https://xinwuchn.github.io/blog/2024/pseudocode/ 2024-04-15T00:01:00+00:00 https://xinwuchn.github.io/blog/2024/post-citation/ 2024-04-28T15:06:00+00:00 https://xinwuchn.github.io/blog/2024/typograms/ 2024-04-29T23:36:10+00:00 https://xinwuchn.github.io/blog/2024/tabs/ 2024-05-01T00:32:13+00:00 https://xinwuchn.github.io/blog/2022/displaying-external-posts-on-your-al-folio-blog/ 2022-04-23T23:20:09+00:00 https://xinwuchn.github.io/blog/2024/google-gemini-updates-flash-15-gemma-2-and-project-astra/ 2024-05-14T00:00:00+00:00 https://xinwuchn.github.io/projects/1_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/2_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/3_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/4_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/5_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/6_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/7_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/8_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/projects/9_project/ 2024-09-03T15:43:48+00:00 https://xinwuchn.github.io/ https://xinwuchn.github.io/cv/ https://xinwuchn.github.io/_pages/dropdown/ https://xinwuchn.github.io/news/ https://xinwuchn.github.io/people/ https://xinwuchn.github.io/projects/ https://xinwuchn.github.io/publications/ https://xinwuchn.github.io/repositories/ https://xinwuchn.github.io/teaching/ https://xinwuchn.github.io/blog/tag/formatting/ https://xinwuchn.github.io/blog/tag/links/ https://xinwuchn.github.io/blog/tag/images/ https://xinwuchn.github.io/blog/tag/code/ https://xinwuchn.github.io/blog/tag/math/ https://xinwuchn.github.io/blog/tag/comments/ https://xinwuchn.github.io/blog/tag/distill/ https://xinwuchn.github.io/blog/tag/diagrams/ https://xinwuchn.github.io/blog/tag/toc/ https://xinwuchn.github.io/blog/tag/tables/ https://xinwuchn.github.io/blog/tag/videos/ https://xinwuchn.github.io/blog/tag/audios/ https://xinwuchn.github.io/blog/tag/sidebar/ https://xinwuchn.github.io/blog/tag/blockquotes/ https://xinwuchn.github.io/blog/tag/jupyter/ https://xinwuchn.github.io/blog/tag/bib/ https://xinwuchn.github.io/blog/tag/charts/ https://xinwuchn.github.io/blog/tag/maps/ https://xinwuchn.github.io/blog/tag/citation/ https://xinwuchn.github.io/blog/category/sample-posts/ https://xinwuchn.github.io/blog/category/external-services/ https://xinwuchn.github.io/blog/2015/ https://xinwuchn.github.io/blog/2020/ https://xinwuchn.github.io/blog/2021/ https://xinwuchn.github.io/blog/2022/ https://xinwuchn.github.io/blog/2023/ https://xinwuchn.github.io/blog/2024/ https://xinwuchn.github.io/blog/ https://xinwuchn.github.io/blog/page/2/ https://xinwuchn.github.io/blog/page/3/ https://xinwuchn.github.io/blog/page/4/ https://xinwuchn.github.io/blog/page/5/ https://xinwuchn.github.io/blog/page/6/ https://xinwuchn.github.io/blog/page/7/ \ No newline at end of file diff --git a/teaching/index.html b/teaching/index.html index 143286d..4ecefe7 100644 --- a/teaching/index.html +++ b/teaching/index.html @@ -1 +1 @@ - teaching | You R. Name

                                                                  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!

                                                                  \ No newline at end of file + teaching | Xin Wu

                                                                  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!

                                                                  \ No newline at end of file