Difference between revisions of "Team:TUDelft/Notebook"

Line 50: Line 50:
 
                 width: 80%;
 
                 width: 80%;
 
             }
 
             }
−
.modalTD {padding: 0!important;}  
+
            .modalTD {padding: 0!important;}  
−
.modalTD button {height: 65px!important;}  
+
            .modalTD button {height: 65px!important;}  
−
           
+
 
 
             #tabletu.modal td {
 
             #tabletu.modal td {
 
                 padding:0px;
 
                 padding:0px;
Line 70: Line 70:
 
                 cursor: pointer;
 
                 cursor: pointer;
 
             }
 
             }
−
           
+
 
 
             .notebook {   
 
             .notebook {   
 
                 border-collapse: collapse;
 
                 border-collapse: collapse;
 
                 width:70%;}
 
                 width:70%;}
 
             .notebook td:hover {background-color: #ddd;}
 
             .notebook td:hover {background-color: #ddd;}
−
         
+
 
 
             .notebook td, .notebook th {
 
             .notebook td, .notebook th {
 
                 border: 1px solid #ddd;
 
                 border: 1px solid #ddd;
 
                 padding: 0px;
 
                 padding: 0px;
 
             }
 
             }
−
.block {
+
            .block {
−
  display: block;
+
                display: block;
−
  width: 100%;
+
                width: 100%;
−
  border: none;
+
                border: none;
−
  background-color: rgba(0, 166, 214, 1);
+
                background-color: rgba(0, 166, 214, 1);
−
  padding: 14px 28px;
+
                padding: 14px 28px;
−
  font-size: 16px;
+
                font-size: 16px;
−
  cursor: pointer;
+
                cursor: pointer;
−
  text-align: center;
+
                text-align: center;
−
    box-sizing: border-box;
+
                box-sizing: border-box;
−
}
+
            }
−
           
+
 
 
             .block:hover {
 
             .block:hover {
−
  background-color: #ddd;
+
                background-color: #ddd;
−
  color: black;
+
                color: black;
−
}
+
            }
−
          .month {
+
            .month {
−
              text-align: center;
+
                text-align: center;
 
             }         
 
             }         
 
             #category {
 
             #category {
Line 105: Line 105:
 
     </head>
 
     </head>
 
     <body>
 
     <body>
−
<div class="Banner container-fluid text-center mb-0 align-items-center ">
+
        <div class="Banner container-fluid text-center mb-0 align-items-center ">
  
−
        <div class="display-2 mb-0">  
+
            <div class="display-2 mb-0">  
−
<br>
+
                <br>
−
<br>
+
                <br>
−
<br>
+
                <br>
−
<br>
+
                <br>
−
<img src = "https://static.igem.org/mediawiki/2019/e/e4/T--TUDelft--Notebook_logo.png" alt="Design" style="width:60%";>
+
                <img src = "https://static.igem.org/mediawiki/2019/e/e4/T--TUDelft--Notebook_logo.png" alt="Design" style="width:60%";>
−
+
 
−
</div>             
+
            </div>             
−
</div>         
+
        </div>         
−
</div>
+
        </div>
−
        <h2>Experiment Notebook</h2>
+
    <div class="centerjustify">
−
    <center>
+
    <h2>Experiment Notebook</h2>
 +
 
 
         <table id="tabletu" class="notebook">
 
         <table id="tabletu" class="notebook">
 
             <tr id="category">
 
             <tr id="category">
Line 146: Line 147:
 
             </tr>
 
             </tr>
 
             <tr>
 
             <tr>
−
           
+
 
 
                 <td>Berglunds snabbköp</td>
 
                 <td>Berglunds snabbköp</td>
 
                 <td>Christina Berglund</td>
 
                 <td>Christina Berglund</td>
Line 201: Line 202:
 
         </table>
 
         </table>
  
−
</center>
 
  
  
 +
</div>
  
−
        <script>
+
    <script>
−
            // Get the modal
+
        // Get the modal
−
            var modal = document.getElementById("myModal");
+
        var modal = document.getElementById("myModal");
  
−
            // Get the button that opens the modal
+
        // Get the button that opens the modal
−
            var btn = document.getElementById("myBtn2");
+
        var btn = document.getElementById("myBtn2");
  
−
            // Get the <span> element that closes the modal
+
        // Get the <span> element that closes the modal
−
            var span = document.getElementsByClassName("close")[0];
+
        var span = document.getElementsByClassName("close")[0];
  
−
            // When the user clicks the button, open the modal  
+
        // When the user clicks the button, open the modal  
−
            btn.onclick = function() {
+
        btn.onclick = function() {
−
                modal.style.display = "block";
+
            modal.style.display = "block";
−
            }
+
        }
  
−
            // When the user clicks on <span> (x), close the modal
+
        // When the user clicks on <span> (x), close the modal
−
            span.onclick = function() {
+
        span.onclick = function() {
 +
            modal.style.display = "none";
 +
        }
 +
 
 +
        // When the user clicks anywhere outside of the modal, close it
 +
        window.onclick = function(event) {
 +
            if (event.target == modal) {
 
                 modal.style.display = "none";
 
                 modal.style.display = "none";
 
             }
 
             }
−
 
+
        }
−
            // When the user clicks anywhere outside of the modal, close it
+
    </script>
−
            window.onclick = function(event) {
+
−
                if (event.target == modal) {
+
−
                    modal.style.display = "none";
+
−
                }
+
−
            }
+
−
        </script>
+
  
 
     </body>
 
     </body>
 
</html>
 
</html>
 
{{:Team:TUDelft/Footer}}
 
{{:Team:TUDelft/Footer}}

Revision as of 09:04, 20 September 2019

Sci-Phi 29

Experiment Notebook

Orthogonal Replication Controlable Expression Other
April Germany
Berglunds snabbköp Christina Berglund Sweden
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Königlich Essen Philip Cramer Germany
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy
North/South Simon Crowther UK
Paris spécialités Marie Bertrand France