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

 
(226 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Team:LUBBOCK_TTU/test2}}
+
{{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>
−
<head>  
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  
−
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
+
<!-- Font Awesome -->
−
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
+
<!-- End Font Awesome -->
−
<link rel="stylesheet" href="https://2014.igem.org/Team:Imperial/Resources/CSS:wiki?action=raw&ctype=text/css">
+
  
−
<body>
+
<!-- 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 -->
  
−
<nav id="navigation" class="site-navigation" role="navigation">
+
<!--DEFAULT WIKI SETTINGS-->
−
<ul class="menu">
+
<style> /* Clear the default wiki settings */
−
<li class="menu-item"><a href="LINK">    Awards    </a>
+
#home_logo, #sideMenu { display:none; }
−
        <ul class="dropdown">
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Applied_Design">Applied Design</a></li>
+
#content { width:100%; padding:0px; margin-top:1px; margin-left:0px;}
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Entrepreneurship">Entrepreneurship</a></li>
+
body {background-color:white; }
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Hardware">Hardware</a></li>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Measurement">Measurement</a></li>
+
</style>
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Model">Model</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Plant">Plant</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Software">Software</a></li>
+
−
        </ul></li>
+
−
<li class="menu-item"><a href="LINK">    Human Practices    </a>
+
−
        <ul class="dropdown">
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP/Silver">Silver HP</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/HP/Gold_Integrated">Integrated & Gold</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Engagement">Public Engagement</a></li>
+
−
        </ul></li>
+
−
<li class="menu-item"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Safety">    Safety    </a></li>
+
−
<li class="menu-item"><a href="">    Parts    </a>
+
−
        <ul class="dropdown">
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Parts">Parts</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Basic_Part">Basic Parts</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Composite_Part">Composite Parts</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Part_Collection">Part Collection</a></li>
+
−
        </ul></li>
+
−
<li class="menu-item"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Notebook">    Notebook    </a></li>
+
−
<li class="menu-item"><a href="">    Project Info  </a>
+
−
        <ul class="dropdown">
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Description">Description
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Design">Design</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Experiments">Experiments</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/InterLab">InterLab</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Contribution">Contribution</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Model">Model</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Results">Results</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Demonstrate">Demonstrate</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Improve">Improve</a></li>
+
−
        <li class="menu-item sub-menu"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Attributions">Attributions</a></li>
+
−
        </ul></li>
+
−
<li class="menu-item"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Collaborations">    Collaborations    </a></li>
+
−
<li class="menu-item"><a href="https://2017.igem.org/Team:LUBBOCK_TTU/Team">    Meet the Team    </a></li>
+
−
<li class="menu-item"><a href="https://2017.igem.org/Team:LUBBOCK_TTU">    Home    </a></li>
+
−
</nav>
+
−
<br>
+
−
<br>
+
−
<p>
+
  
−
<!-- end of menu -->
+
<!-- FOOTER CSS -->
 +
<style>
 +
/**
 +
* Demo Styles
 +
*/
  
−
<div class="column full_size">
+
html {
−
<h1>Notebook</h1>
+
  height: 100%;
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
  box-sizing: border-box;
−
</div>
+
}
−
<div class="clear"></div>
+
  
 +
*,
 +
*:before,
 +
*:after {
 +
  box-sizing: inherit;
 +
}
  
−
<div class="column full_size">
+
body {
−
<h5>What should this page have?</h5>
+
  position: relative;
−
<ul>
+
  margin: 0;
−
<li>Chronological notes of what your team is doing.</li>
+
  <!--padding-bottom: 6rem;-->
−
<li> Brief descriptions of daily important events.</li>
+
  min-height: 100%;
−
<li>Pictures of your progress. </li>
+
}
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column full_size">
+
/**
−
<h5>Inspiration</h5>
+
* Footer Styles
−
<p>You can see what others teams have done to organize their notes:</p>
+
*/
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
−
</ul>
+
−
</div>
+
  
−
<!-- Timeline HTML -->
+
.footer {
−
<div class="column full_size">
+
  position: absolute;
−
<section id=timeline>
+
  right: 0;
−
<h1>A Flexbox Timeline</h1>
+
  bottom: -900;
−
<p class="leader">All cards must be the same height and width for space calculations on large screens.</p>
+
  left: 0;
−
<div class="demo-card-wrapper">
+
  padding: 1rem;
−
<div class="demo-card demo-card--step1">
+
  background-color: #fff;
−
<div class="head">
+
  text-align: center;
−
<div class="number-box">
+
}
−
<span>01</span>
+
</style>
−
</div>
+
<!-- END FOOTER CSS -->
−
<h2><span class="small">Subtitle</span> Technology</h2>
+
−
</div>
+
−
<div class="body">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta reiciendis deserunt doloribus consequatur, laudantium odio dolorum laboriosam.</p>
+
−
<img src="http://placehold.it/1000x500" alt="Graphic">
+
−
</div>
+
−
</div>
+
  
−
<div class="demo-card demo-card--step2">
 
−
<div class="head">
 
−
<div class="number-box">
 
−
<span>02</span>
 
−
</div>
 
−
<h2><span class="small">Subtitle</span> Confidence</h2>
 
−
</div>
 
−
<div class="body">
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta reiciendis deserunt doloribus consequatur, laudantium odio dolorum laboriosam.</p>
 
−
<img src="http://placehold.it/1000x500" alt="Graphic">
 
−
</div>
 
−
</div>
 
  
−
<div class="demo-card demo-card--step3">
+
<!-- TABS CSS -->
−
<div class="head">
+
<style>  
−
<div class="number-box">
+
  *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
−
<span>03</span>
+
−
</div>
+
  h1 {padding: 100px 0; font-weight: 400; text-align: center;}
−
<h2><span class="small">Subtitle</span> Adaptation</h2>
+
  <!--p {margin: 0 0 20px; line-height: 1.5;}-->
−
</div>
+
−
<div class="body">
+
  .main {margin: 0 auto; min-width: 320px; max-width: 90%;}
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta reiciendis deserunt doloribus consequatur, laudantium odio dolorum laboriosam.</p>
+
  .content {background: #; color: #;}
−
<img src="http://placehold.it/1000x500" alt="Graphic">
+
  .content > div {display: none;}
−
</div>
+
−
</div>
+
  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;} }
  
−
<div class="demo-card demo-card--step4">
+
hr { margin-top: 1px; margin-bottom: 15px }
−
<div class="head">
+
−
<div class="number-box">
+
−
<span>04</span>
+
−
</div>
+
−
<h2><span class="small">Subtitle</span> Consistency</h2>
+
−
</div>
+
−
<div class="body">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta reiciendis deserunt doloribus consequatur, laudantium odio dolorum laboriosam.</p>
+
−
<img src="http://placehold.it/1000x500" alt="Graphic">
+
−
</div>
+
−
</div>
+
  
−
<div class="demo-card demo-card--step5">
+
</style>
−
<div class="head">
+
<!-- END TABS CSS -->
−
<div class="number-box">
+
−
<span>05</span>
+
−
</div>
+
−
<h2><span class="small">Subtitle</span> Conversion</h2>
+
−
</div>
+
−
<div class="body">
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta reiciendis deserunt doloribus consequatur, laudantium odio dolorum laboriosam.</p>
+
−
<img src="http://placehold.it/1000x500" alt="Graphic">
+
−
</div>
+
−
</div>
+
−
   
+
−
</div>
+
−
</section> <!-- end of timeline HTML -->
+
−
</div> <!-- end of timeline column -->
+
  
−
</br>
+
<!-- TEAM CSS -->
 +
<style>
 +
html {
 +
  box-sizing: border-box;
 +
}
  
−
</body>
+
*, *:before, *:after {
 +
  box-sizing: inherit;
 +
}
  
−
<!-- timeline CSS -->
+
.column {
−
<script><style>
+
  float: left;
−
/* Media Queries */
+
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 +
}
  
−
@mixin mq-xs {
+
@media (max-width: 650px) {
−
  @media (min-width: 320px) {
+
  .column {
−
     @content;
+
     width: 100%;
 +
    display: block;
 
   }
 
   }
 
}
 
}
  
−
@mixin mq-sm {
+
.card {
−
   @media (min-width: 480px) {
+
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
−
    @content;
+
−
  }
+
 
}
 
}
  
−
@mixin mq-md {
+
.container {
−
   @media (min-width: 720px) {
+
   padding: 0 16px;
−
    @content;
+
−
  }
+
 
}
 
}
  
−
@mixin mq-lg {
+
.container::after, .row::after {
−
   @media (min-width: 1000px) {
+
   content: "";
−
    @content;
+
  clear: both;
−
   }
+
   display: table;
 
}
 
}
  
−
$background: #f7f7f7;
+
.title {
−
$box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
+
  color: grey;
−
$border: 1px solid rgba(191, 191, 191, 0.4);
+
}
−
$items: 5;
+
−
$rows: ceil($items/2);
+
  
−
/* Card sizing */
+
.button {
 +
  border: none;
 +
  outline: 0;
 +
  display: inline-block;
 +
  padding: 8px;
 +
  color: white;
 +
  background-color: #000;
 +
  text-align: center;
 +
  cursor: pointer;
 +
  width: 100%;
 +
}
  
−
$card-height: 400px;
+
.button:hover {
−
$card-width: 450px;
+
  background-color: #555;
−
$inner-margin: 15px;
+
}
−
$number-size: 35px;
+
</style>
−
$stagger: 180px;
+
<!-- END TEAM CSS -->
−
$outer-margin: 90px;
+
−
$marker-size: 9px;
+
  
−
/* Colors */
+
<body>
  
−
$steps: #46b8e9;
+
<!-- SECTION 1 -->
−
$colors: #46b8e9,
+
<div style="background-color:#ffffff; overflow: auto;" class="clear_fix">
−
#3ee9d1,
+
<center>
−
#ce43eb,
+
</br></br>
−
#4d92eb;
+
<font face="Arial" size="6"></br><i class="fa fa-book" style="font-size:30px;color:black;"></i>&nbsp;&nbsp;Notebook</font></br></br>
−
$timeline: #bdbdbd;
+
<div class="col-sm-12">
  
−
/* Calculations */
+
<div class="main">
  
−
$container-height: $rows * ($card-height + $outer-margin) + $stagger;
+
  <input id="tab1" type="radio" name="tabs" checked>
−
$container-width: $card-width*2 + $outer-margin*3;
+
  <label for="tab1">March</label>
−
$head-height: $number-size + 50;
+
−
$body-height: $card-height - $head-height;
+
  <input id="tab2" type="radio" name="tabs">
−
$marker-dist: $card-width + $outer-margin/2 - $marker-size/2;
+
  <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>
  
−
/* Placeholders */
+
  <input id="tab5" type="radio" name="tabs">
 +
  <label for="tab5">July</label>
  
−
@include mq-lg {
+
  <input id="tab6" type="radio" name="tabs">
−
  %arrow {
+
  <label for="tab6">August</label>
−
    position: absolute;
+
−
    content: "";
+
−
    width: 0;
+
−
    height: 0;
+
−
    border-top: 15px solid transparent;
+
−
    border-bottom: 15px solid transparent;
+
−
  }
+
−
  %marker {
+
−
    position: absolute;
+
−
    content: "";
+
−
    width: $marker-size;
+
−
    height: $marker-size;
+
−
    background-color: $timeline;
+
−
    border-radius: $marker-size;
+
−
    box-shadow: 0px 0px 2px 8px $background;
+
−
  }
+
−
}
+
  
 +
  <input id="tab7" type="radio" name="tabs">
 +
  <label for="tab7">September</label>
  
−
/* Some Cool Stuff */
+
  <input id="tab8" type="radio" name="tabs">
 +
  <label for="tab8">October</label>
  
−
$counter: $items - $rows + 2;
+
  <div class="content"> 
−
@for $i from 1 through $rows {
+
  <div id="content1">
−
   .demo-card:nth-child(#{$i*2-1})  { order: $i }
+
<!-- Tab 1 Content --><!-- MARCH -->
−
  .demo-card:nth-child(#{$i*2})    { order: $counter }
+
<hr>
−
  $counter: $counter + 1;
+
<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>
  
−
/* Border Box */
+
    <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
        <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>
  
−
* {
+
  <div class="panel panel-default">
−
  box-sizing: border-box;
+
      <div class="panel-heading">
−
}
+
        <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>
  
−
/* Fonts */
+
  </div>
 +
</div>
 +
<!-- End Tab 1 -->
 +
</br>
 +
  </div>
  
−
body {
+
  <div id="content2">
−
  font-family: Roboto;
+
<!-- Tab 2 Content --><!-- APRIL -->
−
}
+
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
#timeline {
+
  <div class="panel panel-default">
−
  padding: 100px 0;
+
      <div class="panel-heading">
−
  background: $background;
+
        <h4 class="panel-title">
−
  border-top: $border;
+
          <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>
−
  border-bottom: $border;
+
        </h4>
−
  h1 {
+
      </div>
−
    text-align: center;
+
      <div id="collapse5" class="panel-collapse collapse">
−
    font-size: 3rem;
+
        <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>
−
    font-weight: 200;
+
      </div>
−
    margin-bottom: 20px;
+
     </div>
−
  }
+
 
−
  p.leader {
+
  <div class="panel panel-default">
−
    text-align: center;
+
      <div class="panel-heading">
−
    max-width: 90%;
+
        <h4 class="panel-title">
−
    margin: auto;
+
          <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>
−
     margin-bottom: 45px;
+
        </h4>
−
  }
+
       </div>
−
  .demo-card-wrapper {
+
       <div id="collapse6" class="panel-collapse collapse">
−
    position: relative;
+
        <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>
−
    margin: auto;
+
       </div>
−
    @include mq-lg {
+
     </div>
−
       display: flex;
+
 
−
       flex-flow: column wrap;
+
  <div class="panel panel-default">
−
      width: $container-width;
+
       <div class="panel-heading">
−
      height: $container-height;
+
        <h4 class="panel-title">
−
       margin: 0 auto;
+
          <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>
−
    &::after {
+
       </div>
−
      z-index: 1;
+
       <div id="collapse7" class="panel-collapse collapse">
−
       content: "";
+
         <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>
−
      position: absolute;
+
       </div>
−
      top: 0;
+
     </div>
−
      bottom: 0;
+
 
−
       left: 50%;
+
   </div>
−
       border-left: $border;
+
</div>
−
      @include mq-lg {
+
<!-- End Tab 2 -->
−
         border-left: 1px solid $timeline;
+
</br>
−
       }
+
  </div>
−
     }
+
 
−
  }
+
  <div id="content3">
−
   .demo-card {
+
<!-- Tab 3 Content -->
−
    position: relative;
+
<hr>
−
    display: block;
+
<div class="container">
−
    margin: 10px auto 80px;
+
  <div class="panel-group" id="accordion">
−
    max-width: 94%;
+
 
−
    z-index: 2;
+
  <div class="panel panel-default">
−
    @include mq-sm {
+
       <div class="panel-heading">
−
      max-width: 60%;
+
        <h4 class="panel-title">
−
      box-shadow: $box-shadow;
+
          <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>
−
    @include mq-md {
+
       </div>
−
      max-width: 40%;
+
       <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>
−
    @include mq-lg {
+
      </div>
−
       max-width: $card-width;
+
    </div>
−
      height: $card-height;
+
 
−
      margin: $outer-margin;
+
  </div>
−
      margin-top: $outer-margin/2;
+
</div>
−
       margin-bottom: $outer-margin/2;
+
<!-- End Tab 3 -->
−
       &:nth-child(odd) {
+
</br>
−
         margin-right: $outer-margin/2;
+
  </div>
−
        .head::after {
+
 
−
          @extend %arrow;
+
  <div id="content4">
−
          border-left-width: 15px;
+
<!-- Tab 4 Content -->
−
          border-left-style: solid;
+
<hr>
−
          left: 100%;
+
<div class="container">
−
        }
+
  <div class="panel-group" id="accordion">
−
        .head::before {
+
 
−
          @extend %marker;
+
  <div class="panel panel-default">
−
          left: $marker-dist + 1;
+
      <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>
−
      &:nth-child(even) {
+
         </h4>
−
        margin-left: $outer-margin/2;
+
       </div>
−
        .head::after {
+
       <div id="collapse9" class="panel-collapse collapse">
−
          @extend %arrow;
+
         <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>
−
          border-right-width: 15px;
+
       </div>
−
          border-right-style: solid;
+
     </div>
−
          right: 100%;
+
 
−
         }
+
  </div>
−
        .head::before {
+
</div>
−
           @extend %marker;
+
<!-- End Tab 4 -->
−
          right: $marker-dist - 1;
+
</br>
−
         }
+
  </div>
−
       }
+
 
−
       &:nth-child(2) {
+
  <div id="content5">
−
         margin-top: $stagger;
+
<!-- Tab 5 Content -->
−
       }
+
<hr>
−
     }
+
<div class="container">
−
    .head {
+
  <div class="panel-group" id="accordion">
−
      position: relative;
+
 
−
      display: flex;
+
  <div class="panel panel-default">
−
      align-items: center;
+
      <div class="panel-heading">
−
      color: #fff;
+
         <h4 class="panel-title">
−
      font-weight: 400;
+
          <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>
−
      .number-box {
+
         </h4>
−
        display: inline;
+
       </div>
−
        float: left;
+
       <div id="collapse10" class="panel-collapse collapse">
−
        margin: $inner-margin;
+
         <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>
−
        padding: 10px;
+
      </div>
−
        font-size: $number-size;
+
    </div>
−
         line-height: $number-size;
+
 
−
        font-weight: 600;
+
  <div class="panel panel-default">
−
         background: rgba(0, 0, 0, 0.17);
+
      <div class="panel-heading">
−
       }
+
         <h4 class="panel-title">
−
       h2 {
+
           <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>
−
        text-transform: uppercase;
+
         </h4>
−
         font-size: 1.3rem;
+
      </div>
−
        font-weight: inherit;
+
      <div id="collapse11" class="panel-collapse collapse">
−
        letter-spacing: 2px;
+
        <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>
−
        margin: 0;
+
      </div>
−
        padding-bottom: 6px;
+
    </div>
−
        line-height: 1rem;
+
 
−
         @include mq-sm {
+
  </div>
−
           font-size: 165%;
+
</div>
−
          line-height: 1.2rem;
+
<!-- End Tab 5 -->
−
         }
+
</br>
−
        span {
+
  </div>
−
          display: block;
+
 
−
          font-size: 0.6rem;
+
  <div id="content6">
−
          margin: 0;
+
<!-- Tab 6 Content -->
−
          @include mq-sm {
+
<font size="2">August</font>
−
            font-size: 0.8rem;
+
<!-- End Tab 6 -->
−
          }
+
</br>
−
        }
+
  </div>
−
      }
+
 
−
    }
+
  <div id="content7">
−
    .body {
+
<!-- Tab 7 Content -->
−
      background: #fff;
+
<font size="2">September</font>
−
      border: $border;
+
<!-- End Tab 7 -->
−
      border-top: 0;
+
</br>
−
      padding: $inner-margin;
+
  </div>
−
      @include mq-lg {
+
 
−
        height: $body-height;
+
  <div id="content8">
−
      }
+
<!-- Tab 8 Content -->
−
      p {
+
<font size="2">October</font>
−
        font-size: 14px;
+
<!-- End Tab 8 -->
−
        line-height: 18px;
+
</br>
−
        margin-bottom: $inner-margin;
+
  </div>
−
      }
+
 
−
      img {
+
  </div> <!-- end class content -->
−
        display: block;
+
</div> <!-- end class main -->
−
        width: 100%;
+
 
−
      }
+
</div>
−
    }
+
</center>
−
    @for $i from 1 through $items {
+
</div>
−
      &--step#{$i} {
+
<!-- END SECTION 1 -->
−
        $color: nth($colors, ((($i - 1) % 4) + 1));
+
 
−
        background-color: $color;
+
<!-- SECTION 2 -->
−
        .head::after {
+
<div style="background-color:#f7f7f7; overflow: auto;" class="clear_fix">
−
          border-color: $color;
+
<center></br></br>
−
        }
+
<font face="Arial" size="5">&mdash; What should this page have? &mdash;</font></center>
−
      }
+
<div class="col-sm-1"></div>
−
    }
+
<div class="col-sm-10"><font size="4">
−
  }
+
</br><ul>
−
}
+
<li>Chronological notes of what your team is doing.</li>
−
</style></script>
+
<li> Brief descriptions of daily important events.</li>
−
<!-- end of timeline CSS -->
+
<li>Pictures of your progress. </li>
 +
<li>Mention who participated in what task.</li>
 +
</ul>
 +
</font></br></br></div>
 +
<div class="col-sm-1"></div>
 +
</div>
 +
<!-- END SECTION 2 -->
 +
 
 +
</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