Difference between revisions of "Team:Montpellier/Notebook"
MariePeras (Talk | contribs) |
|||
| (34 intermediate revisions by 2 users not shown) | |||
| Line 6: | Line 6: | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<link rel="stylesheet" href="style.css" /> | <link rel="stylesheet" href="style.css" /> | ||
| − | <title> | + | <title>Notebook</title> |
<script | <script | ||
src="https://code.jquery.com/jquery-3.3.1.min.js" | src="https://code.jquery.com/jquery-3.3.1.min.js" | ||
| Line 12: | Line 12: | ||
crossorigin="anonymous"></script> | 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> | ||
| + | |||
| Line 153: | 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}} | {{Montpellier/Footer}} | ||
Latest revision as of 19:32, 11 October 2018
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.