Random Thoughts
All thought on my own.
Categories: blockquotes
<section class="mb-5">
<h2 class="font-weight-bold">2024</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Jan 27</th>
<td>
<a class="post-link" href="/blog/2024/code-diff/">a post with code diff</a>
<div class="text-muted small">this is how you can display code diffs</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jan 27</th>
<td>
<a class="post-link" href="/blog/2024/advanced-images/">a post with advanced image components</a>
<div class="text-muted small">this is what advanced image components could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jan 27</th>
<td>
<a class="post-link" href="/blog/2024/vega-lite/">a post with vega lite</a>
<div class="text-muted small">this is what included vega lite code could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jan 26</th>
<td>
<a class="post-link" href="/blog/2024/geojson-map/">a post with geojson</a>
<div class="text-muted small">this is what included geojson code could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jan 26</th>
<td>
<a class="post-link" href="/blog/2024/echarts/">a post with echarts</a>
<div class="text-muted small">this is what included echarts code could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jan 26</th>
<td>
<a class="post-link" href="/blog/2024/chartjs/">a post with chart.js</a>
<div class="text-muted small">this is what included chart.js code could look like</div>
</td>
</tr>
</table>
</div>
</section>
<section class="mb-5">
<h2 class="font-weight-bold">2023</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Dec 12</th>
<td>
<a class="post-link" href="/blog/2023/tikzjax/">a post with TikZJax</a>
<div class="text-muted small">this is what included TikZ code could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jul 12</th>
<td>
<a class="post-link" href="/blog/2023/post-bibliography/">a post with bibliography</a>
<div class="text-muted small">an example of a blog post with bibliography</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jul 04</th>
<td>
<a class="post-link" href="/blog/2023/jupyter-notebook/">a post with jupyter notebook</a>
<div class="text-muted small">an example of a blog post with jupyter notebook</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">May 12</th>
<td>
<a class="post-link" href="/blog/2023/custom-blockquotes/">a post with custom blockquotes</a>
<div class="text-muted small">an example of a blog post with custom blockquotes</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Apr 25</th>
<td>
<a class="post-link" href="/blog/2023/sidebar-table-of-contents/">a post with table of contents on a sidebar</a>
<div class="text-muted small">an example of a blog post with table of contents on a sidebar</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Apr 25</th>
<td>
<a class="post-link" href="/blog/2023/audios/">a post with audios</a>
<div class="text-muted small">this is what included audios could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Apr 24</th>
<td>
<a class="post-link" href="/blog/2023/videos/">a post with videos</a>
<div class="text-muted small">this is what included videos could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Mar 20</th>
<td>
<a class="post-link" href="/blog/2023/tables/">displaying beautiful tables with Bootstrap Tables</a>
<div class="text-muted small">an example of how to use Bootstrap Tables</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Mar 20</th>
<td>
<a class="post-link" href="/blog/2023/table-of-contents/">a post with table of contents</a>
<div class="text-muted small">an example of a blog post with table of contents</div>
</td>
</tr>
</table>
</div>
</section>
<section class="mb-5">
<h2 class="font-weight-bold">2022</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Dec 10</th>
<td>
<a class="post-link" href="/blog/2022/giscus-comments/">a post with giscus comments</a>
<div class="text-muted small">an example of a blog post with giscus comments</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Feb 01</th>
<td>
<a class="post-link" href="/assets/pdf/example_pdf.pdf">a post with redirect</a>
<div class="text-muted small">you can also redirect to assets like pdf</div>
</td>
</tr>
</table>
</div>
</section>
<section class="mb-5">
<h2 class="font-weight-bold">2021</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Jul 04</th>
<td>
<a class="post-link" href="/blog/2021/diagrams/">a post with diagrams</a>
<div class="text-muted small">an example of a blog post with diagrams</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">May 22</th>
<td>
<a class="post-link" href="/blog/2021/distill/">a distill-style blog post</a>
<div class="text-muted small">an example of a distill-style blog post and main elements</div>
</td>
</tr>
</table>
</div>
</section>
<section class="mb-5">
<h2 class="font-weight-bold">2020</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Sep 28</th>
<td>
<a class="post-link" href="/blog/2020/github-metadata/">a post with github metadata</a>
<div class="text-muted small">a quick run down on accessing github metadata.</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Sep 28</th>
<td>
<a class="post-link" href="/blog/2020/twitter/">a post with twitter</a>
<div class="text-muted small">an example of a blog post with twitter</div>
</td>
</tr>
</table>
</div>
</section>
<section class="mb-5">
<h2 class="font-weight-bold">2015</h2>
<div class="table-responsive">
<table class="table table-sm table-borderless">
<tr>
<th scope="row" style="width: 20%">Oct 20</th>
<td>
<a class="post-link" href="/blog/2015/disqus-comments/">a post with disqus comments</a>
<div class="text-muted small">an example of a blog post with disqus comments</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Oct 20</th>
<td>
<a class="post-link" href="/blog/2015/math/">a post with math</a>
<div class="text-muted small">an example of a blog post with some math</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Jul 15</th>
<td>
<a class="post-link" href="/blog/2015/code/">a post with code</a>
<div class="text-muted small">an example of a blog post with some code</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">May 15</th>
<td>
<a class="post-link" href="/blog/2015/images/">a post with images</a>
<div class="text-muted small">this is what included images could look like</div>
</td>
</tr>
<tr>
<th scope="row" style="width: 20%">Mar 15</th>
<td>
<a class="post-link" href="/blog/2015/formatting-and-links/">a post with formatting and links</a>
<div class="text-muted small">march & april, looking forward to summer</div>
</td>
</tr>
</table>
</div>
</section>