Difference between revisions of "Team:Calgary/TestingAtika"

Latest revision as of 23:34, 29 October 2017

Header

References

Rose, C., Parker, A., Jefferson, B., & Cartmell, E. (2015). The Characterization of Feces and Urine: A Review of the Literature to Inform Advanced Treatment Technology. Critical Reviews In Environmental Science And Technology, 45(17), 1827-1879. http://dx.doi.org/10.1080/10643389.2014.1000761

@@ Line 5: / Line 5: @@
 <!-- EDIT STUFF HERE -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
@@ Line 20: / Line 19: @@
    var pathArcLeft = MorphSVGPlugin.pathDataToBezier("#motionPath", {align:"#circle2"});
    TweenMax.to("#circle2", 5, {bezier:{values:pathArcLeft, type:"cubic"}, repeat:-1, yoyo:false});
+  TweenMax.set("#sep_circle", {xPercent:-50, yPercent:-40});
+  var pathArcLeft = MorphSVGPlugin.pathDataToBezier("#sep_path", {align:"#sep_circle"});
+  TweenMax.to("#sep_circle", 5, {bezier:{values:pathArcLeft, type:"cubic"}, repeat:-1, yoyo:false});
+  TweenMax.set("#sep_circle1", {xPercent:-50, yPercent:-40});
+  var pathArcLeft = MorphSVGPlugin.pathDataToBezier("#sep_path", {align:"#sep_circle1"});
+  TweenMax.to("#sep_circle1", 2, {bezier:{values:pathArcLeft, type:"cubic"}, repeat:-1, yoyo:false});
+  TweenMax.set("#sep_circle2", {xPercent:-50, yPercent:-40});
+  var pathArcLeft = MorphSVGPlugin.pathDataToBezier("#sep_path2", {align:"#sep_circle2"});
+  TweenMax.to("#sep_circle2", 6, {bezier:{values:pathArcLeft, type:"cubic"}, repeat:-1, yoyo:false});
+  TweenMax.set("#sep_circle3", {xPercent:-50, yPercent:-40});
+  var pathArcLeft = MorphSVGPlugin.pathDataToBezier("#sep_path2", {align:"#sep_circle3"});
+  TweenMax.to("#sep_circle3", 2, {bezier:{values:pathArcLeft, type:"cubic"}, repeat:-1, yoyo:false});
+  TweenMax.set("#plastic_cirlce1", {xPercent:-50, yPercent:-50});
+  var pathLeft = MorphSVGPlugin.pathDataToBezier("#plastic_path", {align:"#plastic_cirlce1"});
+  TweenMax.to("#plastic_cirlce1", 2, {bezier:{values:pathLeft, type:"cubic"}, repeat:-1, yoyo:false});
 });
@@ Line 186: / Line 200: @@
       }
    </style>
+  <style>
+  .myText{fill:#83859e;stroke:#d24f2b;stroke-miterlimit:10;stroke-width:8.46px;}
+  </style>
+  <script type="text/javascript">
+      function init(evt)
+      {
+          if ( window.svgDocument == null )
+          {
+              svgDocument = evt.target.ownerDocument;
+          }
+          maximum_length = 400;
+          my_text = svgDocument.getElementById('text-to-resize');
+          for (var font_size=15; font_size>0; font_size--)
+          {
+              if(my_text.getComputedTextLength() < maximum_length){break;}
+              my_text.setAttributeNS(null, "font-size", font_size);
+          }
+      }
+    </script>
 	</defs>
 	<title>ModelAnimationDesign6</title>
@@ Line 461: / Line 500: @@
            <clipPath id="drop">
              <path class="cls-19" d="M1175.28,1464.66v6.4a1.2,1.2,0,0,0,2.4,0v-6.4a1.2,1.2,0,0,0-2.4,0Z" transform="translate(0.31 1.31)"/>
+     				<path class="cls-19" d="M1175.28,1481.46v16a1.2,1.2,0,0,0,2.4,0v-16a1.2,1.2,0,0,0-2.4,0Z" transform="translate(0.31 1.31)"/>
+    				<path class="cls-19" d="M1175.28,1505.06v17a1.2,1.2,0,0,0,2.4,0v-17a1.2,1.2,0,0,0-2.4,0Z" transform="translate(0.31 1.31)"/>
      				<path class="cls-19" d="M1128.88,1567.06s48-39.2,48-56v60l-48-4" transform="translate(0.31 1.31)"/>
      				<path class="cls-19" d="M1224.88,1567.06s-48-39.2-48-56v60l48-4" transform="translate(0.31 1.31)"/>
@@ Line 472: / Line 512: @@
      				<path class="cls-19" d="M1175.28,1505.06v17a1.2,1.2,0,0,0,2.4,0v-17a1.2,1.2,0,0,0-2.4,0Z" transform="translate(0.31 1.31)"/>
      				<path class="cls-19" d="M1128.88,1567.06s48-39.2,48-56v60l-48-4" transform="translate(0.31 1.31)"/>
-     				<path class="cls-19" d="M1224.88,1567.06s-48-39.2-48-56v60l48-4" transform="translate(0.31 1.31)"/>s
+     				<path class="cls-19" d="M1224.88,1567.06s-48-39.2-48-56v60l48-4" transform="translate(0.31 1.31)"/>
            </g>
          </g>
@@ Line 490: / Line 530: @@
 				<line class="cls-37" x1="283.26" y1="1307.65" x2="480.81" y2="1306.81"/>
 				<!--after separation path-->
-         <path class="cls-38" d="M251.32,1025c-52.55,0-64,14.86-64,83.07l.18,137" transform="translate(0.31 1.31)"/>
+         <path id="sep_path" class="cls-38" d="M251.32,1025c-52.55,0-64,14.86-64,83.07l.18,137" transform="translate(0.31 1.31)"/>
+        <circle id="sep_circle" class="cls-39" cx="317.86" cy="1025.92" r="9.6"/>
+        <path id="sep_path2" class="cls-37" d="M187.45,1242.67c0,52.55,11.45,64,64,64l105.52-.18" transform="translate(0.31 1.31)"/> 				<!--after separation path-->
+        <circle  id="sep_circle2" class="cls-39" cx="187.39" cy="1234.74" r="9.6"/>
          <!---->
-				<circle class="cls-39" cx="317.86" cy="1025.92" r="9.6"/>
+				<circle id="sep_circle1" class="cls-39" cx="317.86" cy="1025.92" r="9.6"/>
-				<circle class="cls-39" cx="253.86" cy="1025.92" r="9.6"/>
+				<!--<circle class="cls-39" cx="253.86" cy="1025.92" r="9.6"/>
 				<circle class="cls-39" cx="187.86" cy="1106.92" r="9.6"/>
 				<circle class="cls-39" cx="196.86" cy="1047.92" r="9.6"/>
 				<circle class="cls-39" cx="381.86" cy="1025.92" r="9.6"/>
+        <circle class="cls-39" cx="316.86" cy="1307.92" r="9.6"/>
+        <circle class="cls-39" cx="380.86" cy="1306.92" r="9.6"/>
+        <circle  class="cls-39" cx="199.39" cy="1292.74" r="9.6"/>
+-->
 				<line class="cls-37" x1="246.63" y1="1307.98" x2="265.83" y2="1307.98"/>
-				<path class="cls-37" d="M187.45,1242.67c0,52.55,11.45,64,64,64l105.52-.18" transform="translate(0.31 1.31)"/> 				<!--after separation path-->
+				<circle id="sep_circle3" class="cls-39" cx="187.86" cy="1168.92" r="9.6"/>
-				<circle class="cls-39" cx="187.39" cy="1234.74" r="9.6"/>
-				<circle class="cls-39" cx="252.39" cy="1307.74" r="9.6"/>
-				<circle class="cls-39" cx="199.39" cy="1292.74" r="9.6"/>
-				<circle class="cls-39" cx="187.86" cy="1168.92" r="9.6"/>
-				<circle class="cls-39" cx="316.86" cy="1307.92" r="9.6"/>
-				<circle class="cls-39" cx="380.86" cy="1306.92" r="9.6"/>
 				<line class="cls-37" x1="635.26" y1="1307.65" x2="832.81" y2="1306.81"/>
-				<circle class="cls-40" cx="1175.86" cy="831.32" r="9.6"/>
 				<line class="cls-37" x1="1174.93" y1="976.32" x2="1175.77" y2="778.77"/>
 				<line class="cls-37" x1="1116.42" y1="1025.96" x2="1097.22" y2="1025.96"/>
@@ Line 532: / Line 574: @@
 				<line class="cls-38" x1="1175.93" y1="1356.38" x2="1176.77" y2="1395.31"/>
 				<line class="cls-37" x1="1117.42" y1="1306.74" x2="1098.22" y2="1306.74"/>
-				<path class="cls-37" d="M1176,1369.43c0-52.55-11.45-64-64-64l-105.53.18" transform="translate(0.31 1.31)"/>
-				<circle class="cls-48" cx="1091.86" cy="1306.28" r="9.6"/>
+        <path id ="plastic_path" class="cls-37" d="M1176,1369.43c0-52.55-11.45-64-64-64l-105.53.18" transform="translate(0.31 1.31)"/>
-				<circle class="cls-48" cx="1156.86" cy="1314.28" r="9.6"/>
+				<circle id="plastic_circle1" class="cls-48" cx="1091.86" cy="1306.28" r="9.6"/>
-				<circle class="cls-48" cx="1176.86" cy="1372.28" r="9.6"/>
+				<circle id="plastic_circle2" class="cls-48" cx="1156.86" cy="1314.28" r="9.6"/>
+				<!--<circle class="cls-48" cx="1176.86" cy="1372.28" r="9.6"/>-->
 				<path class="cls-49" d="M1137.28,1331.06" transform="translate(0.31 1.31)"/>
@@ Line 698: / Line 741: @@
 		</g>
 	</g>
+  <rect class="myText top" id="rect1"  x="450" y="1300" width="300" height="250"/>
+<text  id="text-to-resize"
+ text-anchor="middle"
+ x="170" y="50" fill="#fff"
+ font-family="Times New Roman" font-size="15">
+ VFA fermentation is the first step of the process, where astronauts’ feces are fermented for 3 days at 22 C with bacteria naturally found in human feces</text>
+<text  id="text-to-resize"
+       text-anchor="middle"
+       x="230" y="80" fill="#fff"
+       font-family="Times New Roman" font-size="15"> to increase the concentration of volatile fatty acids (VFA) that are later consumed by engineered bacteria to produce PHB. Feces are collected into into a storage tank using a vacuum toilet before being transferred into the VFA fermenter.
+</text>
    <img id="Box1" class = "top" x="0" y="100" width="37%" height="38%" style=preserveAspectRatio="xMinYMin slice"  src="https://static.igem.org/mediawiki/2017/7/7a/Textbox1.png">
@@ Line 705: / Line 760: @@
 </svg>