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

(Prototype team page)
 
m
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{IGEM_TopBar}}
+
{{Vilnius-Lithuania/menuOverlay}}
{{Vilnius-Lithuania}}
+
 
 
<html>
 
<html>
 +
<head>
 +
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/fonts.css&action=raw&ctype=text/css" />
 +
    <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" />
 +
    <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" />
 +
</head>
 +
<body>
 +
    <div class="introContainer">
 +
        <span style="background-image: url(https://static.igem.org/mediawiki/2020/b/b3/T--Vilnius-Lithuania--bg3.jpg);"><div id="image-overlay"></div></span>
 +
        <div class="heading">Experiments</div>
 +
        <div class="heading other">Experiments</div>
 +
    </div>
 +
<div class="milkWave milkWaveContentPage" id="animWave">
 +
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
    </div>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/WaveScript&action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
var setWaveParams = () => {
 +
let container = document.querySelector(".introContainer");
 +
return {
 +
width: container.offsetWidth,
 +
height: container.offsetHeight,
 +
waveWidth: container.offsetWidth,
 +
waveHeight: container.offsetHeight * 0.9,
 +
waveDelta: 20,
 +
speed: 0.15,
 +
wavePoints: 5,
 +
};
 +
}
 +
makeWave(document.getElementById("animWave"), setWaveParams);
 +
</script>
 +
    <main id="section-text" class="elevate-navbar">
 +
        <input id="headingTitleText" type="hidden" value="Experiments"/>
 +
<div id="calendaroverlay" class="sideBlockOverlay"></div>
 +
        <div id="calendarbutton" class="calendarbutton notshow">Calendar</div>
 +
        <div id="calendar" class="sideBlock">
 +
            <div class="title">Lab Weekly Calendar</div>
 +
            <div class="months" id="calendarMonths"></div>
 +
            <div class="days" id="calendarDays">
 +
               
 +
            </div>
 +
        </div>
 +
        <script>
 +
function closeCalendar(){
 +
calendarbutton.innerHTML = "Calendar";
 +
calendarbutton.classList.remove("open");
 +
calendar.classList.remove("open");
 +
calendaroverlay.classList.remove("open");
 +
}
 +
function openCalendar(){
 +
calendarbutton.innerHTML = "Close";
 +
calendarbutton.classList.add("open");
 +
calendar.classList.add("open");
 +
calendaroverlay.classList.add("open");
 +
}
  
<div class="column full_size">
+
calendaroverlay.onclick = closeCalendar;
 
+
<h1>Experiments</h1>
+
<p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
+
 
+
<p>
+
If you made Parts this year, please remember to put all information, characterization, and measurement data on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.
+
</p>
+
 
+
</div>
+
 
+
 
+
 
+
<div class="column two_thirds_size">
+
<h3>What should this page contain?</h3>
+
<ul>
+
<li> Protocols </li>
+
<li> Experiments </li>
+
</ul>
+
 
+
</div>
+
 
+
<div class="column third_size">
+
<div class="highlight decoration_A_full">
+
<h3>Inspiration</h3>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
</ul>
+
</div>
+
</div>
+
 
+
  
 +
calendarbutton.onclick = () => {
 +
if (calendarbutton.classList.contains("open")) {
 +
closeCalendar();
 +
} else {
 +
openCalendar();
 +
}
 +
};
  
 +
const introContainer = document.querySelector(".introContainer");
 +
function checkHideCalendarButton(){
 +
let calendarButtonTop = calendarbutton.getBoundingClientRect().top;
 +
let introContainerBottom = introContainer.getBoundingClientRect().bottom;
 +
let footerTop = footerWrapper.getBoundingClientRect().top;
  
 +
if (calendarButtonTop < introContainerBottom || calendarButtonTop > footerTop){
 +
calendarbutton.classList.add("notshow");
 +
}else{
 +
calendarbutton.classList.remove("notshow");
 +
}
 +
}
 +
window.addEventListener("resize", checkHideCalendarButton);
 +
window.addEventListener("scroll", checkHideCalendarButton);
 +
        </script>
 +
        <div class="contentBlock">
 +
            <div class="content">
 +
                <div class="heading">Protocols and Safety</div>
 +
                <div class="downloadButton" id="downloadPDFButton">PDF</div>
 +
                <div class="heading">Benchling</div>
 +
                <div class="benchlingButtons">
 +
                    <div class="downloadButton downloadBenchling" id="downloadBenchlingButton1">Detection</div>
 +
                    <div class="downloadButton downloadBenchling" id="downloadBenchlingButton2">Treatment</div>
 +
                    <div class="downloadButton downloadBenchling" id="downloadBenchlingButton3">Prevention</div>
 +
                </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="weekButtons">
 +
                    <div class="prevButton" id="prevButton"><span>Previous Week</span></div>
 +
                    <div class="nextButton" id="nextButton"><span>Next Week</span></div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </main>
 +
    <script>
 +
          document.getElementById("fixedOverlay").classList.add("wl")
 +
    </script>
 +
    <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ContentPage&action=raw&ctype=text/javascript"></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>
 +
<script>
 +
        document.getElementById("downloadPDFButton").addEventListener('click', function() {
 +
            let win = window.open("https://static.igem.org/mediawiki/2020/f/f7/T--Vilnius-Lithuania--LabProtocolsSafety.pdf", '_blank');
 +
            win.focus();
 +
        });
 +
        document.getElementById("downloadBenchlingButton1").addEventListener('click', function() {
 +
            let win = window.open("https://static.igem.org/mediawiki/2020/9/9b/T--Vilnius-Lithuania--BenchlingD.zip", '_blank');
 +
            win.focus();
 +
        });
 +
        document.getElementById("downloadBenchlingButton2").addEventListener('click', function() {
 +
            let win = window.open("https://static.igem.org/mediawiki/2020/e/e7/T--Vilnius-Lithuania--BenchlingT.zip", '_blank');
 +
            win.focus();
 +
        });
 +
        document.getElementById("downloadBenchlingButton3").addEventListener('click', function() {
 +
            let win = window.open("https://static.igem.org/mediawiki/2020/0/05/T--Vilnius-Lithuania--BenchlingP.zip", '_blank');
 +
            win.focus();
 +
        });
 +
    </script>
 +
</body>
 
</html>
 
</html>
 +
{{Vilnius-Lithuania/footer}}

Latest revision as of 16:45, 17 December 2020

Experiments
Experiments
Calendar
Lab Weekly Calendar
Protocols and Safety
PDF
Benchling
Detection
Treatment
Prevention
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.
Previous Week
Next Week