updates.html

---
layout: default
title: Weekly Updates
---
<style type="text/css">
/*div{*/
/*  border: 1px solid red;*/
/*}*/

        .dropdown{
      display: none !important;
    }
    

.themed-container {
    padding: .55rem;
    margin-bottom: 1.5rem;
    /*width: 40%;*/
    margin-right: 20%;
    float:left;
    background-color: rgba(0, 123, 255, .15);
    border: 1px solid rgba(0, 123, 255, .2);
}
.read {
  float: right;
  width: 100px;
  
}
    .menu{
        height: 20px;
        line-height: 20px;
        padding: 10px;        
        /*border: 1px solid #666;*/
    }

@media only screen and (max-width: 330px) {
  
  .themed-container {
    width: 90%;
  }
} 


@media only screen and (min-width: 339px) {
    
  .themed-container {
    width: 90%;
  }
  
      body {
        padding-top: 80px;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
  .themed-container {
    width: 80%;
  }
  
        body {
        padding-top: 110px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
  .themed-container {
    width: 80%;
  }
  
        body {
        padding-top: 110px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  
    
  .themed-container {
    width: 70%;
  }
   
         body {
        padding-top: 110px;
    }

}


</style>

<div class = 'container'>
    
<h1>Updates</h1>

          {% assign id = 0 %}
          {% for report in site.data.weekly %}
          {% assign id = id | plus:1 %}
            <div class="container themed-container" style="display: flex;" id="{{id | append: "weekly" }}" >
              <!--<div class="card weekly border-primary mb-4 box-shadow">-->
                <div class="menu" style="width: 70%; " >
                  <h6>{{ report.name }}</h6>
                </div>
                <div style="flex-grow: 1; ">
                  <a   href="{{ report.path }}" class="btn btn-outline-primary read " target="_blank">Read</a>
                </div>
                
              <!--</div>-->
            </div>
            {% endfor %}
            
            
</div>