Difference between revisions of "Team:Montpellier/Notebook"

 
(36 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Montpellier}}
 
{{Montpellier}}
 
<html>
 
<html>
 +
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
 +
<head>
 +
  <meta charset="utf-8" />
 +
  <link rel="stylesheet" href="style.css" />
 +
  <title>Notebook</title>
 +
  <script
 +
  src="https://code.jquery.com/jquery-3.3.1.min.js"
 +
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
 +
  crossorigin="anonymous"></script>
 +
 +
<style>
 +
 +
article, article.overlay2 {padding: 0; margin: 0; box-sizing: border-box;}
 +
article {
 +
background: url('https://static.igem.org/mediawiki/2018/e/ed/T--Montpellier--banniere_notebook_mtp.png');
 +
text-align: center;
 +
width: 100% ;
 +
height: auto ;
 +
background-size: auto 68%;
 +
background-attachment: fixed;
 +
 +
overflow: hidden  ;
 +
border-radius: 0 0 85% 85% / 30%;
 +
}
 +
article .overlay2{
 +
width: 100% ;
 +
height: 100% ;
 +
padding: 50px ;
 +
color: #FFF;
 +
text-shadow: 1px 1px 1px #333;
 +
  background-image: #FFFFFF;
 +
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
 +
<article>
 +
<div class="overlay2">
 +
<h1></h1>
 +
<h3></h3>
 +
<p> </p>
 +
 +
<br><br><br><br>
 +
 +
</div>
 +
</article>
 +
 +
 +
 +
<section>
 +
 +
<p class="protocols_title"><i class="far fa-arrow-alt-circle-right fa-1x"></i> June</p>
 +
 +
  <button class="accordion">Week 23</button>
 +
  <div class="panel">
 +
  <p><span class="protocols_subpart">04.06.2018</span></p>
 +
  <ul>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  </ul>
 +
  <p><span class="protocols_subpart">05.06.2018</span></p>
 +
  <ul>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  <li></li>
 +
  </ul>
 +
  </div>
 +
 +
  <button class="accordion">Week 24</button>
 +
  <div class="panel">
 +
  </div>
 +
 +
  <button class="accordion">Week 25</button>
 +
  <div class="panel">
 +
  </div>
 +
 +
  <button class="accordion">Week 26</button>
 +
  <div class="panel">
 +
  </div>
 +
 +
<p class="protocols_title"><i class="far fa-arrow-alt-circle-right fa-1x"></i> July</p>
 +
 +
<button class="accordion">Week 27</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 28</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 29</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 30</button>
 +
<div class="panel">
 +
</div>
 +
 +
<p class="protocols_title"><i class="far fa-arrow-alt-circle-right fa-1x"></i> August</p>
 +
 +
<button class="accordion">Week 31</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 32</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 33</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 34</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 35</button>
 +
<div class="panel">
 +
</div>
 +
 +
<p class="protocols_title"><i class="far fa-arrow-alt-circle-right fa-1x"></i> September</p>
 +
 +
<button class="accordion">Week 36</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 37</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 38</button>
 +
<div class="panel">
 +
</div>
 +
 +
<button class="accordion">Week 39</button>
 +
<div class="panel">
 +
</div>
 +
 +
</section>
  
 
<div class="column two_thirds_size">
 
<div class="column two_thirds_size">
Line 12: Line 160:
  
 
</div>
 
</div>
 +
 +
<script>
 +
var acc = document.getElementsByClassName("accordion");
 +
                      var i;
 +
 +
                      for (i = 0; i < acc.length; i++) {
 +
                        acc[i].addEventListener("click", function() {
 +
                          /* Toggle between adding and removing the "active" class,
 +
                          to highlight the button that controls the panel */
 +
                          this.classList.toggle(/*"active"*/);
 +
 +
                          /* Toggle between hiding and showing the active panel */
 +
                          var panel = this.nextElementSibling;
 +
                          if (panel.style.display === "block") {
 +
                            panel.style.display = "none";
 +
                          } else {
 +
                            panel.style.display = "block";
 +
                          }
 +
                        });
 +
                      }
 +
 +
                      for (i = 0; i < acc.length; i++) {
 +
                        acc[i].addEventListener("click", function() {
 +
                          this.classList.toggle("active");
 +
                          var panel = this.nextElementSibling;
 +
                          if (panel.style.maxHeight){
 +
                            panel.style.maxHeight = null;
 +
                          } else {
 +
                            panel.style.maxHeight = panel.scrollHeight + "px";
 +
                          }
 +
                        });
 +
                      }
 +
 +
                      </script>
 +
  
 
</html>
 
</html>
 +
 +
{{Montpellier/Footer}}

Latest revision as of 19:32, 11 October 2018

Notebook





June

04.06.2018

05.06.2018

July

August

September

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.

Sponsors



Contact us

igem.assomtp@gmail.com

Centre de Biochimie Structurale, 29 Rue de Navacelles, 34090 Montpellier, France