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

 
(111 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;
+
*:before,
−
@include establish-baseline;
+
*:after {
−
 
+
  box-sizing: inherit;
−
* { box-sizing: border-box;}
+
}
  
 
body {
 
body {
−
   background-image: url('');
+
   position: relative;
−
   font-weight: 400;
+
   margin: 0;
−
   color: #333;
+
   <!--padding-bottom: 6rem;-->
−
   margin-top: 2em;
+
   min-height: 100%;
−
 
+
 
}
 
}
  
−
.page {
+
/**
−
   width: 800px; /* for now */
+
* Footer Styles
−
   margin: 0 auto;
+
*/
 +
 
 +
.footer {
 +
   position: absolute;
 +
   right: 0;
 +
  bottom: -900;
 +
  left: 0;
 +
  padding: 1rem;
 +
  background-color: #fff;
 +
  text-align: center;
 
}
 
}
 +
</style>
 +
<!-- END FOOTER CSS -->
  
−
.post {
+
 
−
  background: #eee;
+
<!-- TABS CSS -->
−
  @include rhythm-borders(1px);
+
<style>
−
  padding-top: 0;
+
  *, *:before, *:after {margin: 0; padding: 0; box-sizing: border-box;}
−
  padding-bottom: 0;
+
−
  border: 1px solid #ccc;
+
  h1 {padding: 100px 0; font-weight: 400; text-align: center;}
−
  @include box-shadow(rgba(0, 0, 0, 0.2) 0 0 5px 0);   
+
  <!--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;
 
}
 
}
  
−
/* Metadata */
+
*, *:before, *:after {
−
.post-meta {
+
   box-sizing: inherit;
−
   @include adjust-font-size-to(14px);
+
−
  text-align: right;  
+
 
}
 
}
  
−
.post-meta ul {
+
.column {
−
list-style: none;
+
  float: left;
 +
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 
}
 
}
  
−
.post-meta li {
+
@media (max-width: 650px) {
−
   display: inline-block;
+
   .column {
−
  margin-left: 1em;
+
    width: 100%;
−
   color: #777;
+
    display: block;
 +
   }
 
}
 
}
  
−
.post-meta a {
+
.card {
−
   color: #777;
+
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
−
  text-decoration: none;
+
 
}
 
}
  
−
.post-meta a:hover {
+
.container {
−
color: #333;  
+
  padding: 0 16px;
 
}
 
}
−
<!-- end of blog post CSS -->
 
  
−
<!-- light box css -->
+
.container::after, .row::after {
−
HTML  CSS  Result
+
  content: "";
−
EDIT ON
+
  clear: both;
−
@import url(https://fonts.googleapis.com/css?family=Bungee+Shade);
+
  display: table;
−
    .img {
+
}
−
        border-radius: 2px;
+
−
        box-shadow: 0 0 5px #343436;
+
−
        filter:brightness(1.1);
+
−
        height: 150px;
+
−
        width: 200px;
+
−
    }
+
−
    .img:target {
+
−
        height: 450px;
+
−
        width: 500px;
+
−
    }
+
−
    .img:target+.close {
+
−
        display: block;
+
−
    }
+
−
    .img:target+.close+.expand{
+
−
        display: none;
+
−
    }
+
−
    .close {
+
−
        background-image: url(https://bit.ly/29QeT21);
+
−
        background-repeat: no-repeat;
+
−
        bottom: 418px;
+
−
        display: none;
+
−
        height: 32px;
+
−
        left: 462px;
+
−
        margin-top: -32px; 
+
−
        position: relative;
+
−
        width: 32px;
+
−
    }
+
−
    .expand{
+
−
        bottom: 125px;
+
−
        margin-left: -32px;
+
−
        margin-right: 16px;
+
−
        pointer-events: none;
+
−
        position: relative;
+
−
    }
+
−
    #wrapper {
+
−
        margin: auto;
+
−
        padding: 10px;
+
−
        text-align: center;
+
−
        width: 500px;
+
−
    }
+
−
    body{
+
−
        background-image: linear-gradient(to bottom, #178FDD  68px,  antiquewhite 68px  );
+
−
        height: 1000px;
+
−
    }
+
−
    h2{
+
−
        color: #000;
+
−
        font-family: bungee shade, georgia;
+
−
        text-align: center;
+
−
        text-shadow: 0 0 2px #343436;
+
−
    }
+
−
<!-- end of light box css -->
+
  
−
</style>
+
.title {
 +
  color: grey;
 +
}
  
−
<meta charset="utf-8">
+
.button {
−
<meta name="viewport" content="width=device-width">
+
  border: none;
−
<style type="text/css">
+
  outline: 0;
−
    /* CLIENT-SPECIFIC STYLES */
+
  display: inline-block;
−
    #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
+
  padding: 8px;
−
    .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
+
  color: white;
−
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
+
  background-color: #000;
−
    body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
+
  text-align: center;
−
    table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
+
  cursor: pointer;
−
    img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
+
  width: 100%;
 +
}
  
−
    /* RESET STYLES */
+
.button:hover {
−
    body{margin:0; padding:0;}
+
  background-color: #555;
−
    img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
+
}
−
    table{border-collapse:collapse !important;}
+
</style>
−
    body{height:100% !important; margin:0; padding:0; width:100% !important;}
+
<!-- END TEAM CSS -->
  
−
    /* iOS BLUE LINKS */
+
<body>
−
    .appleBody a {color:#68440a; text-decoration: none;}
+
−
    .appleFooter a {color:#999999; text-decoration: none;}
+
  
−
    /* MOBILE STYLES */
+
<!-- SECTION 1 -->
−
    @media screen and (max-width: 525px) {
+
<div style="background-color:#ffffff; overflow: auto;" class="clear_fix">
 +
<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">
  
−
        /* ALLOWS FOR FLUID TABLES */
+
<div class="main">
−
        table[class="wrapper"]{
+
−
          width:100% !important;
+
−
        }
+
  
−
        /* ADJUSTS LAYOUT OF LOGO IMAGE */
+
  <input id="tab1" type="radio" name="tabs" checked>
−
        td[class="logo"]{
+
  <label for="tab1">March</label>
−
          text-align: left;
+
−
          padding: 20px 0 20px 0 !important;
+
  <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="logo"] img{
+
  <input id="tab5" type="radio" name="tabs">
−
          margin:0 auto!important;
+
  <label for="tab5">July</label>
−
        }
+
  
−
        /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
+
  <input id="tab6" type="radio" name="tabs">
−
        td[class="mobile-hide"]{
+
  <label for="tab6">August</label>
−
          display:none;}
+
  
−
        img[class="mobile-hide"]{
+
  <input id="tab7" type="radio" name="tabs">
−
          display: none !important;
+
  <label for="tab7">September</label>
−
        }
+
  
−
        img[class="img-max"]{
+
  <input id="tab8" type="radio" name="tabs">
−
          max-width: 100% !important;
+
  <label for="tab8">October</label>
−
          height:auto !important;
+
−
        }
+
  
−
        /* FULL-WIDTH TABLES */
+
  <div class="content"> 
−
         table[class="responsive-table"]{
+
  <div id="content1">
−
           width:100%!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>
  
−
         /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
+
    <div class="panel panel-default">
−
         td[class="padding"]{
+
      <div class="panel-heading">
−
          padding: 10px 5% 15px 5% !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>
  
−
         td[class="padding-copy"]{
+
  <div class="panel panel-default">
−
           padding: 10px 5% 10px 5% !important;
+
      <div class="panel-heading">
−
          text-align: center;
+
         <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>
  
−
        td[class="padding-meta"]{
+
  </div>
−
          padding: 30px 5% 0px 5% !important;
+
</div>
−
          text-align: center;
+
<!-- End Tab 1 -->
−
        }
+
</br>
 +
  </div>
  
−
        td[class="no-pad"]{
+
  <div id="content2">
−
          padding: 0 0 20px 0 !important;
+
<!-- Tab 2 Content --><!-- APRIL -->
−
        }
+
<hr>
 +
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
         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="#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="section-padding"]{
+
  <div class="panel panel-default">
−
           padding: 50px 15px 50px 15px !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="section-padding-bottom-image"]{
+
  <div class="panel panel-default">
−
           padding: 50px 15px 0 15px !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>
  
−
        /* ADJUST BUTTONS ON MOBILE */
+
  </div>
−
        td[class="mobile-wrapper"]{
+
</div>
−
            padding: 10px 5% 15px 5% !important;
+
<!-- End Tab 2 -->
−
        }
+
</br>
 +
  </div>
  
−
        table[class="mobile-button-container"]{
+
  <div id="content3">
−
            margin:0 auto;
+
<!-- Tab 3 Content -->
−
            width:100% !important;
+
<hr>
−
        }
+
<div class="container">
 +
  <div class="panel-group" id="accordion">
  
−
         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="#collapse8"><font size="3"><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;05/07/2017</font></a>
−
            font-size: 16px !important;
+
        </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>
  
−
    }
+
  </div>
 +
</div>
 +
<!-- End Tab 3 -->
 +
</br>
 +
  </div>
  
−
<!-- lightbox css -->
+
  <div id="content4">
−
/*Reset leafbox*/
+
<!-- Tab 4 Content -->
−
figure.leafbox img, figure.leafbox:target, a.close {top: 0;left: 0;right: 0;bottom: 0;}
+
<hr>
−
figure.leafbox {margin: 0;overflow: hidden;position: fixed;width: 100%;left: -100%;}
+
<div class="container">
−
figure.leafbox a.close {height: 100%;width: 100%;position: absolute;}
+
  <div class="panel-group" id="accordion">
−
figure.leafbox img, a.close {
+
−
  -webkit-user-select: none;
+
−
  -moz-user-select: none;
+
−
/*no hay soporte para las siguientes
+
−
  propiedades pero igual las incluyo*/
+
−
  -ms-user-select: none;
+
−
  -o-user-select: none;
+
−
/*box-sizing*/
+
−
  box-sizing: border-box;
+
−
  -webkit-box-sizing: border-box;
+
−
  -moz-box-sizing: border-box;
+
−
}
+
  
−
/*transiciones*/
+
   <div class="panel panel-default">
−
figure.leafbox:target img {
+
      <div class="panel-heading">
−
   -webkit-transition-timing-function: cubic-bezier(0.7, 0.2, 0.5, 1.6);
+
        <h4 class="panel-title">
−
  -moz-transition-timing-function: cubic-bezier(0.7, 0.2, 0.5, 1.6);
+
          <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>
−
  -o-transition-timing-function: cubic-bezier(0.7, 0.2, 0.5, 1.6);
+
        </h4>
−
  transition-timing-function: cubic-bezier(0.7, 0.2, 0.5, 1.6);
+
      </div>
−
/****/
+
      <div id="collapse9" class="panel-collapse collapse">
−
  -webkit-transition-property: transform, opacity, max-height, max-width;
+
        <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>
−
  -moz-transition-property: transform, opacity, max-height, max-width;
+
      </div>
−
  -o-transition-property: transform, opacity, max-height, max-width;
+
    </div>
−
  transition-property: transform, opacity, max-height, max-width;
+
−
/****/
+
−
  -webkit-transition-duration: 500ms;
+
−
  -moz-transition-duration: 500ms;
+
−
  -o-transition-duration: 500ms;
+
−
  transition-duration: 500ms;
+
−
/*Fix chrome
+
−
--------------------------*/
+
−
  -webkit-transform: translateZ(0);
+
−
}
+
  
−
figure.leafbox {
+
  </div>
−
  -webkit-transition: opacity 0.5s ease 0s;
+
</div>
−
  -moz-transition: opacity 0.5s ease 0s;
+
<!-- End Tab 4 -->
−
  -o-transition: opacity 0.5s ease 0s;
+
</br>
−
  transition: opacity 0.5s ease 0s;
+
  </div>
−
/*Fix chrome
+
−
--------------------------*/
+
−
  -webkit-transform: translateZ(0);
+
−
}
+
  
−
figure.leafbox {
+
  <div id="content5">
−
  background: rgba(0, 0, 0, 0.6);
+
<!-- Tab 5 Content -->
−
  opacity: 0;
+
<hr>
−
}
+
<div class="container">
−
figure.leafbox:target {opacity: 1; z-index: 9999;}
+
  <div class="panel-group" id="accordion">
  
−
figure.leafbox img {
+
   <div class="panel panel-default">
−
   background:#333;
+
      <div class="panel-heading">
−
  box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
+
        <h4 class="panel-title">
−
  box-sizing:border-box;
+
          <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>
−
  margin:auto;
+
        </h4>
−
  padding:8px;
+
      </div>
−
  position:absolute;
+
      <div id="collapse10" class="panel-collapse collapse">
−
  z-index:500;
+
        <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>
−
  transform:translateY(-40%);
+
      </div>
−
  -moz-transform:translateY(-40%);
+
    </div>
−
  -webkit-transform:translateY(-40%);
+
−
  -o-transform:translateY(-40%);
+
−
  -ms-transform:translateY(-40%);
+
−
}
+
  
−
figure.leafbox:target img, .lf-ease figure.leafbox:target img {transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);}
+
  <div class="panel panel-default">
 +
      <div class="panel-heading">
 +
        <h4 class="panel-title">
 +
          <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>
 +
        </h4>
 +
      </div>
 +
      <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>
 +
      </div>
 +
    </div>
  
−
figure.leafbox a.close {
+
   </div>
−
  display: block;
+
−
  z-index: 400;
+
−
  cursor: default;
+
−
}
+
−
 
+
−
/*Estilos de ayuda*/
+
−
.lf-ease figure.leafbox:target img, .lf-zin figure.leafbox:target img, .lf-fade figure.leafbox:target img, .lf-zout figure.leafbox:target img {
+
−
  -webkit-transition-timing-function: ease;
+
−
  -moz-transition-timing-function: ease;
+
−
  -o-transition-timing-function: ease;
+
−
  transition-timing-function: ease;
+
−
}
+
−
figure.leafbox img, .lf-zin figure.leafbox:target img, .lf-zin figure.leafbox:target img {
+
−
  max-height: 90%;
+
−
  max-width: 90%;
+
−
}
+
−
.lf-fade figure.leafbox img, .lf-zin figure.leafbox img, .lf-zout figure.leafbox img {
+
−
  transform: translateY(0px);
+
−
  -moz-transform: translateY(0px);
+
−
  -webkit-transform: translateY(0px);
+
−
  -o-transform: translateY(0px);
+
−
  -ms-transform: translateY(0px);
+
−
}
+
−
 
+
−
/*Ease*/
+
−
.lf-ease figure.leafbox img {
+
−
  transform: translateY(40%);
+
−
  -moz-transform: translateY(40%);
+
−
  -webkit-transform: translateY(40%);
+
−
  -o-transform: translateY(40%);
+
−
  -ms-transform: translateY(40%);
+
−
}
+
−
/*Fade -zin [inherit]*/
+
−
 
+
−
/*Zoom-In*/
+
−
.lf-zin figure.leafbox img {
+
−
  max-height: 0%;
+
−
  max-width: 0%;
+
−
  opacity: 1;
+
−
}
+
−
 
+
−
/*Zoom-Out*/
+
−
.lf-zout figure.leafbox img {
+
−
  transform: scale(3,2);
+
−
  -moz-transform: scale(3,2);
+
−
  -webkit-transform: scale(3,2);
+
−
  -o-transform: scale(3,2);
+
−
  -ms-transform: scale(3,2);
+
−
}
+
−
.lf-zout figure.leafbox:target img {
+
−
  transform: scale(1,1);
+
−
  -moz-transform: scale(1,1);
+
−
  -ms-transform: scale(1,1);
+
−
  -o-transform: scale(1,1);
+
−
  -webkit-transform: scale(1,1);
+
−
}
+
−
 
+
−
ul {
+
−
   margin: 0;
+
−
  padding: 0;
+
−
  text-align: center;
+
−
  font-size: 0;
+
−
  line-height: 0;
+
−
}
+
−
ul li {
+
−
  display: inline-block;
+
−
  width: 15%;
+
−
  height: 0;
+
−
  padding-bottom: 16%;
+
−
  margin: 1%;
+
−
  overflow: hidden;
+
−
}
+
−
</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>
+
  
−
<ul>
+
  </div> <!-- end class content -->
−
  <li>
+
</div> <!-- end class main -->
−
    <a class="leaf" href="#ejemplo">
+
−
      <img src="http://lorempixel.com/400/300/sports/1"/>
+
−
    </a>
+
−
    <figure id="ejemplo" class="leafbox">
+
−
      <img src="http://lorempixel.com/400/300/sports/1"/><a class="close" href="#_"></a>
+
−
    </figure>
+
−
  </li>
+
−
  <li class="lf-ease">
+
−
    <a class="leaf" href="#ejemplo2">
+
−
      <img src="http://lorempixel.com/400/300/sports/2"/>
+
−
    </a>
+
−
    <figure id="ejemplo2" class="leafbox">
+
−
      <img src="http://lorempixel.com/400/300/sports/2"/><a class="close" href="#_"></a>
+
−
    </figure>
+
−
  </li>
+
−
  <li class="lf-fade">
+
−
    <a class="leaf" href="#ejemplo3">
+
−
      <img src="http://lorempixel.com/400/300/sports/3"/>
+
−
    </a>
+
−
    <figure id="ejemplo3" class="leafbox">
+
−
      <img src="http://lorempixel.com/400/300/sports/3"/><a class="close" href="#_"></a>
+
−
    </figure>
+
−
  </li>
+
−
  <li class="lf-zin">
+
−
    <a class="leaf" href="#ejemplo4">
+
−
      <img src="http://lorempixel.com/400/300/sports/4"/>
+
−
    </a>
+
−
    <figure id="ejemplo4" class="leafbox">
+
−
      <img src="http://lorempixel.com/400/300/sports/4"/><a class="close" href="#_"></a>
+
−
    </figure>
+
−
  </li>
+
−
  <li class="lf-zout">
+
−
    <a class="leaf" href="#ejemplo5">
+
−
      <img src="http://lorempixel.com/400/300/sports/5"/>
+
−
    </a>
+
−
    <figure id="ejemplo5" class="leafbox">
+
−
      <img src="http://lorempixel.com/400/300/sports/5"/><a class="close" href="#_"></a>
+
−
    </figure>
+
−
  </li>
+
−
</ul>
+
  
−
<p><b>Tip:</b> Click any image to enlarge.</b></p>
 
−
    </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>
 +
</center>
 +
</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