archive.html

---
layout: default
---
<script>
  document.getElementById("home").classList.remove("buttonActive");
  document.getElementById("archive").classList.add("buttonActive");
  document.getElementById("about").classList.remove("buttonActive");
</script>

<h2 class="sortPosts">Sort posts by...</h2>

<nav>
  <div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link active" id="nav-category-tab" data-toggle="tab" href="#nav-category" role="tab" aria-controls="nav-category" aria-selected="true">Category</a>
    <a class="nav-item nav-link" id="nav-year-tab" data-toggle="tab" href="#nav-year" role="tab" aria-controls="nav-year" aria-selected="false">Year</a>
  </div>
</nav>
<div class="tab-content" id="nav-tabContent">
  <div class="tab-pane fade show active" id="nav-category" role="tabpanel" aria-labelledby="nav-category-tab">

    <!-- Category-->
    <h5 class="category">Web dev</h5>


    <table class="table table-sm table-borderless">
      <tbody>
        <tr>
          <th scope="row">Apr 2020</th>
          <td><a href="https://juliangr.github.io/How-I-made-Vigisur-es/">How I made Vigisur.es</a></td>
        </tr>
    </table>



  </div>
  <div class="tab-pane fade" id="nav-year" role="tabpanel" aria-labelledby="nav-year-tab">
    <!-- Year-->
    <!--
    <h5>Year in review</h5>
    <table class="table table-sm table-borderless">
      <tbody>
        <tr>
          <th scope="row">Dec 2019</th>
          <td><a href="">BlaBlaBlaBlaBla BlaBlaBla Bla </a></td>
        </tr>
        <tr>
          <th scope="row">Dec 2019</th>
          <td><a href="">BlaBlaBlaBlaBla BlaBlaBla Bla </a></td>
        </tr>
    </table>
-->
    <h5 class="category">2020</h5>
    <table class="table table-sm table-borderless">
      <tbody>
        <!--
        <tr>
          <th scope="row">Dec 2020</th>
          <td><a href="">Test</a></td>
        </tr>-->
        <tr>
          <th scope="row">Mar 2020</th>
          <td><a href="https://juliangr.github.io/Hello-World/">Hello world</a></td>
        </tr>
        <tr>
          <th scope="row">Apr 2020</th>
          <td><a href="https://juliangr.github.io/How-I-made-Vigisur-es/">How I made Vigisur.es</a></td>
        </tr>
    </table>
  </div>
</div>