Team:Northwestern

From 2014.igem.org

(Difference between revisions)
Line 21: Line 21:
      
      
<style>
<style>
-
/*svg*/
 
-
 
-
$elements:10;
 
-
$animationTime:5s;
 
-
$animationDelayIncrease:200ms;
 
-
$animationType:ease-out;
 
-
$strokeLength:2,50; /* 2,50 */
 
-
$strokeAnimationStart:700; /* 0 */
 
-
$strokeAnimationEnd:800;  /* 800 */
 
-
$backgroundColor:transparent;
 
-
 
-
@for $i from 1 through $elements {
 
-
  #svg [stroke]:nth-of-type(#{$i}) {
 
-
    stroke-dasharray: $strokeLength;
 
-
    animation:animation $animationTime $animationType infinite;
 
-
    animation-delay:$animationDelayIncrease*$i;
 
-
    fill:$backgroundColor;
 
-
    stroke:hsla(random(365), 90, 50, 1);
 
-
    transform-origin: 50% 50%;
 
-
    stroke-width:5;
 
-
    stroke-linecap:round;
 
-
    stroke-opacity:50%;
 
-
  }
 
-
}
 
-
 
-
 
-
@keyframes animation {
 
-
  0%  { stroke-dashoffset: $strokeAnimationStart;
 
-
        transform: rotateX(0deg)  rotateY(0deg) rotateZ(0deg);
 
-
        stroke-width:5;
 
-
      }
 
-
  50% {  stroke-width:50; transform:scale(2); }
 
-
  100% { stroke-dashoffset: $strokeAnimationEnd;
 
-
        transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg) scale(0.5);
 
-
        stroke-width:5;
 
-
  }
 
-
}
 
-
 
-
 
-
#svg {
 
-
  position:relative;
 
-
  background:white;
 
-
  border-radius:50%;
 
-
  width:600px;
 
-
  height:600px;
 
-
}
 
-
 
-
body {
 
-
  background:beige;
 
-
  display:box;
 
-
  box-pack:center;
 
-
  box-align:center;
 
-
}
 
h1, h2, h3, h4 {
h1, h2, h3, h4 {
Line 253: Line 200:
       </div>
       </div>
</div>
</div>
-
<svg id="svg"></svg>
+
 
Line 304: Line 251:
     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
     <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-
    <script type="text/javascript">
 
-
var svg = Snap("#svg");
 
-
for(var i=0; i<10; i++) {
+
 
-
  var size = 100; /* Play around with these: i*10 or 100-10*i */
+
-
  var circle1 = svg.circle(300, 300, size);
+
-
  circle1.attr({
+
-
    stroke: "#000"
+
-
  });
+
-
}
+
-
</script>
+
   </body>
   </body>
</html>
</html>

Revision as of 01:59, 3 September 2014

Dropdown menu from bootstrap

Bootstrap 3 Carousel

Home

NU Models: Breaking Down Walls!

NU Models seeks to expand promoter and ribosome binding site characterization of E. Coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.

Learn More

Accomplishments

parts submitted, and etc

View details

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

View details »

Retrieved from "http://2014.igem.org/Team:Northwestern"