Line 22: | Line 22: | ||
<p><i>(Atika's animation goes here)</i></p> | <p><i>(Atika's animation goes here)</i></p> | ||
+ | <script type="text/JavaScript"> | ||
+ | |||
+ | /*function change() | ||
+ | { | ||
+ | var img1 = document.getElementById('Box1'), | ||
+ | img2 = document.getElementById('Box2'); | ||
+ | var imgElement = document.getElementById('Box1'); | ||
+ | |||
+ | imgElement.src = (imgElement.src === img1)? img2 : img1; | ||
+ | }*/ | ||
+ | |||
+ | function toggleBox(myID) | ||
+ | { | ||
+ | //Set all boxes to hide | ||
+ | box = document.getElementById('Box1'); | ||
+ | box.style.display = 'none'; | ||
+ | box = document.getElementById('Box2'); | ||
+ | box.style.display = 'none'; | ||
+ | box = document.getElementById('Box3'); | ||
+ | box.style.display = 'none'; | ||
+ | |||
+ | if (myID === 'Bacteria') | ||
+ | { | ||
+ | var x = document.getElementById('Box1'); | ||
+ | } | ||
+ | else if (myID === 'Separation') | ||
+ | { | ||
+ | var x = document.getElementById('Box2'); | ||
+ | } | ||
+ | else if(myID === 'Stirred-tank') | ||
+ | { | ||
+ | var x = document.getElementById('Box3'); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | var x = document.getElementById('Box1'); | ||
+ | } | ||
+ | |||
+ | // change display | ||
+ | if (x.style.display === 'none') | ||
+ | { | ||
+ | x.style.display = 'block'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | x.style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | /* | ||
+ | function toggleBox2() | ||
+ | { | ||
+ | var x = document.getElementById('Box2'); | ||
+ | if (x.style.display === 'none') | ||
+ | { | ||
+ | x.style.display = 'block'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | x.style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function toggleBox3() | ||
+ | { | ||
+ | var x = document.getElementById('Box3'); | ||
+ | if (x.style.display === 'none') | ||
+ | { | ||
+ | x.style.display = 'block'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | x.style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | */ | ||
+ | function setCursorByID(id,pointer) | ||
+ | { | ||
+ | var elem; | ||
+ | if (document.getElementById && | ||
+ | (elem=document.getElementById(id)) ) { | ||
+ | if (elem.style) elem.style.cursor=cursorStyle; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <img id="Box1" style="position:absolute; top: 230%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | -moz-transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | -o-transform: translate(-50%, -50%); | ||
+ | transform: translate(-50%, -50%); WIDTH:500px; HEIGHT:320px" src="https://static.igem.org/mediawiki/2017/7/7a/Textbox1.png"> | ||
+ | <img id="Box2" style="position:absolute; top: 230%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | -moz-transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | -o-transform: translate(-50%, -50%); | ||
+ | transform: translate(-50%, -50%); WIDTH:500px; HEIGHT:320px" src="https://static.igem.org/mediawiki/2017/a/a9/Textbox2.png"> | ||
+ | <img id="Box3" style="position:absolute; top: 230%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | -moz-transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | -o-transform: translate(-50%, -50%); | ||
+ | transform: translate(-50%, -50%); WIDTH:500px; HEIGHT:320px" src="https://static.igem.org/mediawiki/2017/6/6e/Textbox3.png"> | ||
+ | <!-- <img src="https://static.igem.org/mediawiki/2017/7/7a/Textbox1.png" id="test" onclick ="change();"/> --> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1367.61 2001.61"> | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1367.61 2001.61"> | ||
<defs> | <defs> | ||
+ | <style> | ||
+ | .cls-1{fill:#faece5;stroke:#faece5;stroke-width:1.61px;} | ||
+ | .cls-1,.cls-10,.cls-11,.cls-13,.cls-14,.cls-16,.cls-17,.cls-18,.cls-20,.cls-21,.cls-22,.cls-24,.cls-25,.cls-26,.cls-27,.cls-28,.cls-29,.cls-3,.cls-30,.cls-31,.cls-32,.cls-33,.cls-35,.cls-37,.cls-38,.cls-39,.cls-4,.cls-40,.cls-41,.cls-42,.cls-43,.cls-44,.cls-45,.cls-46,.cls-47,.cls-48,.cls-49,.cls-5,.cls-50,.cls-51,.cls-53,.cls-54,.cls-56,.cls-57,.cls-58,.cls-59,.cls-6,.cls-60,.cls-61,.cls-62,.cls-63,.cls-64,.cls-65,.cls-66,.cls-7,.cls-70,.cls-71,.cls-72,.cls-73,.cls-74,.cls-8,.cls-9{stroke-miterlimit:10;} | ||
+ | .cls-2{fill:#ffd8cc;} | ||
+ | .cls-3{fill:#b7b7b7;stroke-width:3.36px;} | ||
+ | .cls-3,.cls-7{stroke:#b7b7b7;} | ||
+ | .cls-15,.cls-18,.cls-4,.cls-45,.cls-66{fill:#fcb633;} | ||
+ | .cls-16,.cls-18,.cls-37,.cls-38,.cls-4,.cls-42,.cls-44,.cls-45,.cls-51,.cls-66,.cls-72{stroke:#fcb633;} | ||
+ | .cls-4,.cls-6{stroke-width:0.43px;}.cls-5,.cls-6{fill:#e0e0e0;} | ||
+ | .cls-48,.cls-5,.cls-6,.cls-65{stroke:#e0e0e0;} | ||
+ | .cls-5{stroke-width:0.38px;} | ||
+ | .cls-19,.cls-20,.cls-36,.cls-47,.cls-48,.cls-49,.cls-65,.cls-69,.cls-7{fill:#fff;} | ||
+ | .cls-7{stroke-width:3.89px;} | ||
+ | .cls-40,.cls-56,.cls-68,.cls-71,.cls-8{fill:#d24f2b;} | ||
+ | .cls-17,.cls-31,.cls-50,.cls-71,.cls-8{stroke:#d24f2b;} | ||
+ | .cls-11,.cls-8{stroke-width:2.06px;} | ||
+ | .cls-11,.cls-16,.cls-17,.cls-21,.cls-24,.cls-26,.cls-28,.cls-30,.cls-31,.cls-32,.cls-33,.cls-37,.cls-38,.cls-42,.cls-44,.cls-46,.cls-51,.cls-53,.cls-59,.cls-60,.cls-61,.cls-63,.cls-64,.cls-72,.cls-73,.cls-74,.cls-9{fill:none;} | ||
+ | .cls-10,.cls-9{stroke:#a3321c;stroke-width:3.1px;} | ||
+ | .cls-10{fill:#7a2418;} | ||
+ | .cls-11,.cls-13,.cls-21,.cls-28,.cls-29,.cls-58,.cls-59,.cls-60,.cls-61,.cls-63,.cls-74{stroke:#83859e;} | ||
+ | .cls-12,.cls-13,.cls-29,.cls-55,.cls-57,.cls-58{fill:#83859e;} | ||
+ | .cls-13,.cls-14{stroke-width:2.07px;} | ||
+ | .cls-14,.cls-22,.cls-23,.cls-25,.cls-27,.cls-35,.cls-39,.cls-70{fill:#5ec3af;} | ||
+ | .cls-14,.cls-24,.cls-25,.cls-35,.cls-46,.cls-64,.cls-70{stroke:#5ec3af;} | ||
+ | .cls-16,.cls-17,.cls-18{stroke-width:2px;} | ||
+ | .cls-20,.cls-30,.cls-32,.cls-33,.cls-47,.cls-49{stroke:#fff;} | ||
+ | .cls-20,.cls-21{stroke-width:0.61px;} | ||
+ | .cls-22,.cls-39{stroke:#4ea090;} | ||
+ | .cls-22{stroke-width:2.42px;} | ||
+ | .cls-24,.cls-25,.cls-26{stroke-width:0.78px;} | ||
+ | .cls-26{stroke:#a78255;} | ||
+ | .cls-27,.cls-43,.cls-57{stroke:#67697a;} | ||
+ | .cls-27,.cls-28,.cls-43{stroke-width:8.96px;} | ||
+ | .cls-29,.cls-45,.cls-46{stroke-width:6px;} | ||
+ | .cls-30,.cls-39,.cls-40,.cls-41,.cls-57{stroke-width:3.84px;} | ||
+ | .cls-31,.cls-33,.cls-53,.cls-64{stroke-width:0.64px;} | ||
+ | .cls-32{stroke-width:4px;} | ||
+ | .cls-34{fill:#67697a;} | ||
+ | .cls-35{stroke-width:4.32px;} | ||
+ | .cls-36{font-size:12.8px;} | ||
+ | .cls-36,.cls-55{font-family:YikesMedium, Yikes;letter-spacing:0.03em;} | ||
+ | .cls-37{stroke-width:44.8px;} | ||
+ | .cls-38{stroke-width:44.8px;} | ||
+ | .cls-40,.cls-56{stroke:#b24026;} | ||
+ | .cls-41{fill:#c6a785;stroke:#a08264;} | ||
+ | .cls-42{stroke-width:25.6px;} | ||
+ | .cls-43,.cls-50,.cls-54,.cls-62,.cls-67{fill:#daede9;} | ||
+ | .cls-44{stroke-width:3.48px;}.cls-47{stroke-width:0.87px;} | ||
+ | .cls-48{stroke-width:3.84px;}.cls-49{stroke-width:0.74px;} | ||
+ | .cls-50{stroke-width:8px;}.cls-51,.cls-63{stroke-width:2.56px;} | ||
+ | .cls-52{fill:#e27933;}.cls-53{stroke:#e27933;} | ||
+ | .cls-54,.cls-62{stroke:#c0ccc9;} | ||
+ | .cls-54{stroke-width:1.28px;} | ||
+ | .cls-55{font-size:25.6px;} | ||
+ | .cls-56{stroke-width:2.3px;} | ||
+ | .cls-58,.cls-62{stroke-width:0.69px;} | ||
+ | .cls-59{stroke-width:1.73px;} | ||
+ | .cls-60{stroke-width:2.42px;} | ||
+ | .cls-61{stroke-width:1.38px;} | ||
+ | .cls-65{stroke-width:2.53px;} | ||
+ | .cls-66{stroke-width:0.12px;} | ||
+ | .cls-69{font-size:17.6px;font-family:Moon-Bold, Moon;font-weight:700;} | ||
+ | .cls-70,.cls-71,.cls-72{stroke-width:5.27px;} | ||
+ | .cls-73{stroke:#daede9;stroke-width:0.25px;} | ||
+ | .cls-74{stroke-width:3px;}</style> | ||
</defs> | </defs> | ||
<title>ModelAnimationDesign6</title> | <title>ModelAnimationDesign6</title> | ||
Line 359: | Line 531: | ||
<line class="cls-37" x1="626.26" y1="1026.65" x2="823.81" y2="1025.81"/> | <line class="cls-37" x1="626.26" y1="1026.65" x2="823.81" y2="1025.81"/> | ||
− | <g id="Bacteria" onclick=' | + | <g id="Bacteria" onclick='toggleBox(this.id)' onMouseOver="this.style.cursor='pointer'"> |
<rect class="cls-50" x="791.31" y="930.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | <rect class="cls-50" x="791.31" y="930.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | ||
<path class="cls-51" d="M952.6,1018.9s-9-4-3.53-12.29-5.16-10.48-5.16-10.48" transform="translate(0.31 1.31)"/> | <path class="cls-51" d="M952.6,1018.9s-9-4-3.53-12.29-5.16-10.48-5.16-10.48" transform="translate(0.31 1.31)"/> | ||
Line 374: | Line 546: | ||
<circle class="cls-54" cx="956.71" cy="1031.23" r="4.79" transform="translate(-332.94 1593.57) rotate(-70.65)"/> | <circle class="cls-54" cx="956.71" cy="1031.23" r="4.79" transform="translate(-332.94 1593.57) rotate(-70.65)"/> | ||
</g> | </g> | ||
− | + | ||
<text class="cls-55" transform="translate(824.51 973.99)">BIOREACTOR</text> | <text class="cls-55" transform="translate(824.51 973.99)">BIOREACTOR</text> | ||
<circle class="cls-56" cx="852.86" cy="1042.92" r="5.76"/> | <circle class="cls-56" cx="852.86" cy="1042.92" r="5.76"/> | ||
<circle class="cls-56" cx="829.86" cy="1057.92" r="5.76"/><circle class="cls-56" cx="846.86" cy="1013.92" r="5.76"/> | <circle class="cls-56" cx="829.86" cy="1057.92" r="5.76"/><circle class="cls-56" cx="846.86" cy="1013.92" r="5.76"/> | ||
<circle class="cls-56" cx="869.86" cy="1066.92" r="5.76"/> | <circle class="cls-56" cx="869.86" cy="1066.92" r="5.76"/> | ||
+ | <g id="Stirred-tank" onclick='toggleBox(this.id)' onMouseOver="this.style.cursor='pointer'"> | ||
<rect class="cls-50" x="437.31" y="1209.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | <rect class="cls-50" x="437.31" y="1209.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | ||
+ | </g> | ||
+ | <g id="Extraction" onclick='toggleBox(this.id)' onMouseOver="this.style.cursor='pointer'"> | ||
<rect class="cls-50" x="791.31" y="1209.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | <rect class="cls-50" x="791.31" y="1209.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | ||
+ | </g> | ||
<circle class="cls-57" cx="734.86" cy="1307.92" r="9.6"/> | <circle class="cls-57" cx="734.86" cy="1307.92" r="9.6"/> | ||
+ | |||
<text class="cls-55" transform="translate(461.73 1252.99)">STIRRED-TANK</text> | <text class="cls-55" transform="translate(461.73 1252.99)">STIRRED-TANK</text> | ||
− | + | <circle class="cls-58" cx="943.7" cy="1063.32" r="4.33" transform="translate(-287.34 353.98) rotate(-18.42)"/> | |
<line class="cls-59" x1="948.11" y1="1063.26" x2="949.92" y2="1062.66"/> | <line class="cls-59" x1="948.11" y1="1063.26" x2="949.92" y2="1062.66"/> | ||
<line class="cls-59" x1="938.1" y1="1066.6" x2="939.91" y2="1065.99"/> | <line class="cls-59" x1="938.1" y1="1066.6" x2="939.91" y2="1065.99"/> | ||
Line 401: | Line 578: | ||
<circle class="cls-62" cx="947.66" cy="1076.68" r="3.04" transform="translate(-244.72 1874.74) rotate(-82.39)"/> | <circle class="cls-62" cx="947.66" cy="1076.68" r="3.04" transform="translate(-244.72 1874.74) rotate(-82.39)"/> | ||
<circle class="cls-40" cx="733.86" cy="1026.92" r="9.6"/> | <circle class="cls-40" cx="733.86" cy="1026.92" r="9.6"/> | ||
− | + | ||
+ | <g id="Separation" onclick='toggleBox(this.id)' onMouseOver="this.style.cursor='pointer'"> | ||
+ | <rect class="cls-50" x="437.31" y="930.31" width="240.5" height="192" rx="6.66" ry="6.66"/> | ||
+ | <path class="cls-66" d="M606.28,1079.64l37.25-64.52a2.49,2.49,0,0,0-2.16-3.74h-74.5a2.49,2.49,0,0,0-2.16,3.74L602,1079.64A2.49,2.49,0,0,0,606.28,1079.64Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M616.27,1032.19c-6.61-9.24-16.94-9.24-23.55,0-.94,1.32,1.24,2.58,2.18,1.27,5.47-7.65,13.73-7.65,19.2,0,.94,1.31,3.12.05,2.18-1.27Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M593.07,1035.65l4.63-1c1.59-.33.92-2.76-.67-2.43l-4.63,1c-1.59.33-.92,2.76.67,2.43Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M594,1034.43l.64-6.95c.15-1.61-2.37-1.6-2.52,0l-.64,6.95c-.15,1.61,2.37,1.6,2.52,0Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M592.16,1049.43c6.61,9.24,16.94,9.24,23.55,0,.94-1.32-1.24-2.58-2.18-1.27-5.47,7.65-13.73,7.65-19.2,0-.94-1.31-3.12-.05-2.18,1.27Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M615.36,1046l-4.63,1c-1.59.33-.92,2.76.67,2.43l4.63-1c1.59-.33.92-2.76-.67-2.43Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-67" d="M614.44,1047.19l-.64,6.95c-.15,1.61,2.37,1.6,2.52,0l.64-6.95c.15-1.61-2.37-1.6-2.52,0Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-23" d="M511.78,1008.69l-19.6,73.14a1.26,1.26,0,0,0,2.43.67l19.6-73.14a1.26,1.26,0,0,0-2.43-.67Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-23" d="M534.22,1008.69l-19.6,73.14a1.26,1.26,0,0,0,2.43.67l19.6-73.14a1.26,1.26,0,0,0-2.43-.67Z" transform="translate(0.31 1.31)"/> | ||
+ | <path class="cls-23" d="M489.22,1008.69l-19.6,73.14a1.26,1.26,0,0,0,2.43.67l19.6-73.14a1.26,1.26,0,0,0-2.43-.67Z" transform="translate(0.31 1.31)"/> | ||
+ | </g> | ||
<path class="cls-63" d="M555.6,1294.9s-9-4-3.53-12.29-5.16-10.48-5.16-10.48" transform="translate(0.31 1.31)"/> | <path class="cls-63" d="M555.6,1294.9s-9-4-3.53-12.29-5.16-10.48-5.16-10.48" transform="translate(0.31 1.31)"/> | ||
<path class="cls-63" d="M571.56,1333.12s9.49-2.69,10.53,7.26,10.64,4.82,10.64,4.82" transform="translate(0.31 1.31)"/> | <path class="cls-63" d="M571.56,1333.12s9.49-2.69,10.53,7.26,10.64,4.82,10.64,4.82" transform="translate(0.31 1.31)"/> | ||
Line 420: | Line 610: | ||
<circle class="cls-65" cx="969.86" cy="1292.92" r="6.34"/> | <circle class="cls-65" cx="969.86" cy="1292.92" r="6.34"/> | ||
<circle class="cls-65" cx="992.86" cy="1345.92" r="6.34"/> | <circle class="cls-65" cx="992.86" cy="1345.92" r="6.34"/> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</g> | </g> | ||
<g id="Layer_7" data-name="Layer 7"> | <g id="Layer_7" data-name="Layer 7"> | ||
Line 468: | Line 649: | ||
</svg> | </svg> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
</html> | </html> |
Revision as of 07:02, 28 October 2017
{{Team:Calgary/BasicPage
|CONTENT=
Our Project
The Problem
Governments and private enterprises alike are gearing up for travel across the Solar System. Plans to colonize nearby planets are underway, with Elon Musk spearheading the initiative to put a human colony on Mars by 2030. In a parallel vein, NASA is planning a manned exploratory mission to Mars as soon as the 2030s. Several other space agencies have similar plans and timelines for their own respective Mars explorations. This exciting time in our history nonetheless comes with the challenges of long-term space travel.
Two ecological and economical challenges arise: the sustainable management of waste produced in space and the high cost of shipping materials to space.
Waste management on a Mars mission will be paramount for the following reasons:
- the need to recover as much water and oxygen as possible to sustain life in outer space,
- the need to treat human waste to minimize health risks for the crew of a Mars mission, and
- the need to preserve the Martian environment as much as possible.
Currently, the cost of shipping materials up to space is …. This cost will limit early Mars mission crews in the supplies that they can bring from Earth to Mars. One way to mitigate this challenge is to develop a system to produce necessary items in space as needs arise.
Our Solution
(Atika's animation goes here)