Difference between revisions of "Template:Hawaii"

(Navigation, footer, and major styles for all pages.)
(Navigation, footer, and major styles for all pages.)
Line 1: Line 1:
 
<html>
 
<html>
−
  <div id="triangle"></div>
+
<script>
−
  <div id="container">
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
    <!-- Navigation Bar Start -->
+
−
    <nav id="top-nav">
+
−
      <ul>
+
−
        <li>
+
−
          <a href="index.html">Home</a>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
          <a href="team.html">Team</a>
+
−
          <i class="fas fa-angle-down"></i>
+
−
          <div class="dropdown-content">
+
−
            <div><a href="experiments.html">Team Members</a></div>
+
−
            <div><a href="notebook.html">Collaborations</a></div>
+
−
          </div>
+
−
        </li>
+
  
−
        <li class="dropdown">
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
          <a href="project.html">Project</a>
+
</script>
−
          <i class="fas fa-angle-down"></i>
+
−
          <div class="dropdown-content">
+
−
            <div><a href="description.html">Description</a></div>
+
−
            <div><a href="design.html">Design</a></div>
+
−
            <div><a href="parts.html">Experiments</a></div>
+
−
            <div><a href="html/notebook.html">Notebook</a></div>
+
−
            <div><a href="interlab.html">Interlab</a></div>
+
−
            <div><a href="model.html">Model</a></div>
+
−
            <div><a href="results.html">Results</a></div>
+
−
            <div><a href="demonstrate.html">Demonstrate</a></div>
+
−
            <div><a href="improve.html">Improve</a></div>
+
−
            <div><a href="attributions.html">Attributions</a></div>
+
−
          </div>
+
−
        </li>
+
  
−
        <li class="dropdown">
 
−
          <a href="parts.html">Parts</a>
 
−
          <i class="fas fa-angle-down"></i>
 
−
          <div class="dropdown-content">
 
−
            <div><a href="parts_overview.html">Parts Overview</a></div>
 
−
            <div><a href="basic_parts.html">Basic Parts</a></div>
 
−
            <div><a href="composite_parts.html">Composite Parts</a></div>
 
−
            <div><a href="part_collection.html">Part Collection</a></div>
 
−
          </div>
 
−
        </li>
 
  
−
        <li>
+
<style>
−
          <a href="safety.html">Safety</a>
+
/**************************************************************************************************************************************************************************************************/
−
        </li>
+
  
−
        <li class="dropdown">
 
−
          <a href="html/human.html">Human Practices</a>
 
−
          <i class="fas fa-angle-down"></i>
 
−
          <div class="dropdown-content">
 
−
            <div><a href="human.html">Human Practices</a></div>
 
−
            <div><a href="education.html">Education and Engagement</a></div>
 
−
          </div>
 
−
        </li>
 
  
−
        <li class="dropdown">
 
−
          <a href="html/awards.html">Awards</a>
 
−
          <i class="fas fa-angle-down"></i>
 
−
          <div class="dropdown-content">
 
−
            <div><a href="applied_design.html">Applied Design</a></div>
 
−
            <div><a href="entrepreneurship.html">Entrepreneurship</a></div>
 
−
            <div><a href="hardware.html">Hardware</a></div>
 
−
            <div><a href="model.html">Model</a></div>
 
−
            <div><a href="plant.html">Plant</a></div>
 
−
            <div><a href="software.html">Software</a></div>
 
−
          </div>
 
−
        </li>
 
−
      </ul>
 
−
    </nav>
 
  
−
    <!-- Navigation Bar End -->
+
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
  
−
    <!-- Content Start -->
 
−
    <div id="content">
 
−
      <section id="section1">
 
−
        <h1>Description</h1>
 
−
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cum, earum reprehenderit, tempora vitae eum inventore molestiae, incidunt ut eius a. Consectetur, minima, quia. Vitae modi a, fuga dignissimos. Velit?
 
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad voluptatum ipsum dolor quam explicabo sed, autem maiores quibusdam quod alias repellat dolores debitis fugit. Beatae facere eveniet laborum est deserunt!
 
−
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci autem eum laboriosam fugiat aperiam qui deserunt aliquam, voluptas aspernatur eius. Minima sapiente ipsa id perspiciatis eius esse vel, saepe qui.</p>
 
−
      </section>
 
−
    </div>
 
−
    <!-- Content End -->
 
  
−
    <!-- Footer Start -->
+
#home_logo, #sideMenu { display:none; }
−
    <div id="footer">
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
      <div class="footer-block">
+
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
        <div>
+
body {background-color:white; }
−
          <h3 class="footer-header">Connect with Us</h3>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
          <p>Looking to chat, collaborate, and connect? Send us an email!</p>
+
−
          <p>Email Placeholder</p>
+
−
        </div>
+
  
−
        <div id="social">
+
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
          <img src="" alt="" id="social-icon">
+
−
          <img src="" alt="" id="social-icon">
+
−
          <img src="" alt="" id="social-icon">
+
−
        </div>
+
−
      </div>
+
  
−
      <div class="footer-block">
 
−
        <div>
 
−
          <h3 class="footer-header">Where are We</h3>
 
−
          <p>University of Hawaii at Manoa</p>
 
−
          <p>1955 East West Road</p>
 
−
          <p>Honolulu, Hawaii 96822</p>
 
−
        </div>
 
−
      </div>
 
  
−
      <div class="footer-block">
+
/**************************************************************************************************************************************************************************************************/
−
        <h3>Navigation</h3>
+
/* MENU */
−
        <div id="footer-nav-links">
+
/**************************************************************************************************************************************************************************************************/
−
          <div class="footer-nav-col">
+
 
−
            <ul>
+
/*this wraps the whole of the menu*/
−
              <li><a href="#">Home</a></li>
+
.igem_2018_team_menu {
−
              <li><a href="html/project.html">Project</a></li>
+
background-color:#c4baba;
−
              <li><a href="html/notebook.html">Notebook</a></li>
+
border-left: 1px solid #c4baba;
−
              <li><a href="html/team.html">Team</a></li>
+
display:block;
−
              <li><a href="html/awards.html">Awards</a></li>
+
float:right;
−
            </ul>
+
height:100vh;
−
          </div>
+
max-width: 270px;
−
          <div class="footer-nav-col">
+
overflow-y: auto;
−
            <ul>
+
overflow-x: hidden;
−
              <li></li>
+
padding:0px;
−
            </ul>
+
position:fixed;
−
          </div>
+
right:0%;
−
        </div>
+
text-align:left;
−
      </div>
+
width: 15%;
−
    </div>
+
}
−
    <!-- Footer End -->
+
 
−
  </div>
+
 
−
</html>
+
.igem_2018_team_menu.displaying_menu{
−
<styles>
+
display:block;
 +
}
 +
 
 +
.igem_2018_team_menu  a {
 +
color: #484848;
 +
text-decoration:none;
 +
}
 +
 
 +
.igem_2018_team_menu img {
 +
width:100%;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .menu_item {
 +
    background-color: #c4baba;
 +
    border-bottom: 1px solid #928b8b;
 +
    clear: both;
 +
color: #484848;
 +
    cursor: pointer;
 +
float: left;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    padding: 15px 0px 15px 5%;
 +
  width: 100%;
 +
}
 +
 
 +
.igem_2018_team_menu .menu_item.direct_link {
 +
color: #484848;
 +
padding-left: 15%;
 +
}
 +
.igem_2018_team_menu .menu_item:hover {
 +
background-color: #ecb656;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .menu_item .submenu_control_icon {
 +
color: #484848;
 +
float: left;
 +
width: 10%;
 +
}
 +
 
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 +
content: "+";
 +
}
 +
 
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 +
content: "-";
 +
}
 +
 
 +
/*submenu wrapper*/
 +
.igem_2018_team_menu .submenu{
 +
background-color: #e4dede;
 +
clear:both;
 +
display:none;
 +
float: left; 
 +
width:100%;
 +
}
 +
 
 +
/*styling for a submenu item*/
 +
.igem_2018_team_menu .submenu .submenu_item {
 +
border-bottom: 1px solid #c4baba;
 +
  color: #635d5d;
 +
    height: 30px;
 +
  float: left;
 +
    font-size: 110%;
 +
font-weight: bold;
 +
    padding: 12px 0px 0px 15%;
 +
    width: 100%;
 +
}
 +
 
 +
.igem_2018_team_menu .submenu .submenu_item:hover {
 +
background-color: #f3bd5d;
 +
}
 +
 
 +
 
 +
.igem_2018_team_menu .submenu .submenu_item.current_page,
 +
.igem_2018_team_menu .menu_item.current_page,
 +
.igem_2018_team_menu .menu_item.direct_link.current_page {
 +
background-color:#7acbd8;
 +
}
 +
 
 +
 
 +
 
 +
/*mobile menu bar styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
.igem_2018_team_mobile_bar {
 +
background-color:#e4dede;
 +
border-bottom: 1px solid #c4baba;
 +
cursor:pointer;
 +
display:none;
 +
float:left;
 +
margin-top: 0;
 +
padding: 5px 0;
 +
position:fixed;
 +
width:100%;
 +
}
 +
 
 +
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
 
 +
.igem_logo_mobile {
 +
float:left;
 +
padding-left: 5%;
 +
width: 30%;
 +
}
 +
 
 +
.igem_menu_control_mobile img {
 +
width:25px;
 +
}
 +
 
 +
.igem_menu_control_mobile {
 +
float:right;
 +
padding-right:5%;
 +
padding-top:5px;
 +
text-align:right;
 +
width: 30%;
 +
}
 +
 
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/* CONTENT OF THE PAGE */
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
/* general wrapper for the content */
 +
.igem_2018_team_content {
 +
background-color:white;
 +
display:block;
 +
width: 87%;
 +
}
 +
 
 +
/* subwrapper to center content */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper {
 +
margin:auto;
 +
max-width: 1400px;
 +
width:90%;
 +
}
 +
 
 +
 
 +
 
 +
/*general styling*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 
@import url('https://fonts.googleapis.com/css?family=Cabin:700|Cabin+Condensed|Raleway|Roboto+Condensed|Open+Sans+Condensed:300|Work+Sans|Tajawal|Fjalla+One|Noto+Sans|EB+Garamond|Oswald');
 
@import url('https://fonts.googleapis.com/css?family=Cabin:700|Cabin+Condensed|Raleway|Roboto+Condensed|Open+Sans+Condensed:300|Work+Sans|Tajawal|Fjalla+One|Noto+Sans|EB+Garamond|Oswald');
 
body {
 
body {
Line 257: Line 319:
 
}
 
}
  
−
</styles>
+
 
 +
/*layout classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 +
 
 +
 +
/*support classes*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
 
 +
 
 +
/*mobile*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
.igem_2018_team_content { width: 85%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
.igem_2018_team_menu .menu_item { font-size:100%;}
 +
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
@media only screen and (max-width: 1001px) {
 +
.igem_2018_team_menu {display:block;}
 +
}
 +
 
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1000px) {
 +
.igem_2018_team_content {width:100%; margin-left:0px;}
 +
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 +
.igem_2018_team_mobile_bar {display:block;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 +
 
 +
}
 +
 
 +
 
 +
@media only screen and (max-width: 500px) {
 +
.igem_2018_team_menu {min-width:100%; width:100%; }
 +
}
 +
 
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
  <div id="container">
 +
    <!-- Navigation Bar Start -->
 +
    <nav id="top-nav">
 +
      <ul>
 +
        <li>
 +
          <a href="../index.html">Home</a>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="team.html">Team</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="team.html">Team Members</a></div>
 +
            <div><a href="collaborations.html">Collaborations</a></div>
 +
          </div>
 +
        </li>
 +
 
 +
        <li class="dropdown">
 +
          <a href="project.html">Project</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="description.html">Description</a></div>
 +
            <div><a href="design.html">Design</a></div>
 +
            <div><a href="parts.html">Experiments</a></div>
 +
            <div><a href="#">Notebook</a></div>
 +
            <div><a href="interlab.html">Interlab</a></div>
 +
            <div><a href="model.html">Model</a></div>
 +
            <div><a href="results.html">Results</a></div>
 +
            <div><a href="demonstrate.html">Demonstrate</a></div>
 +
            <div><a href="improve.html">Improve</a></div>
 +
            <div><a href="attributions.html">Attributions</a></div>
 +
          </div>
 +
        </li>
 +
 
 +
        <li class="dropdown">
 +
          <a href="parts.html">Parts</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="parts_overview.html">Parts Overview</a></div>
 +
            <div><a href="basic_parts.html">Basic Parts</a></div>
 +
            <div><a href="composite_parts.html">Composite Parts</a></div>
 +
            <div><a href="part_collection.html">Part Collection</a></div>
 +
          </div>
 +
        </li>
 +
 
 +
        <li>
 +
          <a href="safety.html">Safety</a>
 +
        </li>
 +
 
 +
        <li class="dropdown">
 +
          <a href="html/human.html">Human Practices</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="human.html">Human Practices</a></div>
 +
            <div><a href="education.html">Education and Engagement</a></div>
 +
          </div>
 +
        </li>
 +
 
 +
        <li class="dropdown">
 +
          <a href="html/awards.html">Awards</a>
 +
          <i class="fas fa-angle-down"></i>
 +
          <div class="dropdown-content">
 +
            <div><a href="applied_design.html">Applied Design</a></div>
 +
            <div><a href="entrepreneurship.html">Entrepreneurship</a></div>
 +
            <div><a href="hardware.html">Hardware</a></div>
 +
            <div><a href="model.html">Model</a></div>
 +
            <div><a href="plant.html">Plant</a></div>
 +
            <div><a href="software.html">Software</a></div>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
 
 +
    <!-- Navigation Bar End -->
 +
 
 +
  <!-- Content Start -->
 +
  <div id="notebook-content-container">
 +
    <div id="notebook-content-overview" class="big-section">
 +
      <div class="month" id="first-month">
 +
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQAe8h190IHL5Xwm2RuY1k5TCOleKsetvOkPmgBKZLIffSlPFgk" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>May</h1>
 +
        </div>
 +
      </div>
 +
      <div class="month">
 +
        <img src="https://www.walldevil.com/wallpapers/a77/background-color-solid-yellow-earth-images.jpg" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>June</h1>
 +
        </div>
 +
      </div>
 +
      <div class="month">
 +
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTVqo9mmIsYbh0XQ_XOjhmxIse1S2JdN6lmynGUCrrNL9QOAFUK" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>July</h1>
 +
        </div>
 +
      </div>
 +
      <div class="month">
 +
        <img src="https://d2d00szk9na1qq.cloudfront.net/Product/90fdcbf6-7a62-4d24-9548-3a5b1b7efdd1/Images/Large_0419643.jpg" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>August</h1>
 +
        </div>
 +
      </div>
 +
      <div class="month">
 +
        <img src="https://www.boredart.com/wp-content/uploads/2017/02/light-yellow.jpg" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>September</h1>
 +
        </div>
 +
      </div>
 +
      <div class="month">
 +
        <img src="https://ih1.redbubble.net/image.425764990.6558/flat,800x800,070,f.u6.jpg" width="100%" height="85%" alt="">
 +
        <div class="month-caption">
 +
          <h1>October</h1>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div id="notebook-content-organizer" class="big-section">
 +
      <h2 id="month-experiments">Experiments</h2>
 +
      <div id="notebook-organizer">
 +
        <p>SDS PAGE</p>
 +
        <p>Agarose Gel</p>
 +
        <p>Induction</p>
 +
        <p>Transformation</p>
 +
        <p>Digestion</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <div id="notebook-content-detail" class="big-section">
 +
      <div id="notebook-lessons-learned">
 +
        <div id="notebook-lessons-title">
 +
          <h1>Lessons Learned</h1>
 +
        </div>
 +
        <div id="notebook-lessons-inner">
 +
          <p>Lorem id eaque ducimus lcessitatibus sapiente optio, doloremque ullam natus.dsdf -Ryan</p>
 +
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae voluptatem doloremque dicta, harum maiores tenetur illo dolore obcaecati delectus, ipsum nesciunt labore ducimus facere eum laudantium perferendis itaque voluptates perspiciatis! -Shelby</p>
 +
          <p>Lorem ipsum dolor sit ae ipsum omnis facere laborioiores, consequuntur quo sit dignissimos culpa repudiandae iste. -John</p>
 +
        </div>
 +
      </div>
 +
      <div id="notebook-content">
 +
        <div id="notebook-content-inner">
 +
          <div class="week">
 +
            <h2 class="week-title">May 1 - May 7</h2>
 +
            <i class="fas fa-angle-down"></i>
 +
            <div class="notebook-content-text">
 +
              <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
 +
              <h3 class="notebook-subtitle">Subtitle 1</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 2</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 3</h3>
 +
            </div>
 +
          </div>
 +
          <div class="week">
 +
            <h2 class="week-title">May 8 - May 15</h2>
 +
            <i class="fas fa-angle-down"></i>
 +
            <div class="notebook-content-text">
 +
              <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
 +
              <h3 class="notebook-subtitle">Subtitle 1</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 2</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 3</h3>
 +
            </div>
 +
          </div>
 +
          <div class="week">
 +
            <h2 class="week-title">May 16 - May 23</h2>
 +
            <i class="fas fa-angle-down"></i>
 +
            <div class="notebook-content-text">
 +
              <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
 +
              <h3 class="notebook-subtitle">Subtitle 1</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 2</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 3</h3>
 +
            </div>
 +
          </div>
 +
          <div class="week">
 +
            <h2 class="week-title">May 24 - May 30</h2>
 +
            <i class="fas fa-angle-down"></i>
 +
            <div class="notebook-content-text">
 +
              <h5 class="summary">Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.</h5>
 +
              <h3 class="notebook-subtitle">Subtitle 1</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 2</h3>
 +
              <p class="notebook-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.</p>
 +
              <h3 class="notebook-subtitle">Subtitle 3</h3>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div id="notebook-ender">
 +
 
 +
    </div>
 +
 
 +
  </div>
 +
  <!-- Content End -->
 +
 
 +
  <!-- Footer Start -->
 +
  <div id="footer">
 +
    <div class="footer-block">
 +
      <div>
 +
        <h3 class="footer-header">CONNECT WITH US</h3>
 +
        <p>Looking to chat, collaborate, and connect? Send us an email!</p>
 +
        <p>igemhawaii2018@gmail.com</p>
 +
      </div>
 +
 
 +
      <div id="social">
 +
        <img src="" alt="" id="social-icon">
 +
        <img src="" alt="" id="social-icon">
 +
        <img src="" alt="" id="social-icon">
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="footer-block">
 +
      <div>
 +
        <h3 class="footer-header">WHERE ARE WE</h3>
 +
        <p>University of Hawaii at Manoa</p>
 +
        <p>1955 East West Road</p>
 +
        <p>Honolulu, Hawaii 96822</p>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="footer-block">
 +
      <h3>NAVIGATION</h3>
 +
      <div id="footer-nav-links">
 +
        <div class="footer-nav-col">
 +
          <ul>
 +
            <li><a href="home.html">Home</a></li>
 +
            <li><a href="project.html">Project</a></li>
 +
            <li><a href="#">Notebook</a></li>
 +
            <li><a href="team.html">Team</a></li>
 +
            <li><a href="medals.html">Medals</a></li>
 +
          </ul>
 +
        </div>
 +
        <div class="footer-nav-col">
 +
          <ul>
 +
            <li></li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <!-- Footer End -->
 +
</div>
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
<div class="igem_2018_team_content">
 +
<div class="igem_2018_team_column_wrapper">
 +
<div class="clear extra_space"></div>
 +
<div class="clear extra_space"></div>

Revision as of 03:50, 21 June 2018

May

June

July

August

September

October

Experiments

SDS PAGE

Agarose Gel

Induction

Transformation

Digestion

Lessons Learned

Lorem id eaque ducimus lcessitatibus sapiente optio, doloremque ullam natus.dsdf -Ryan

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae voluptatem doloremque dicta, harum maiores tenetur illo dolore obcaecati delectus, ipsum nesciunt labore ducimus facere eum laudantium perferendis itaque voluptates perspiciatis! -Shelby

Lorem ipsum dolor sit ae ipsum omnis facere laborioiores, consequuntur quo sit dignissimos culpa repudiandae iste. -John

May 1 - May 7

Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.

Subtitle 3

May 8 - May 15

Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.

Subtitle 3

May 16 - May 23

Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.

Subtitle 3

May 24 - May 30

Summary Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae laborum quidem sint odio ut, incidunt omnis nostrum soluta quaerat! Minus consequuntur perspiciatis quis facere repellendus soluta sunt fugiat quisquam? Velit.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt laboriosam accusamus accusantium excepturi sed nemo atque quam officiis cumque eveniet sunt tempore assumenda eligendi natus veniam eaque dolores, impedit repudiandae.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate debitis cumque reprehenderit veniam, reiciendis doloribus incidunt nobis eius molestias voluptate ab error iure! Odit voluptatem earum, sapiente eum incidunt dolore.

Subtitle 3