Difference between revisions of "Team:LUBBOCK TTU/Notebook"

 
(155 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{LUBBOCK_TTU}}
+
{{LUBBOCK_TTU/fontawesome/css/font-awesome-ie7.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome-ie7.min.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome.css}}
 +
{{LUBBOCK_TTU/fontawesome/css/font-awesome.min.css}}
 +
{{LUBBOCK_TTU/navi}}
 +
{{LUBBOCK_TTU/linkcolors}}
  
 
<html>
 
<html>
−
<html lang="en">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<head>
+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  
−
<style>
+
<!-- Font Awesome -->
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<!-- End Font Awesome -->
 +
 
 +
<!-- Bootstrap Grid Basic --><!-- Collapsible Dates -->
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<!-- End Bootstrap Grid Basic --><!-- End Collapsible Dates -->
 +
 
 +
<!--DEFAULT WIKI SETTINGS-->
 +
<style> /* Clear the default wiki settings */
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
#content { width:100%; padding:0px;  margin-top:1px; margin-left:0px;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
</style>
  
−
<!-- timeline CSS -->
+
<!-- FOOTER CSS -->
−
@import url(//fonts.googleapis.com/css?family=Open+Sans);
+
<style>
−
body {
+
/**
−
    margin: 5px 20px;
+
* Demo Styles
−
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ij4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iI2VlZWVlZSI+PC9yZWN0Pgo8ZyBpZD0iYyI+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjMiIGZpbGw9IiNlNmU2ZTYiPjwvcmVjdD4KPHJlY3QgeT0iMSIgd2lkdGg9IjMiIGhlaWdodD0iMiIgZmlsbD0iI2Q4ZDhkOCI+PC9yZWN0Pgo8L2c+Cjx1c2UgeGxpbms6aHJlZj0iI2MiIHg9IjMiIHk9IjMiPjwvdXNlPgo8L3N2Zz4=");
+
*/
−
    <!--font-family: 'Open Sans';-->
+
 
−
    font-weight: 300;  
+
html {
 +
  height: 100%;
 +
  box-sizing: border-box;
 
}
 
}
  
−
h2 {
+
*,
−
    margin-bottom: 30px;
+
*:before,
−
    color: #4679bd;
+
*:after {
−
    font-weight: 400;
+
  box-sizing: inherit;
−
    text-align: center;
+
 
}
 
}
  
−
/* -----------------------------------------------
+
body {
−
* Timeline
+
  position: relative;
−
* --------------------------------------------- */
+
  margin: 0;
−
.timeline {
+
  <!--padding-bottom: 6rem;-->
−
    list-style: none;
+
  min-height: 100%;
−
    padding: 10px 0;
+
−
    position: relative;
+
−
    font-weight: 300;
+
 
}
 
}
−
.timeline:before {
+
 
−
    top: 0;
+
/**
−
    bottom: 0;
+
* Footer Styles
−
    position: absolute;
+
*/
−
    content:" ";
+
 
−
    width: 2px;
+
.footer {
−
    background: #ffffff;
+
  position: absolute;
−
    left: 50%;
+
  right: 0;
−
    margin-left: -1.5px;
+
  bottom: -900;
 +
  left: 0;
 +
  padding: 1rem;
 +
  background-color: #fff;
 +
  text-align: center;
 
}
 
}
−
.timeline > li {
+
</style>
−
    margin-bottom: 20px;
+
<!-- END FOOTER CSS -->
−
    position: relative;
+
 
−
    width: 50%;
+
 
−
    float: left;
+
<!-- TABS CSS -->
−
    clear: left;
+
<style>
 +
  *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
 +
 +
  h1 {padding: 100px 0; font-weight: 400; text-align: center;}
 +
  <!--p {margin: 0 0 20px; line-height: 1.5;}-->
 +
 +
  .main {margin: 0 auto; min-width: 320px; max-width: 90%;}
 +
  .content {background: #; color: #;}
 +
  .content > div {display: none;}
 +
 +
  input {display: none;}
 +
  label {display: inline-block; padding: 15px 25px; font-weight: 600; text-align: center;}
 +
  label:hover {color: #ed5a6a; cursor: pointer;}
 +
  input:checked + label {background: #ed5a6a; color: #fff;}
 +
 +
  #tab1:checked ~ .content #content1,
 +
  #tab2:checked ~ .content #content2,
 +
  #tab3:checked ~ .content #content3,
 +
  #tab4:checked ~ .content #content4,
 +
  #tab5:checked ~ .content #content5,
 +
  #tab6:checked ~ .content #content6,
 +
  #tab7:checked ~ .content #content7,
 +
  #tab8:checked ~ .content #content8,
 +
  #tab9:checked ~ .content #content9 {
 +
    display: block;
 +
  }
 +
 +
  @media screen and (max-width: 400px) { label {padding: 15px 10px;} }
 +
 
 +
hr { margin-top: 1px; margin-bottom: 15px }
 +
 
 +
</style>
 +
<!-- END TABS CSS -->
 +
 
 +
<!-- TEAM CSS -->
 +
<style>
 +
html {
 +
  box-sizing: border-box;
 
}
 
}
−
.timeline > li:before, .timeline > li:after {
+
 
−
    content:" ";
+
*, *:before, *:after {
−
    display: table;
+
  box-sizing: inherit;
 
}
 
}
−
.timeline > li:after {
+
 
−
    clear: both;
+
.column {
 +
  float: left;
 +
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 
}
 
}
−
.timeline > li:before, .timeline > li:after {
+
 
−
     content:" ";
+
@media (max-width: 650px) {
−
     display: table;
+
  .column {
 +
     width: 100%;
 +
     display: block;
 +
  }
 
}
 
}
−
.timeline > li:after {
+
 
−
    clear: both;
+
.card {
 +
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 
}
 
}
−
.timeline > li > .timeline-panel {
+
 
−
    width: calc(100% - 25px);
+
.container {
−
    width: -moz-calc(100% - 25px);
+
  padding: 0 16px;
−
    width: -webkit-calc(100% - 25px);
+
−
    float: left;
+
−
    border: 1px solid #dcdcdc;
+
−
    background: #ffffff;
+
−
    position: relative;
+
 
}
 
}
−
.timeline > li > .timeline-panel:before {
+
 
−
    position: absolute;
+
.container::after, .row::after {
−
    top: 26px;
+
  content: "";
−
    right: -15px;
+
  clear: both;
−
    display: inline-block;
+
  display: table;
−
    border-top: 15px solid transparent;
+
−
    border-left: 15px solid #dcdcdc;
+
−
    border-right: 0 solid #dcdcdc;
+
−
    border-bottom: 15px solid transparent;
+
−
    content:" ";
+
 
}
 
}
−
.timeline > li > .timeline-panel:after {
+
 
−
    position: absolute;
+
.title {
−
    top: 27px;
+
  color: grey;
−
    right: -14px;
+
−
    display: inline-block;
+
−
    border-top: 14px solid transparent;
+
−
    border-left: 14px solid #ffffff;
+
−
    border-right: 0 solid #ffffff;
+
−
    border-bottom: 14px solid transparent;
+
−
    content:" ";
+
 
}
 
}
−
.timeline > li > .timeline-badge {
+
 
−
    color: #ffffff;
+
.button {
−
    width: 24px;
+
  border: none;
−
    height: 24px;
+
  outline: 0;
−
    line-height: 50px;
+
  display: inline-block;
−
    text-align: center;
+
  padding: 8px;
−
    position: absolute;
+
  color: white;
−
    top: 16px;
+
  background-color: #000;
−
    right: -12px;
+
  text-align: center;
−
    z-index: 100;
+
  cursor: pointer;
−
}
+
  width: 100%;
−
.timeline > li.timeline-inverted > .timeline-panel {
+
−
    float: right;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-panel:before {
+
−
    border-left-width: 0;
+
−
    border-right-width: 15px;
+
−
    left: -15px;
+
−
    right: auto;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-panel:after {
+
−
    border-left-width: 0;
+
−
    border-right-width: 14px;
+
−
    left: -14px;
+
−
    right: auto;
+
−
}
+
−
.timeline-badge > a {
+
−
    color: #ffffff !important;
+
 
}
 
}
−
.timeline-badge a:hover {
+
 
−
    color: #dcdcdc !important;
+
.button:hover {
−
}
+
  background-color: #555;
−
.timeline-title {
+
−
    margin-top: 0;
+
−
    color: inherit;
+
−
}
+
−
.timeline-heading h4 {
+
−
    font-weight: 400;
+
−
    padding: 0 15px;
+
−
    color: #4679bd;
+
−
}
+
−
.timeline-body > p, .timeline-body > ul {
+
−
    padding: 10px 15px;
+
−
    margin-bottom: 0;
+
−
}
+
−
.timeline-footer {
+
−
    padding: 5px 15px;
+
−
    background-color:#f4f4f4;
+
−
}
+
−
.timeline-footer p { margin-bottom: 0; }
+
−
.timeline-footer > a {
+
−
    cursor: pointer;
+
−
    text-decoration: none;
+
−
}
+
−
.timeline > li.timeline-inverted {
+
−
    float: right;
+
−
    clear: right;
+
−
}
+
−
.timeline > li:nth-child(2) {
+
−
    margin-top: 60px;
+
−
}
+
−
.timeline > li.timeline-inverted > .timeline-badge {
+
−
    left: -12px;
+
−
}
+
−
.no-float {
+
−
    float: none !important;
+
 
}
 
}
−
@media (max-width: 767px) {
 
−
    ul.timeline:before {
 
−
        left: 40px;
 
−
    }
 
−
    ul.timeline > li {
 
−
        margin-bottom: 0px;
 
−
        position: relative;
 
−
        width:100%;
 
−
        float: left;
 
−
        clear: left;
 
−
    }
 
−
    ul.timeline > li > .timeline-panel {
 
−
        width: calc(100% - 65px);
 
−
        width: -moz-calc(100% - 65px);
 
−
        width: -webkit-calc(100% - 65px);
 
−
    }
 
−
    ul.timeline > li > .timeline-badge {
 
−
        left: 28px;
 
−
        margin-left: 0;
 
−
        top: 16px;
 
−
    }
 
−
    ul.timeline > li > .timeline-panel {
 
−
        float: right;
 
−
    }
 
−
    ul.timeline > li > .timeline-panel:before {
 
−
        border-left-width: 0;
 
−
        border-right-width: 15px;
 
−
        left: -15px;
 
−
        right: auto;
 
−
    }
 
−
    ul.timeline > li > .timeline-panel:after {
 
−
        border-left-width: 0;
 
−
        border-right-width: 14px;
 
−
        left: -14px;
 
−
        right: auto;
 
−
    }
 
−
    .timeline > li.timeline-inverted {
 
−
        float: left;
 
−
        clear: left;
 
−
        margin-top: 30px;
 
−
        margin-bottom: 30px;
 
−
    }
 
−
    .timeline > li.timeline-inverted > .timeline-badge {
 
−
        left: 28px;
 
−
    }
 
−
}
 
−
<!-- end of timeline CSS -->
 
−
 
 
</style>
 
</style>
 +
<!-- END TEAM CSS -->
  
−
<meta charset="utf-8">
+
<body>
−
<meta name="viewport" content="width=device-width">
+
−
<style type="text/css">
+
−
    /* CLIENT-SPECIFIC STYLES */
+
−
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
+
−
    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
+
−
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
+
−
    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
+
−
    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
+
−
    img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
+
  
−
    /* RESET STYLES */
+
<!-- SECTION 1 -->
−
    body{margin:0; padding:0;}
+
<div style="background-color:#ffffff; overflow: auto;" class="clear_fix">
−
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
+
<center>
−
    table{border-collapse:collapse !important;}
+
</br></br>
−
    body{height:100% !important; margin:0; padding:0; width:100% !important;}
+
<font face="Arial" size="6"></br><i class="fa fa-book" style="font-size:30px;color:black;"></i>&nbsp;&nbsp;Notebook</font></br></br>
 +
<div class="col-sm-12">
  
−
    /* iOS BLUE LINKS */
+
<div class="main">
−
    .appleBody a {color:#68440a; text-decoration: none;}
+
−
    .appleFooter a {color:#999999; text-decoration: none;}
+
  
−
    /* MOBILE STYLES */
+
  <input id="tab1" type="radio" name="tabs" checked>
−
    @media screen and (max-width: 525px) {
+
  <label for="tab1">March</label>
 +
 +
  <input id="tab2" type="radio" name="tabs">
 +
  <label for="tab2">April</label>
 +
 +
  <input id="tab3" type="radio" name="tabs">
 +
  <label for="tab3">May</label>
 +
 +
  <input id="tab4" type="radio" name="tabs">
 +
  <label for="tab4">June</label>
  
−
        /* ALLOWS FOR FLUID TABLES */
+
  <input id="tab5" type="radio" name="tabs">
−
        table[class="wrapper"]{
+
  <label for="tab5">July</label>
−
          width:100% !important;
+
−
        }
+
  
−
        /* ADJUSTS LAYOUT OF LOGO IMAGE */
+
  <input id="tab6" type="radio" name="tabs">
−
        td[class="logo"]{
+
  <label for="tab6">August</label>
−
          text-align: left;
+
−
          padding: 20px 0 20px 0 !important;
+
−
        }
+
  
−
        td[class="logo"] img{
+
  <input id="tab7" type="radio" name="tabs">
−
          margin:0 auto!important;
+
  <label for="tab7">September</label>
−
        }
+
  
−
        /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
+
  <input id="tab8" type="radio" name="tabs">
−
        td[class="mobile-hide"]{
+
  <label for="tab8">October</label>
−
          display:none;}
+
  
−
         img[class="mobile-hide"]{
+
  <div class="content"> 
−
           display: none !important;
+
  <div id="content1">
−
         }
+
<!-- Tab 1 Content --><!-- MARCH -->
 +
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
 +
 +
  <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
         <h4 class="panel-title">
 +
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;03/14/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse1" class="panel-collapse collapse in">
 +
        <div class="panel-body"><p align="left"><font size="2">The iGEM Raiders team held a meeting to create a promotional flyer to be used for acquiring support and fundraising. Team members were assigned blurbs to write for the flyer covering topics including what iGEM is, what our project is, why iGEM should continue at Texas Tech, why it should be supported, and our prospective goals such as being published. Team member Kaitlyn was assigned the task of designing the flyer.</br></br>
 +
View our flyer <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8TmRMM0hYX0xtamc/view?usp=sharing" target="_blank">here.</a></br>View our meeting minutes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8cU9hb2UyaThQQzQ/view?usp=sharing" target="_blank">here.</a>
 +
</font></div>
 +
      </div>
 +
  </div>
  
−
         img[class="img-max"]{
+
    <div class="panel panel-default">
−
           max-width: 100% !important;
+
      <div class="panel-heading">
−
          height:auto !important;
+
         <h4 class="panel-title">
−
         }
+
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;03/19/2017</font></a>
 +
        </h4>
 +
      </div>
 +
      <div id="collapse2" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">The iGEM Raiders team met for the weekly meeting. Officer elections were held and the team discussed funding for team registration, bio-curriculum to be taught at ULabs, and delegated tasks to members.</br></br>Check out our members <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Team" target="_blank">here!</a></br>View our meeting minutes <a href="https://docs.google.com/document/d/1_wOdYzKX_NBMjXe_rxJvGA8uklT6Nxf-wAGxD3naTZE/edit?usp=sharing" target="_blank">here.</a></p></font></div>
 +
      </div>
 +
    </div>
 +
 +
  <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
        <h4 class="panel-title">
 +
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;03/26/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse3" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">The iGEM Raiders team met for the weekly meeting. Strategy and talking points were discussed to prepare members for recruiting funding from potential donors. Additionally, fundraising, university sponsor, and outreach updates were discussed.</br></br>View our meeting minutes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8QldWdkQ0cGh0Wjg/view?usp=sharing" target="_blank">here.</a></font></p></div>
 +
      </div>
 +
    </div>
  
−
        /* FULL-WIDTH TABLES */
+
  <div class="panel panel-default">
−
         table[class="responsive-table"]{
+
      <div class="panel-heading">
−
           width:100%!important;
+
         <h4 class="panel-title">
−
         }
+
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse4"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;03/28/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse4" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">The iGEM Raiders team attended a dinner to get to know one another.</font></p></div>
 +
      </div>
 +
    </div>
  
−
        /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
+
  </div>
−
        td[class="padding"]{
+
</div>
−
          padding: 10px 5% 15px 5% !important;
+
<!-- End Tab 1 -->
−
        }
+
</br>
 +
  </div>
  
−
        td[class="padding-copy"]{
+
  <div id="content2">
−
          padding: 10px 5% 10px 5% !important;
+
<!-- Tab 2 Content --><!-- APRIL -->
−
          text-align: center;
+
<hr>
−
        }
+
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
         td[class="padding-meta"]{
+
  <div class="panel panel-default">
−
           padding: 30px 5% 0px 5% !important;
+
      <div class="panel-heading">
−
          text-align: center;
+
         <h4 class="panel-title">
−
        }
+
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;04/09/2017</font></a>
 +
        </h4>
 +
      </div>
 +
      <div id="collapse5" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">Description 04/09/2017.</br></br>View our meeting notes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8TGFiUDZzYXd5YjA/view?usp=sharing" target="_blank">here.</a></font></a></div>
 +
      </div>
 +
    </div>
  
−
         td[class="no-pad"]{
+
  <div class="panel panel-default">
−
           padding: 0 0 20px 0 !important;
+
      <div class="panel-heading">
−
         }
+
         <h4 class="panel-title">
 +
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse6"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;04/23/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse6" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">Description 04/23/2017.</br></br>View our meeting notes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8dVFESjdtZjNEbDQ/view?usp=sharing" target="_blank">here.</a></font></a></div>
 +
      </div>
 +
    </div>
  
−
         td[class="no-padding"]{
+
  <div class="panel panel-default">
−
           padding: 0 !important;
+
      <div class="panel-heading">
−
         }
+
         <h4 class="panel-title">
 +
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse7"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;04/30/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse7" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">Description 04/20/2017.</br></br>View our meeting minutes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8TWcwQ1dKbldqTU0/view?usp=sharing" target="_blank">here.</a></font></a></div>
 +
      </div>
 +
    </div>
  
−
        td[class="section-padding"]{
+
  </div>
−
          padding: 50px 15px 50px 15px !important;
+
</div>
−
        }
+
<!-- End Tab 2 -->
 +
</br>
 +
  </div>
  
−
        td[class="section-padding-bottom-image"]{
+
  <div id="content3">
−
          padding: 50px 15px 0 15px !important;
+
<!-- Tab 3 Content -->
−
        }
+
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
         /* ADJUST BUTTONS ON MOBILE */
+
  <div class="panel panel-default">
−
         td[class="mobile-wrapper"]{
+
      <div class="panel-heading">
−
            padding: 10px 5% 15px 5% !important;
+
         <h4 class="panel-title">
−
        }
+
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse8"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;05/07/2017</font></a>
 +
         </h4>
 +
      </div>
 +
      <div id="collapse8" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">Description 05/07/2017.</br></br>View our meeting minutes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8SExTX0lhd0VwUEU/view?usp=sharing" target="_blank">here.</a></font></a></div>
 +
      </div>
 +
    </div>
  
−
        table[class="mobile-button-container"]{
+
  </div>
−
            margin:0 auto;
+
</div>
−
            width:100% !important;
+
<!-- End Tab 3 -->
−
        }
+
</br>
 +
  </div>
  
−
        a[class="mobile-button"]{
+
  <div id="content4">
−
            width:80% !important;
+
<!-- Tab 4 Content -->
−
            padding: 15px !important;
+
<hr>
−
            border: 0 !important;
+
<div class="container">
−
            font-size: 16px !important;
+
  <div class="panel-group" id="accordion">
−
        }
+
  
−
    }
+
  <div class="panel panel-default">
−
</style>
+
      <div class="panel-heading">
 +
        <h4 class="panel-title">
 +
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse9"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;06/13/2017</font></a>
 +
        </h4>
 +
      </div>
 +
      <div id="collapse9" class="panel-collapse collapse">
 +
        <div class="panel-body"><p align="left"><font size="2">Description 06/13/2017.</br></br>View our meeting minutes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8TnpFTVh2cE9JWUU/view?usp=sharing" target="_blank">here.</a></font></a></div>
 +
      </div>
 +
    </div>
  
−
<div class="column full_size">
+
  </div>
−
<h1>Notebook</h1>
+
 
</div>
 
</div>
 +
<!-- End Tab 4 -->
 +
</br>
 +
  </div>
  
−
<div class="clear"></div>
+
  <div id="content5">
 +
<!-- Tab 5 Content -->
 +
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
<!-- Timeline HTML -->
+
  <div class="panel panel-default">
−
<ul class="timeline">
+
      <div class="panel-heading">
−
    <li>
+
         <h4 class="panel-title">
−
         <div class="timeline-badge">
+
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse10"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;07/15/2017</font></a>
−
           <a><i class="fa fa-circle" id=""></i></a>
+
         </h4>
−
         </div>
+
      </div>
−
        <div class="timeline-panel">
+
      <div id="collapse10" class="panel-collapse collapse">
−
            <div class="timeline-heading">
+
        <div class="panel-body"><p align="left"><font size="2">Description 07/15/2017.</br></br>View our meeting notes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8aXhKYVR0QUxtUkk/view?usp=sharing" target="_blank">here.</a></font></p></div>
−
                </br><h4>Title 1</h4>
+
      </div>
−
            </div>
+
     </div>
−
            <div class="timeline-body">
+
 
−
                <p>The iGEM Raiders team held a meeting to create a promotional flyer to be used for acquiring support and fundraising. Team members were assigned blurbs to write for the flyer covering topics including what iGEM is, what our project is, why iGEM should continue at Texas Tech, why it should be supported, and our prospective goals such as being published. Team member Kaitlyn was assigned the task of designing the flyer.</p>
+
  <div class="panel panel-default">
−
            </div>
+
      <div class="panel-heading">
−
            <div class="timeline-footer">
+
        <h4 class="panel-title">
−
                <p class="text-right"><center>Mar-14-2017</center></p>
+
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse11"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;07/22/2017</font></a>
−
            </div>
+
        </h4>
−
        </div>
+
      </div>
−
     </li>
+
      <div id="collapse11" class="panel-collapse collapse">
−
   
+
         <div class="panel-body"><p align="left"><font size="2">Description 07/22/2017.</br></br>View our meeting notes <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8SEZBRHBiQmJ1MjA/view?usp=sharing" target="_blank">here.</a></font></a></div>
−
    <li class="timeline-inverted">
+
      </div>
−
        <div class="timeline-badge">
+
    </div>
−
            <a><i class="fa fa-circle invert" id=""></i></a>
+
 
−
        </div>
+
  </div>
−
        <div class="timeline-panel">
+
</div>
−
            <div class="timeline-heading">
+
<!-- End Tab 5 -->
−
                </br><h4>Title 2</h4>
+
</br>
−
            </div>
+
  </div>
−
            <div class="timeline-body">
+
 
−
                <p>The iGEM Raiders team met for the weekly meeting. Officer elections were held and the team discussed funding for team registration, bio-curriculum to be taught at ULabs, and delegated tasks to members.</p>
+
  <div id="content6">
−
            </div>
+
<!-- Tab 6 Content -->
−
            <div class="timeline-footer">
+
<font size="2">August</font>
−
                <p class="text-right">Mar-19-2017</p>
+
<!-- End Tab 6 -->
−
            </div>
+
</br>
−
        </div>
+
  </div>
−
    </li>
+
 
−
   
+
  <div id="content7">
−
    <li>
+
<!-- Tab 7 Content -->
−
         <div class="timeline-badge">
+
<font size="2">September</font>
−
            <a><i class="fa fa-circle" id=""></i></a>
+
<!-- End Tab 7 -->
−
        </div>
+
</br>
−
        <div class="timeline-panel">
+
  </div>
−
            <div class="timeline-heading">
+
 
−
                </br><h4>Title 3</h4>
+
  <div id="content8">
−
            </div>
+
<!-- Tab 8 Content -->
−
            <div class="timeline-body">
+
<font size="2">October</font>
−
                <p>The iGEM Raiders team met for the weekly meeting. Strategy and talking points were discussed to prepare members for recruiting funding from potential donors. Additionally, fundraising, university sponsor, and outreach updates were discussed.</p>
+
<!-- End Tab 8 -->
−
            </div>
+
</br>
−
            <div class="timeline-footer">
+
  </div>
−
                <p class="text-right">Mar-26-2017</p>
+
 
−
            </div>
+
  </div> <!-- end class content -->
−
        </div>
+
</div> <!-- end class main -->
−
    </li>
+
 
−
   
+
</div>
−
    <li class="timeline-inverted">
+
</center>
−
        <div class="timeline-badge">
+
</div>
−
            <a><i class="fa fa-circle invert" id=""></i></a>
+
<!-- END SECTION 1 -->
−
        </div>
+
 
−
        <div class="timeline-panel">
+
<!-- SECTION 2 -->
−
            <div class="timeline-heading">
+
<div style="background-color:#f7f7f7; overflow: auto;" class="clear_fix">
−
                </br><h4>Title 4</h4>
+
<center></br></br>
−
            </div>
+
<font face="Arial" size="5">&mdash; What should this page have? &mdash;</font></center>
−
            <div class="timeline-body">
+
<div class="col-sm-1"></div>
−
                <p>The iGEM Raiders team attended a dinner to get to know one another.</p>
+
<div class="col-sm-10"><font size="4">
−
            </div>
+
</br><ul>
−
            <div class="timeline-footer">
+
<li>Chronological notes of what your team is doing.</li>
−
                <p class="text-right">Mar-28-2017</p>
+
<li> Brief descriptions of daily important events.</li>
−
            </div>
+
<li>Pictures of your progress. </li>
−
        </div>
+
<li>Mention who participated in what task.</li>
−
    </li>
+
−
   
+
−
    <li>
+
−
        <div class="timeline-badge">
+
−
            <a><i class="fa fa-circle" id=""></i></a>
+
−
        </div>
+
−
        <div class="timeline-panel">
+
−
            <div class="timeline-heading">
+
−
                </br><h4>Timeline Event</h4>
+
−
            </div>
+
−
            <div class="timeline-body">
+
−
                <p>Adfertur guttae sapientiae ducitur est Apollonius ut a a his domino Lycoridem in lucem. Theophile atque bona dei cenam veniebant est cum. Iusto opes mihi Tyrum in modo compungi mulierem ubi augue eiusdem ordo quos vero diam omni catervis famulorum. Bene dictis ut diem finito servis unde.</p>
+
−
            </div>
+
−
            <div class="timeline-footer">
+
−
                <p class="text-right">Mar-01-2014</p>
+
−
            </div>
+
−
        </div>
+
−
    </li>
+
−
   
+
−
    <li  class="timeline-inverted">
+
−
        <div class="timeline-badge">
+
−
            <a><i class="fa fa-circle invert" id=""></i></a>
+
−
        </div>
+
−
        <div class="timeline-panel">
+
−
            <div class="timeline-heading">
+
−
                </br><h4>Timeline Event</h4>
+
−
            </div>
+
−
            <div class="timeline-body">
+
−
                <p>Crede respiciens loco dedit beneficio ad suis alteri si puella eius in. Acceptis codicello lenonem in deinde plectrum anni ipsa quod eam est Apollonius.</p>
+
−
            </div>
+
−
            <div class="timeline-footer primary">
+
−
                <p class="text-right">Mar-02-2014</p>
+
−
            </div>
+
−
        </div>
+
−
    </li>
+
−
    <li class="clearfix no-float"></li>
+
 
</ul>
 
</ul>
−
<!-- end of timeline -->
+
</font></br></br></div>
 +
<div class="col-sm-1"></div>
 +
</div>
 +
<!-- END SECTION 2 -->
  
 
</body>
 
</body>
 +
 +
<!-- FOOTER -->
 +
<div class="footer"><center><font face="Arial" size="3" color="black">&copy; 2017 Lubbock_TTU</font></center></div>
 +
<!-- END FOOTER -->
  
 
</html>
 
</html>

Latest revision as of 04:43, 1 November 2017




  Notebook

 03/14/2017

The iGEM Raiders team held a meeting to create a promotional flyer to be used for acquiring support and fundraising. Team members were assigned blurbs to write for the flyer covering topics including what iGEM is, what our project is, why iGEM should continue at Texas Tech, why it should be supported, and our prospective goals such as being published. Team member Kaitlyn was assigned the task of designing the flyer.

View our flyer here.
View our meeting minutes here.

 03/19/2017

The iGEM Raiders team met for the weekly meeting. Officer elections were held and the team discussed funding for team registration, bio-curriculum to be taught at ULabs, and delegated tasks to members.

Check out our members here!
View our meeting minutes here.

 03/26/2017

The iGEM Raiders team met for the weekly meeting. Strategy and talking points were discussed to prepare members for recruiting funding from potential donors. Additionally, fundraising, university sponsor, and outreach updates were discussed.

View our meeting minutes here.

 03/28/2017

The iGEM Raiders team attended a dinner to get to know one another.


 04/09/2017

Description 04/09/2017.

View our meeting notes here.

 04/23/2017

Description 04/23/2017.

View our meeting notes here.

 04/30/2017

Description 04/20/2017.

View our meeting minutes here.


 05/07/2017

Description 05/07/2017.

View our meeting minutes here.


 06/13/2017

Description 06/13/2017.

View our meeting minutes here.


 07/15/2017

Description 07/15/2017.

View our meeting notes here.

 07/22/2017

Description 07/22/2017.

View our meeting notes here.


August
September
October


— What should this page have? —

  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.


© 2017 Lubbock_TTU