</code></pre></div></div> <p>Colons can be used to align columns.
</p> <table> <thead> <tr> <th>Tables
</th> <th style="
text-align: center"
>Are
</th> <th style="
text-align: right"
>Cool
</th> </tr> </thead> <tbody> <tr> <td>col 3 is
</td> <td style="
text-align: center"
>right-aligned
</td> <td style="
text-align: right"
>$1600
</td> </tr> <tr> <td>col 2 is
</td> <td style="
text-align: center"
>centered
</td> <td style="
text-align: right"
>$12
</td> </tr> <tr> <td>zebra stripes
</td> <td style="
text-align: center"
>are neat
</td> <td style="
text-align: right"
>$1
</td> </tr> </tbody> </table> <p>There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.
</p> <table> <thead> <tr> <th>Markdown
</th> <th>Less
</th> <th>Pretty
</th> </tr> </thead> <tbody> <tr> <td><em>Still
</em></td> <td><code class="
language-plaintext highlighter-rouge"
>renders
</code></td> <td><strong>nicely
</strong></td> </tr> <tr> <td>1
</td> <td>2
</td> <td>3
</td> </tr> </tbody> </table> <blockquote> <p>Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
</p> </blockquote> <p>Quote break.
</p> <blockquote> <p>This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can
<em>put
</em> <strong>Markdown
</strong> into a blockquote.
</p> </blockquote> <p>Here’s a line for us to start with.
</p> <p>This line is separated from the one above by two newlines, so it will be a
<em>separate paragraph
</em>.
</p> <p>This line is also a separate paragraph, but… This line is only separated by a single newline, so it’s a separate line in the
<em>same paragraph
</em>.
</p> </d-article> <d-appendix> <d-footnote-list></d-footnote-list> <d-citation-list></d-citation-list> </d-appendix> <d-bibliography src="
/assets/bibliography/2018-12-22-distill.bib"
></d-bibliography><div id="
giscus_thread"
style="
max-width: 800px; margin: 0 auto;"
> <script>let giscusTheme=localStorage.getItem("theme"),giscusAttributes={src:
"https://giscus.app/client.js","data-repo":
"Yeps3nM/Yeps3nM.github.io","data-repo-id":
"","data-category":
"Comments","data-category-id":
"","data-mapping":
"title","data-strict":
"1","data-reactions-enabled":
"1","data-emit-metadata":
"0","data-input-position":
"bottom","data-theme":
giscusTheme,"data-lang":
"en",crossorigin:
"anonymous",async:
""},giscusScript=document.createElement("script");Object.entries(giscusAttributes).forEach(([t,e])=>giscusScript.setAttribute(t,e)),document.getElementById("giscus_thread").appendChild(giscusScript);</script> <noscript>Please enable JavaScript to view the
<a href="
http://giscus.app/?ref_noscript"
rel="
external nofollow noopener"
target="
_blank"
>comments powered by giscus.
</a> </noscript> </div> </div> <footer class="
fixed-bottom"
> <div class="
container mt-0"
> © Copyright 2023 . Powered by
<a href="
https://jekyllrb.com/"
target="
_blank"
rel="
external nofollow noopener"
>Jekyll
</a> with
<a href="
https://github.com/alshedivat/al-folio"
rel="
external nofollow noopener"
target="
_blank"
>al-folio
</a> theme. Hosted by
<a href="
https://pages.github.com/"
target="
_blank"
rel="
external nofollow noopener"
>GitHub Pages
</a>. Photos from
<a href="
https://unsplash.com"
target="
_blank"
rel="
external nofollow noopener"
>Unsplash
</a>.
</div> </footer> <script src="
/assets/js/bootstrap.bundle.min.js"
></script> <script src="
https://cdn.jsdelivr.net/npm/[email protected]/js/mdb.min.js"
integrity="
sha256-NdbiivsvWt7VYCt6hYNT3h/th9vSTL4EDWeGs5SN3DA="
crossorigin="
anonymous"
></script> <script type="
text/javascript"
>function progressBarSetup(){"max"in document.createElement("progress")?
(initializeProgressElement(),$(document).on("scroll",function(){progressBar.attr({value:
getCurrentScrollPosition()})}),$(window).on("resize",initializeProgressElement)):
(resizeProgressBar(),$(document).on("scroll",resizeProgressBar),$(window).on("resize",resizeProgressBar))}function getCurrentScrollPosition(){return $(window).scrollTop()}function initializeProgressElement(){let e=$("#navbar").outerHeight(!0);$("body").css({"padding-top":
e}),$("progress-container").css({"padding-top":
e}),progressBar.css({top:
e}),progressBar.attr({max:
getDistanceToScroll(),value:
getCurrentScrollPosition()})}function getDistanceToScroll(){return $(document).height()-$(window).height()}function resizeProgressBar(){progressBar.css({width:
getWidthPercentage()+"%"})}function getWidthPercentage(){return getCurrentScrollPosition()/getDistanceToScroll()*100}const progressBar=$("#progress");window.onload=function(){setTimeout(progressBarSetup,50)};</script> </body> </html> 
0 commit comments