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

 
(125 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{LUBBOCK_TTU}}
+
{{LUBBOCK_TTU/fontawesome/css/font-awesome-ie7.css}}
−
<!-- {{Template:Lubbock_TTU/LightBox}} -->
+
{{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>
  
−
<!-- blog post CSS -->
+
<!-- FOOTER CSS -->
−
@import "compass/css3";
+
<style>
 +
/**
 +
* Demo Styles
 +
*/
  
−
/* sassy buttons normally */
+
html {
−
@import "compass";
+
  height: 100%;
−
//@import "blueprint/buttons";
+
  box-sizing: border-box;
−
 
+
−
$base-font-size: 14px;
+
−
$base-line-height: 23px;
+
−
@include establish-baseline;
+
−
 
+
−
* { box-sizing: border-box;}
+
−
 
+
−
body {
+
−
  background-image: url('');
+
−
  font-weight: 400;
+
−
  color: #333;
+
−
  margin-top: 2em;
+
−
 
+
 
}
 
}
  
−
.page {
+
*,
−
  width: 800px; /* for now */
+
*:before,
−
   margin: 0 auto;
+
*:after {
 +
   box-sizing: inherit;
 
}
 
}
  
−
.post {
+
body {
−
   background: #eee;
+
   position: relative;
−
   @include rhythm-borders(1px);
+
   margin: 0;
−
  padding-top: 0;
+
   <!--padding-bottom: 6rem;-->
−
   padding-bottom: 0;
+
   min-height: 100%;
−
   border: 1px solid #ccc;
+
−
  @include box-shadow(rgba(0, 0, 0, 0.2) 0 0 5px 0);
+
 
}
 
}
  
−
/* Metadata */
+
/**
−
.post-meta {
+
* Footer Styles
−
  @include adjust-font-size-to(14px);
+
*/
−
  text-align: right;
+
−
}
+
  
−
.post-meta ul {
+
.footer {
−
list-style: none;
+
  position: absolute;
 +
  right: 0;
 +
  bottom: -900;
 +
  left: 0;
 +
  padding: 1rem;
 +
  background-color: #fff;
 +
  text-align: center;
 
}
 
}
 +
</style>
 +
<!-- END FOOTER CSS -->
  
−
.post-meta li {
 
−
  display: inline-block;
 
−
  margin-left: 1em;
 
−
  color: #777;
 
−
}
 
  
−
.post-meta a {
+
<!-- TABS CSS -->
−
  color: #777;
+
<style>
−
  text-decoration: none;
+
  *, *: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;} }
  
−
.post-meta a:hover {
+
hr { margin-top: 1px; margin-bottom: 15px }
−
color: #333;
+
−
}
+
−
<!-- end of blog post CSS -->
+
  
 
</style>
 
</style>
 +
<!-- END TABS CSS -->
  
−
<meta charset="utf-8">
+
<!-- TEAM CSS -->
−
<meta name="viewport" content="width=device-width">
+
<style>
−
<style type="text/css">
+
html {
−
    /* CLIENT-SPECIFIC STYLES */
+
  box-sizing: border-box;
−
    #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 */
+
*, *:before, *:after {
−
    body{margin:0; padding:0;}
+
  box-sizing: inherit;
−
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
+
}
−
    table{border-collapse:collapse !important;}
+
−
    body{height:100% !important; margin:0; padding:0; width:100% !important;}
+
  
−
    /* iOS BLUE LINKS */
+
.column {
−
    .appleBody a {color:#68440a; text-decoration: none;}
+
  float: left;
−
    .appleFooter a {color:#999999; text-decoration: none;}
+
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 +
}
  
−
    /* MOBILE STYLES */
+
@media (max-width: 650px) {
−
    @media screen and (max-width: 525px) {
+
  .column {
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
}
  
−
        /* ALLOWS FOR FLUID TABLES */
+
.card {
−
        table[class="wrapper"]{
+
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
−
          width:100% !important;
+
}
−
        }
+
  
−
        /* ADJUSTS LAYOUT OF LOGO IMAGE */
+
.container {
−
        td[class="logo"]{
+
  padding: 0 16px;
−
          text-align: left;
+
}
−
          padding: 20px 0 20px 0 !important;
+
−
        }
+
  
−
        td[class="logo"] img{
+
.container::after, .row::after {
−
          margin:0 auto!important;
+
  content: "";
−
        }
+
  clear: both;
 +
  display: table;
 +
}
  
−
        /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
+
.title {
−
        td[class="mobile-hide"]{
+
  color: grey;
−
          display:none;}
+
}
  
−
        img[class="mobile-hide"]{
+
.button {
−
          display: none !important;
+
  border: none;
−
        }
+
  outline: 0;
 +
  display: inline-block;
 +
  padding: 8px;
 +
  color: white;
 +
  background-color: #000;
 +
  text-align: center;
 +
  cursor: pointer;
 +
  width: 100%;
 +
}
  
−
        img[class="img-max"]{
+
.button:hover {
−
          max-width: 100% !important;
+
  background-color: #555;
−
          height:auto !important;
+
}
−
        }
+
</style>
 +
<!-- END TEAM CSS -->
  
−
        /* FULL-WIDTH TABLES */
+
<body>
−
        table[class="responsive-table"]{
+
−
          width:100%!important;
+
−
        }
+
  
−
        /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
+
<!-- SECTION 1 -->
−
        td[class="padding"]{
+
<div style="background-color:#ffffff; overflow: auto;" class="clear_fix">
−
          padding: 10px 5% 15px 5% !important;
+
<center>
−
        }
+
</br></br>
 +
<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">
  
−
        td[class="padding-copy"]{
+
<div class="main">
−
          padding: 10px 5% 10px 5% !important;
+
−
          text-align: center;
+
−
        }
+
  
−
        td[class="padding-meta"]{
+
  <input id="tab1" type="radio" name="tabs" checked>
−
          padding: 30px 5% 0px 5% !important;
+
  <label for="tab1">March</label>
−
          text-align: center;
+
−
        }
+
  <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>
  
−
        td[class="no-pad"]{
+
  <input id="tab5" type="radio" name="tabs">
−
          padding: 0 0 20px 0 !important;
+
  <label for="tab5">July</label>
−
        }
+
  
−
        td[class="no-padding"]{
+
  <input id="tab6" type="radio" name="tabs">
−
          padding: 0 !important;
+
  <label for="tab6">August</label>
−
        }
+
  
−
        td[class="section-padding"]{
+
  <input id="tab7" type="radio" name="tabs">
−
          padding: 50px 15px 50px 15px !important;
+
  <label for="tab7">September</label>
−
        }
+
  
−
        td[class="section-padding-bottom-image"]{
+
  <input id="tab8" type="radio" name="tabs">
−
          padding: 50px 15px 0 15px !important;
+
  <label for="tab8">October</label>
−
        }
+
  
−
         /* ADJUST BUTTONS ON MOBILE */
+
  <div class="content"> 
−
         td[class="mobile-wrapper"]{
+
  <div id="content1">
−
            padding: 10px 5% 15px 5% !important;
+
<!-- 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>
  
−
        table[class="mobile-button-container"]{
+
    <div class="panel panel-default">
−
            margin:0 auto;
+
      <div class="panel-heading">
−
            width:100% !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>
  
−
         a[class="mobile-button"]{
+
  <div class="panel panel-default">
−
            width:80% !important;
+
      <div class="panel-heading">
−
            padding: 15px !important;
+
         <h4 class="panel-title">
−
            border: 0 !important;
+
          <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>
−
            font-size: 16px !important;
+
        </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>
  
−
    }
+
  </div>
 +
</div>
 +
<!-- End Tab 1 -->
 +
</br>
 +
  </div>
  
−
<!-- click to enlarge image css -->
+
  <div id="content2">
−
/*Eliminates padding, centers the thumbnail */
+
<!-- Tab 2 Content --><!-- APRIL -->
 +
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
body, html {
+
  <div class="panel panel-default">
−
padding: 0;
+
      <div class="panel-heading">
−
margin: 0;
+
        <h4 class="panel-title">
−
text-align: center;
+
          <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>
  
−
/* Styles the thumbnail */
+
  <div class="panel panel-default">
 +
      <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>
  
−
a.lightbox img {
+
  <div class="panel panel-default">
−
height: 150px;
+
      <div class="panel-heading">
−
border: 3px solid white;
+
        <h4 class="panel-title">
−
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
+
          <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>
−
margin: 94px 10px 10px 10px;
+
        </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>
  
−
/* Styles the lightbox, removes it from sight and adds the fade-in transition */
+
  </div>
 +
</div>
 +
<!-- End Tab 2 -->
 +
</br>
 +
  </div>
  
−
.lightbox-target {
+
  <div id="content3">
−
position: fixed;
+
<!-- Tab 3 Content -->
−
top: -100%;
+
<hr>
−
width: 100%;
+
<div class="container">
−
background: rgba(0,0,0,.7);
+
  <div class="panel-group" id="accordion">
−
width: 100%;
+
−
opacity: 0;
+
−
-webkit-transition: opacity .5s ease-in-out;
+
−
-moz-transition: opacity .5s ease-in-out;
+
−
-o-transition: opacity .5s ease-in-out;
+
−
transition: opacity .5s ease-in-out;
+
−
overflow: hidden;
+
−
}
+
  
−
/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
+
  <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
        <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>
  
−
.lightbox-target img {
+
  </div>
−
margin: auto;
+
</div>
−
position: absolute;
+
<!-- End Tab 3 -->
−
top: 0;
+
</br>
−
left:0;
+
  </div>
−
right:0;
+
−
bottom: 0;
+
−
max-height: 0%;
+
−
max-width: 0%;
+
−
border: 3px solid white;
+
−
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
+
−
box-sizing: border-box;
+
−
-webkit-transition: .5s ease-in-out;
+
−
-moz-transition: .5s ease-in-out;
+
−
-o-transition: .5s ease-in-out;
+
−
transition: .5s ease-in-out;
+
−
}
+
  
−
/* Styles the close link, adds the slide down transition */
+
  <div id="content4">
 +
<!-- Tab 4 Content -->
 +
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
a.lightbox-close {
+
  <div class="panel panel-default">
−
display: block;
+
      <div class="panel-heading">
−
width:50px;
+
        <h4 class="panel-title">
−
height:50px;
+
          <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>
−
box-sizing: border-box;
+
        </h4>
−
background: white;
+
      </div>
−
color: black;
+
      <div id="collapse9" class="panel-collapse collapse">
−
text-decoration: none;
+
        <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>
−
position: absolute;
+
      </div>
−
top: -80px;
+
    </div>
−
right: 0;
+
−
-webkit-transition: .5s ease-in-out;
+
−
-moz-transition: .5s ease-in-out;
+
−
-o-transition: .5s ease-in-out;
+
−
transition: .5s ease-in-out;
+
−
}
+
  
−
/* Provides part of the "X" to eliminate an image from the close link */
+
  </div>
 +
</div>
 +
<!-- End Tab 4 -->
 +
</br>
 +
  </div>
  
−
a.lightbox-close:before {
+
  <div id="content5">
−
content: "";
+
<!-- Tab 5 Content -->
−
display: block;
+
<hr>
−
height: 30px;
+
<div class="container">
−
width: 1px;
+
  <div class="panel-group" id="accordion">
−
background: black;
+
−
position: absolute;
+
−
left: 26px;
+
−
top:10px;
+
−
-webkit-transform:rotate(45deg);
+
−
-moz-transform:rotate(45deg);
+
−
-o-transform:rotate(45deg);
+
−
transform:rotate(45deg);
+
−
}
+
  
−
/* Provides part of the "X" to eliminate an image from the close link */
+
  <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
        <h4 class="panel-title">
 +
          <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>
 +
        </h4>
 +
      </div>
 +
      <div id="collapse10" class="panel-collapse collapse">
 +
        <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>
 +
      </div>
 +
    </div>
  
−
a.lightbox-close:after {
+
  <div class="panel panel-default">
−
content: "";
+
      <div class="panel-heading">
−
display: block;
+
        <h4 class="panel-title">
−
height: 30px;
+
          <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>
−
width: 1px;
+
        </h4>
−
background: black;
+
      </div>
−
position: absolute;
+
      <div id="collapse11" class="panel-collapse collapse">
−
left: 26px;
+
        <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>
−
top:10px;
+
      </div>
−
-webkit-transform:rotate(-45deg);
+
    </div>
−
-moz-transform:rotate(-45deg);
+
−
-o-transform:rotate(-45deg);
+
−
transform:rotate(-45deg);
+
−
}
+
  
−
/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
+
  </div>
−
 
+
−
.lightbox-target:target {
+
−
opacity: 1;
+
−
top: 0;
+
−
bottom: 0;
+
−
}
+
−
 
+
−
.lightbox-target:target img {
+
−
max-height: 100%;
+
−
max-width: 100%;
+
−
}
+
−
 
+
−
.lightbox-target:target a.lightbox-close {
+
−
top: 0px;
+
−
}
+
−
</style>
+
−
 
+
−
<div class="column full_size">
+
−
<h1>Notebook</h1>
+
 
</div>
 
</div>
 +
<!-- End Tab 5 -->
 +
</br>
 +
  </div>
  
−
<div class="clear"></div>
+
  <div id="content6">
−
 
+
<!-- Tab 6 Content -->
−
<!-- blog posts -->
+
<font size="2">August</font>
 +
<!-- End Tab 6 -->
 
</br>
 
</br>
−
<div class="page">
+
  </div>
−
  <article class="post" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
+
−
    <meta content="en" itemprop="inLanguage" />
+
−
        <h2 itemprop="headline"><a href="#"></br>Title 1</a></h2>
+
−
    <div class="abstract" itemprop="description">
+
−
<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. View our flyer <a href="https://drive.google.com/file/d/0ByB5tqbv6EB8TmRMM0hYX0xtamc/view?usp=sharing" target="_blank">here.</a></p>
+
−
    </div>
+
−
    <footer class="post-meta">
+
−
      <ul>
+
−
        <li>
+
−
          <i class="fa fa-clock-o" aria-hidden="true"></i>
+
−
          <time datetime="03-14-2017" itemprop="datePublished">03-14-2017</time>
+
−
        </li>
+
−
      </ul>
+
−
    </footer>
+
−
  </article>
+
−
</div>
+
  
 +
  <div id="content7">
 +
<!-- Tab 7 Content -->
 +
<font size="2">September</font>
 +
<!-- End Tab 7 -->
 
</br>
 
</br>
−
<div class="page">
+
  </div>
−
  <article class="post" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
+
−
    <meta content="en" itemprop="inLanguage" />
+
−
        <h2 itemprop="headline"><a href="#"></br>Title 2</a></h2>
+
−
    <div class="abstract" itemprop="description">
+
−
<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. Check our our members <a href="https://2017.igem.org/Team:LUBBOCK_TTU/Team" target="_blank">here!</a></p>
+
−
    </div>
+
−
    <footer class="post-meta">
+
−
      <ul>
+
−
        <li>
+
−
          <i class="fa fa-clock-o" aria-hidden="true"></i>
+
−
          <time datetime="03-19-2017" itemprop="datePublished">03-19-2017</time>
+
−
        </li>
+
−
      </ul>
+
−
    </footer>
+
−
  </article>
+
−
</div>
+
  
 +
  <div id="content8">
 +
<!-- Tab 8 Content -->
 +
<font size="2">October</font>
 +
<!-- End Tab 8 -->
 
</br>
 
</br>
−
<div class="page">
+
  </div>
−
  <article class="post" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
+
−
    <meta content="en" itemprop="inLanguage" />
+
−
        <h2 itemprop="headline"><a href="#"></br>Title 3</a></h2>
+
−
    <div class="abstract" itemprop="description">
+
−
<!--<img src="https://static.igem.org/mediawiki/2017/2/27/Lubbock_TTU_032617_1.jpeg" align="left" width="300" hspace="15">-->
+
−
<p align="left">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>
+
  
−
<a class="lightbox" href="#dog"><img src="http://i.huffpost.com/gen/749263/original.jpg"/></a>
+
  </div> <!-- end class content -->
−
<div class="lightbox-target" id="dog">
+
</div> <!-- end class main -->
−
<img src="http://i.huffpost.com/gen/749263/original.jpg"/><a class="lightbox-close" href="#"></a>
+
−
</div>
+
  
−
<a class="lightbox" href="#dog"><img src="http://i.huffpost.com/gen/749263/original.jpg"/></a>
 
−
<div class="lightbox-target" id="dog">
 
−
<img src="http://i.huffpost.com/gen/749263/original.jpg"/><a class="lightbox-close" href="#"></a>
 
 
</div>
 
</div>
−
 
+
</center>
−
</br></br><b>Tip:</b> Click any image to enlarge.</div>
+
−
    </div>
+
−
    <footer class="post-meta">
+
−
      <ul>
+
−
        <li>
+
−
          <i class="fa fa-clock-o" aria-hidden="true"></i>
+
−
          <time datetime="03-26-2017" itemprop="datePublished">03-26-2017</time>
+
−
        </li>
+
−
      </ul>
+
−
    </footer>
+
−
  </article>
+
 
</div>
 
</div>
 +
<!-- END SECTION 1 -->
  
−
</br>
+
<!-- SECTION 2 -->
−
<div class="page">
+
<div style="background-color:#f7f7f7; overflow: auto;" class="clear_fix">
−
  <article class="post" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
+
<center></br></br>
−
    <meta content="en" itemprop="inLanguage" />
+
<font face="Arial" size="5">&mdash; What should this page have? &mdash;</font></center>
−
        <h2 itemprop="headline"><a href="#"></br>Title 4</a></h2>
+
<div class="col-sm-1"></div>
−
    <div class="abstract" itemprop="description">
+
<div class="col-sm-10"><font size="4">
−
<p>The iGEM Raiders team attended a dinner to get to know one another.</p>
+
</br><ul>
−
    </div>
+
<li>Chronological notes of what your team is doing.</li>
−
    <footer class="post-meta">
+
<li> Brief descriptions of daily important events.</li>
−
      <ul>
+
<li>Pictures of your progress. </li>
−
        <li>
+
<li>Mention who participated in what task.</li>
−
          <i class="fa fa-clock-o" aria-hidden="true"></i>
+
</ul>
−
          <time datetime="03-28-2017" itemprop="datePublished">03-28-2017</time>
+
</font></br></br></div>
−
        </li>
+
<div class="col-sm-1"></div>
−
      </ul>
+
−
    </footer>
+
−
  </article>
+
 
</div>
 
</div>
−
<!-- end of blog posts -->
+
<!-- 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