Difference between revisions of "Team:KSA KOREA"

 
(37 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
<style>
 
<style>
 +
.navbar-item.has-dropdown.is-hoverable {
 +
  padding-right: 20px;
 +
}
 +
 +
 
#sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
 
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
Line 289: Line 294:
 
   /* min-height: 300px; */
 
   /* min-height: 300px; */
 
   display: inline-block;
 
   display: inline-block;
−
   margin: 30px 20px 30px 30px;
+
   /* margin: 30px 20px 30px 30px; */
 
   /* padding: 0 0 0 60px; */
 
   /* padding: 0 0 0 60px; */
 
   vertical-align: top;
 
   vertical-align: top;
 
   margin-bottom: -25px;
 
   margin-bottom: -25px;
 +
  margin-top: 30px;
 +
  margin-right: 40px;
 
}
 
}
  
Line 906: Line 913:
  
 
     .book-wrapper {
 
     .book-wrapper {
−
       height: 80vh;
+
       height: 100vh;
 
       width: 90vw;
 
       width: 90vw;
 
       margin: 0 auto;
 
       margin: 0 auto;
Line 974: Line 981:
 
margin-top: 0;
 
margin-top: 0;
 
}
 
}
 +
 +
#flip-nav .button {
 +
    color: white;
 +
    background-color: transparent;
 +
    border: none;
 +
max-width: 100%;
 +
font-size: 2em;
 +
    padding: 0;
 +
    padding-bottom: 1.5em;
 +
 +
}
 +
 +
#flip-nav .button:hover {
 +
background-color: #00d1b2;
 +
}
 +
 +
.footer {
 +
      width: 100%;
 +
      min-height: 35vh;
 +
      z-index: -1;
 +
      background: transparent url(https://static.igem.org/mediawiki/2020/e/eb/T--KSA_KOREA--footer.png) no-repeat center center;
 +
      background-size: contain;
 +
    }
 +
 +
 +
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
 +
background-color: transparent;
 +
}
 +
 +
.navbar-item img {
 +
max-height: 6rem;
 +
}
 +
 +
#bookGroup {
 +
  margin: 0 auto;
 +
  margin-bottom: 15px;
 +
}
 +
 +
iframe {
 +
display: block;
 +
margin: 0 auto;
 +
}
 +
 +
 
   </style>
 
   </style>
  
Line 983: Line 1,034:
  
 
<div class="wrap">
 
<div class="wrap">
−
     <ul class="align">
+
     <ul class="align" id="bookGroup">
 
       <li>
 
       <li>
 
         <figure class='book'>
 
         <figure class='book'>
Line 997: Line 1,048:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Description</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Description">Description</a>
−
               <a class="btn bookLink" href="#">Results</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Results">Results</a>
−
               <a class="btn bookLink" href="#">Implementation</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Measurement">Measurement</a>
−
               <a class="btn bookLink" href="#">Appendix</a>
+
              <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Modeling">Modeling</a>
 +
              <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Implementation">Implementation</a>
 +
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Appendix">Appendix</a>
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,031: Line 1,084:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Basic</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Ligninator">Ligninator</a>
−
               <a class="btn bookLink" href="#">Composite</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Biosensor">Biosensor</a>
−
               <a class="btn bookLink" href="#">Collection</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Collection">Collection</a>
−
               <a class="btn bookLink" href="#">Contribution</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Contribution">Contribution</a>
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,064: Line 1,117:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Fluorometer</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HW/Flourometer">Fluorometer</a>
−
               <a class="btn bookLink" href="#">Computer Vision</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HW/Business">Business</a>
−
              <a class="btn bookLink" href="#">Entrepreneurship</a>
+
−
              <a class="btn bookLink" href="#">Modeling</a>
+
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,097: Line 1,148:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Software 1</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Software/Biosensor">Biosensor App.</a>
 +
              <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Software/Crispy">Crispy</a>
 
          
 
          
 
             </li>
 
             </li>
Line 1,128: Line 1,180:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">overview</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Overview">Overview</a>
−
               <a class="btn bookLink" href="#">Identification</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Identification">Identification</a>
−
               <a class="btn bookLink" href="#">Integration</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Integration">Integration</a>
−
               <a class="btn bookLink" href="#">Improvement</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Improvement">Improvement</a>
 +
              <a class="btn bookLink" href="https://docs.google.com/document/d/e/2PACX-1vSt2M1WlhUYAtq64M2OOh4E0CNE-a7yO33OZq_PeJLidhzN4fS84CBk1EqZLObt9OoZd1eoCzVsr26Z/pub">Survey Analysis</a>
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,161: Line 1,214:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Education</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Education">Education</a>
−
               <a class="btn bookLink" href="#">Collaboration</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Collaboration">Collaboration</a>
−
               <a class="btn bookLink" href="#">Web Presence</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Web">Web Presence</a>
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,193: Line 1,246:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">About Us</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Members">Members</a>
−
               <a class="btn bookLink" href="#">Members</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Attributions">Attributions</a>
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,225: Line 1,278:
 
             <li></li>
 
             <li></li>
 
             <li>
 
             <li>
−
               <a class="btn bookLink" href="#">Awards</a>
+
               <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Logistics/Judging">Judging</a>
−
              <a class="btn bookLink" href="#">Judging Form</a>
+
     
−
              <a class="btn bookLink" href="#">Safety</a>
+
         
−
              <a class="btn bookLink" href="#">Attribution</a>
+
 
             </li>
 
             </li>
 
             <li></li>
 
             <li></li>
Line 1,258: Line 1,310:
 
     <nav class="navbar is-fixed-top is-primary is-spaced" role="navigation" aria-label="main navigation">
 
     <nav class="navbar is-fixed-top is-primary is-spaced" role="navigation" aria-label="main navigation">
 
       <div class="navbar-brand">
 
       <div class="navbar-brand">
−
         <a class="navbar-item" href="#">
+
         <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA">
−
           <img src="images/ksalogo.png" width="100" height="50">
+
           <img src="https://static.igem.org/mediawiki/2020/6/64/T--KSA_KOREA--logo.png" width="100" height="50">
 
         </a>
 
         </a>
 
         <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 
         <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
Line 1,269: Line 1,321:
 
       <div id="navbarBasicExample" class="navbar-menu">
 
       <div id="navbarBasicExample" class="navbar-menu">
 
         <div class="navbar-start">
 
         <div class="navbar-start">
−
           <a class="navbar-item">
+
            
−
            Home
+
−
          </a>
+
  
 
           <!-- This is end of navbar start -->
 
           <!-- This is end of navbar start -->
Line 1,284: Line 1,334:
  
 
             <div class="navbar-dropdown">
 
             <div class="navbar-dropdown">
−
               <a class="navbar-item">
+
               <a class="navbar-item has-text-light has-background-primary" href="https://2020.igem.org/Team:KSA_KOREA/Members">
 
                 Members
 
                 Members
 
               </a>
 
               </a>
−
               <a class="navbar-item has-text-light has-background-primary">
+
             
−
                Collaboration
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Attributions">
−
              </a>
+
                 Attributions
−
              <a class="navbar-item">
+
−
                 Attribution
+
 
               </a>
 
               </a>
 
             </div>
 
             </div>
Line 1,304: Line 1,352:
  
 
             <div class="navbar-dropdown">
 
             <div class="navbar-dropdown">
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Description">
−
                Description/Inspiration
+
                 Description
−
              </a>
+
−
              <a class="navbar-item">
+
−
                Design
+
−
              </a>
+
−
              <a class="navbar-item">
+
−
                Labnotes
+
−
              </a>
+
−
              <a class="navbar-item">
+
−
                 Protocol
+
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Results">
 
                 Results
 
                 Results
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Measurement">
−
                 Parts
+
                 Measurement
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Modeling">
 +
                Modeling
 
               </a>
 
               </a>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
  
−
           <!-- Device -->
+
           <!-- PARTS-->
  
 
           <div class="navbar-item has-dropdown is-hoverable ">
 
           <div class="navbar-item has-dropdown is-hoverable ">
 
             <a class="navbar-link">
 
             <a class="navbar-link">
−
               Device
+
               Parts
 
             </a>
 
             </a>
  
 
             <div class="navbar-dropdown">
 
             <div class="navbar-dropdown">
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Ligninator">
−
                 Software
+
                 Ligninator
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Biosensor">
−
                 Hardware
+
                 Biosensor
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Collection">
 +
                Collection
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Contribution">
 +
                Contribution
 
               </a>
 
               </a>
  
Line 1,347: Line 1,395:
 
               Human Practices
 
               Human Practices
 
             </a>
 
             </a>
−
 
 
             <div class="navbar-dropdown">
 
             <div class="navbar-dropdown">
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Overview">
−
                 Introduction
+
                 Overview
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Identification">
−
                 Education
+
                 Identification
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Integration">
−
                 Campaign
+
                 Integration
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Improvement">
−
                 Interviews
+
                 Improvement
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
               <a class="navbar-item" href="https://docs.google.com/document/d/e/2PACX-1vSt2M1WlhUYAtq64M2OOh4E0CNE-a7yO33OZq_PeJLidhzN4fS84CBk1EqZLObt9OoZd1eoCzVsr26Z/pub">
 
                 Survey Analysis
 
                 Survey Analysis
 
               </a>
 
               </a>
−
               <a class="navbar-item">
+
            </div>
−
                 Integrated Human Practices
+
          </div>
 +
 
 +
 
 +
        <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Hardware & Business
 +
            </a>
 +
            <div class="navbar-dropdown">
 +
               <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HW/Fluorometer">
 +
                Fluorometer
 +
              </a> 
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HW/Business">
 +
                Business
 +
              </a> 
 +
            </div>
 +
          </div>
 +
 
 +
 
 +
        <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Logistics
 +
            </a>
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Logistics/Judging">
 +
                 Judging
 
               </a>
 
               </a>
 +
             
 +
             
 +
            </div>
 +
          </div>
  
 +
        <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Communication
 +
            </a>
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Education">
 +
                Education
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Collaboration">
 +
                Collaboration
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Web">
 +
                Web Presence
 +
              </a>
 +
            </div>
 +
          </div>
 +
 +
 +
        <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Software
 +
            </a>
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Software/Biosensor">
 +
                Biosensor
 +
              </a>
 +
              <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Software/Crispy">
 +
                Crispy
 +
              </a>
 +
         
 
             </div>
 
             </div>
 
           </div>
 
           </div>
  
−
          <a class="navbar-item">
+
       
−
            Awards/Judging Form
+
−
          </a>
+
  
−
           <a class="navbar-item">
+
            
−
            Safety
+
−
          </a>
+
  
 
         </div>
 
         </div>
Line 1,390: Line 1,491:
 
      
 
      
 
          
 
          
−
        <div class="bb-item">
+
      <iframe width="1200" height="800" src="https://www.youtube.com/embed/6eqk6ADKtFQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
−
          <div class="bb-custom-side">
+
          
−
            <img src="https://static.igem.org/mediawiki/2020/0/0b/T--KSA_KOREA--HP_1Overview_1.png" />
+
−
          </div>
+
−
          <div class="bb-custom-side">
+
−
            <img src="https://static.igem.org/mediawiki/2020/0/0b/T--KSA_KOREA--HP_1Overview_1.png" />
+
−
          </div>
+
−
        </div>
+
−
        <div class="bb-item">
+
−
          <div class="bb-custom-side">
+
−
            <img src="https://static.igem.org/mediawiki/2020/0/0b/T--KSA_KOREA--HP_1Overview_1.png" />
+
−
          </div>
+
−
          <div class="bb-custom-side">
+
−
            <img src="https://static.igem.org/mediawiki/2020/0/0b/T--KSA_KOREA--HP_1Overview_1.png" />
+
−
          </div>
+
−
         </div>
+
  
−
        <div class="bb-item">
+
     
−
          <div class="bb-custom-side">
+
−
            <p>Jujubes fruitcake tiramisu liquorice chocolate cake. Carrot cake faworki donut soufflé oat cake tootsie roll. Fruitcake fruitcake cake sweet pie jelly beans. Chocolate cake candy jujubes oat cake toffee croissant muffin.</p>
+
−
          </div>
+
−
          <div class="bb-custom-side">
+
−
            <p>Chocolate bar tiramisu marzipan. Croissant soufflé croissant lollipop liquorice dragée chupa chups carrot cake. Liquorice lollipop halvah toffee lollipop.</p>
+
−
          </div>
+
−
        </div>
+
 
       </div>
 
       </div>
  
Line 1,423: Line 1,503:
 
<!-- HERE IS END OF BOOK WRAPPER -->
 
<!-- HERE IS END OF BOOK WRAPPER -->
  
−
  <div id="flip-nav">
 
−
    <nav id="left-pages">
 
−
      <a id="bb-nav-prev" href="#" class="button is-primary"><</a>
 
−
      <a id="bb-nav-first" href="#" class="button is-primary"><<</a>
 
−
    </nav>
 
−
 
−
 
−
    <nav id="right-pages">
 
−
      <a id="bb-nav-next" href="#" class="button is-primary">></a>
 
−
      <a id="bb-nav-last" class="button is-primary">>></a>
 
−
    </nav>
 
−
  </div>
 
  
  
 +
<div class="footer"></div>
  
  
Line 1,549: Line 1,618:
  
  
 +
<script>
 +
$(document).ready(function() {
 +
document.getElementById("content").style.background = "#93D1D5";
 +
});
 +
 +
</script>
  
  

Latest revision as of 13:52, 16 December 2020