Difference between revisions of "Team:Vilnius-Lithuania/test/Experiments"

m
Line 1: Line 1:
 
{{Vilnius-Lithuania/TopBar}}
 
{{Vilnius-Lithuania/TopBar}}
 
{{Vilnius-Lithuania/menuOverlay}}
 
{{Vilnius-Lithuania/menuOverlay}}
−
{{Vilnius-Lithuania/ContentPage}}
 
  
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/ContentPage&action=raw&ctype=text/css" />
−
.introContainer > span {
+
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPage&action=raw&ctype=text/javascript"></script>
−
    background-image: url('https://i.imgur.com/YzVZfz4.jpg');
+
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/Experiments&action=raw&ctype=text/css" />
−
}
+
    <style>
−
</style>
+
        .introContainer::before {
 +
            background-image: url(https://static.igem.org/mediawiki/2020/d/db/T--Vilnius-Lithuania--milk1.svg);
 +
        }
 +
    </style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
    <div class="introContainer">
 +
        <span style="background-image: url(https://static.igem.org/mediawiki/2019/9/9a/T--Vilnius-Lithuania--cover11.jpg);"><div id="image-overlay"></div></span>
 +
        <div class="heading"></div>
 +
        <div class="heading other"></div>
 +
    </div>
 
     <main id="section-text">
 
     <main id="section-text">
 
         <input id="headingTitleText" type="hidden" value="Experiments"/>
 
         <input id="headingTitleText" type="hidden" value="Experiments"/>
−
         <div class="content">
+
         <div id="calendarbutton" class="calendarbutton">Calendar</div>
−
             <div class="h2 larger">Values in Practice</div>
+
        <div id="calendar" class="sideBlock">
−
             <div class="h3">iGEM Values</div>
+
             <div class="title">Lab Weekly Calendar</div>
−
             <p class="content-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis ante odio. Sed eleifend, eros at bibendum ullamcorper, nisl nisl mattis ligula, ut euismod lorem elit sit amet ipsum. Suspendisse scelerisque, odio vitae malesuada mattis, sem augue mattis velit, sit amet ornare lacus velit nec nibh. Curabitur sed lectus sapien. Suspendisse finibus urna volutpat mi consequat lacinia. In ut felis quis purus tempus gravida. Vestibulum eget gravida risus. Vivamus porta dui et nulla fringilla, nec fermentum felis placerat. Pellentesque dictum risus quis aliquam lacinia. Duis mauris arcu, rhoncus eu felis a, laoreet volutpat ipsum. Ut sed aliquam libero. Sed placerat sem nec hendrerit pellentesque. </p>
+
             <div class="months" id="calendarMonths"></div>
−
             <div class="h3">Our Values</div>
+
             <div class="days" id="calendarDays">
−
            <p class="content-paragraph">Maecenas in orci non risus fringilla maximus. Morbi id erat commodo, feugiat ante a, ullamcorper urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris ligula nunc, gravida in interdum non, pellentesque eget libero. Aliquam porta purus nec arcu sodales, eget sagittis purus lacinia. Aliquam dictum augue id lacinia lacinia. Ut et elementum nunc, nec tempus lacus. Fusce vel mauris ante. Suspendisse bibendum quam tortor, vitae congue urna facilisis at. Aliquam erat volutpat. Sed sit amet magna in nunc ullamcorper porta id et dui. Vestibulum in eros nisi. Proin cursus nisl eu justo laoreet interdum. Suspendisse eu tellus vel felis iaculis posuere.</p>
+
               
−
            <div class="h3">Important Step</div>
+
            </div>
−
            <p class="content-paragraph">In porttitor, est at porta luctus, dolor mi sollicitudin libero, id placerat urna ipsum vitae metus. Vivamus ornare rhoncus est, ut condimentum sem vulputate eget. Praesent et tortor non eros molestie interdum. Vivamus ut eros quis nulla gravida placerat viverra non libero. Sed feugiat sapien feugiat, gravida risus in, luctus dolor. Donec sed nibh arcu. Sed sollicitudin lorem eu magna eleifend molestie. Nulla eu urna quis nisl aliquam feugiat. Praesent semper nec sem ut ultricies. Ut sit amet pulvinar odio. In laoreet lectus nulla, a vulputate magna porta eget. Cras ac placerat libero. Donec sollicitudin bibendum ex, at pellentesque urna.</p>
+
        </div>
−
            <div class="h3">Grand Reveal</div>
+
        <script>
−
          <p class="content-paragraph">Cu esse case euripidis qui. Nonumes mediocrem vel ut. At cum meis velit, nec at dissentias cotidieque, ea modus nulla lobortis ius. Cum timeam probatus persecuti eu, sea latine debitis id, qui dolor mandamus molestiae ei. In audiam impetus eam, ius an tamquam detraxit tincidunt. Epicurei interpretaris no eos. Ne habeo scaevola sapientem sed, unum inani ubique ius ex.</p>
+
            calendarbutton.onclick = () => {
 +
                if (calendarbutton.classList.contains("open")) {
 +
                    calendarbutton.innerHTML = "Calendar";
 +
                    calendarbutton.classList.remove("open");
 +
                    calendar.classList.remove("open")
 +
                } else {
 +
                    calendarbutton.innerHTML = "Close";
 +
                    calendarbutton.classList.add("open");
 +
                    calendar.classList.add("open")
 +
                }
 +
            };
 +
        </script>
 +
        <div class="contentBlock">
 +
             <div class="content">
 +
                <div class="heading">Protocols and Safety</div>
 +
                <div class="downloadButton">PDF</div>
 +
                <div class="heading">Weekly Summary</div>
 +
                <div class="sectionButtons">
 +
                    <div id="buttonDetection" class="active">Detection</div>
 +
                    <div id="buttonTreatment">Treatment</div>
 +
                    <div id="buttonPrevention">Prevention</div>
 +
                </div>
 +
                <div class="weekName" id="weekName">March 30 - April 5</div>
 +
                <div class="weekContent" id="weekContent">Since its inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social, political, economic, and ethical aspects of synthetic biology cannot be an afterthought of research and development. Rather, they should be considered from project conception all the way through the innovation process.<br><br>Synthetic biology is not just science or engineering. It is a practice of building life and the societies and environments that support that life. It is a practice that is intimately human, with all our flaws and virtues. This approach is embedded in the values we espouse, including: integrity; good sportsmanship; respect; honesty; celebration; cooperation; effort; and excellence.</div>
 +
                <div class="nextButton" id="nextButton">Next Week</div>
 +
            </div>
 
         </div>
 
         </div>
 
     </main>
 
     </main>
Line 29: Line 61:
 
           document.getElementById("fixedOverlay").classList.add("project")
 
           document.getElementById("fixedOverlay").classList.add("project")
 
     </script>
 
     </script>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/Experiments&action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Vilnius-Lithuania/footer}}
 
{{Vilnius-Lithuania/footer}}

Revision as of 10:18, 31 August 2020
Calendar
Lab Weekly Calendar
Protocols and Safety
PDF
Weekly Summary
Detection
Treatment
Prevention
March 30 - April 5
Since its inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social, political, economic, and ethical aspects of synthetic biology cannot be an afterthought of research and development. Rather, they should be considered from project conception all the way through the innovation process.

Synthetic biology is not just science or engineering. It is a practice of building life and the societies and environments that support that life. It is a practice that is intimately human, with all our flaws and virtues. This approach is embedded in the values we espouse, including: integrity; good sportsmanship; respect; honesty; celebration; cooperation; effort; and excellence.
Next Week