Difference between revisions of "Team:Ecuador/Model"

Line 13: Line 13:
 
}
 
}
 
      
 
      
−
 
−
.ecuador_menu {
 
−
    font-size: 14px;
 
−
    width: 100%;
 
−
    height: 80px;
 
−
    position: fixed;
 
−
    left: 0px;
 
−
    top: 15px;
 
−
    background-color: #2471A3;
 
−
    animation-name: fade-in;
 
−
    animation-duration: 2s;
 
−
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 
−
    -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 
−
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 
−
    display: flex;
 
−
    z-index: 5;
 
−
  }
 
−
 
−
    .ecuador_home {
 
−
      width: 16%;
 
−
      height: 100%;
 
−
      display: flex;
 
−
      justify-content: center;
 
−
      background-color: #1F618D;
 
−
      position: absolute;
 
−
      align-items: center;
 
−
      margin: auto auto;
 
−
      left: 1.5%;
 
−
      color: #FFF;
 
−
      transition: 0.5s;
 
−
      -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
−
      -moz-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
−
      box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 
−
      z-index: 10;
 
−
 
−
    }
 
−
 
−
    .ecuador_home:hover {
 
−
      cursor: pointer;
 
−
      font-size: 16px;
 
−
      background-color: #1A5276;
 
−
      box-shadow: none;
 
−
    }
 
−
 
−
    .menu_options_container {
 
−
    width: 79%;
 
−
    height: 50px;
 
−
    position: absolute;
 
−
    left: 19%;
 
−
    top: 15px;
 
−
    display: flex;
 
−
    justify-content: center;
 
−
  }
 
−
 
−
  .menu_option {
 
−
    width: 14.28%;
 
−
    height: 100%;
 
−
    position: relative;
 
−
    justify-content: center;
 
−
    align-items: center;
 
−
    display: flex;
 
−
    color: #FFFFFF;
 
−
    transition: 0.2s;
 
−
    text-align: center;
 
−
  }
 
−
 
−
    #project {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 0.5s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 0%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #parts {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 0.6s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 12.5%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #human_practice {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 0.7s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 25%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #safety {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 0.8s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 37.5%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #interlab {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 0.9s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 50%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #judging_forms {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 1s;
 
−
    animation-fill-mode: backwards;
 
−
 
−
    position: absolute;
 
−
    left: 62.5%;
 
−
    z-index: 9;
 
−
  }
 
−
 
−
  #team {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 1.1s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 75%;
 
−
    z-index: 9;
 
−
  }
 
−
#atributions {
 
−
    animation-name: slide-in-up-oposite;
 
−
    animation-duration: 0.5s;
 
−
    animation-delay: 1.2s;
 
−
    animation-fill-mode: backwards;
 
−
    position: absolute;
 
−
    left: 87.5%;
 
−
    z-index: 9;
 
−
  }
 
−
.ecuador_href_text {
 
−
    width: 14.28% !important;
 
−
    height: 100% !important;
 
−
    position: relative !important;
 
−
    justify-content: center !important;
 
−
    align-items: center !important;
 
−
    display: flex !important;
 
−
    color: #FFFFFF !important;
 
−
    transition: 0.2s !important;
 
−
    text-align: center !important;
 
−
    text-decoration: none !important;
 
−
    font-weight: bold !important;
 
−
  }
 
−
 
−
  .ecuador_href_sub_text {
 
−
    width: 100% !important;
 
−
    height: 40px !important;
 
−
    position: relative !important;
 
−
    text-align: left !important;
 
−
    text-indent: 20px !important;
 
−
    display: flex !important;
 
−
    background-color: #FFF !important;
 
−
    margin: auto auto !important;
 
−
    align-items: center !important;
 
−
    transition: 0.2s !important;
 
−
    color: #D5DBDB !important;
 
−
    text-decoration: none !important;
 
−
  }
 
−
 
−
    .menu_option:hover {
 
−
    margin-top: 3px;
 
−
    cursor: pointer;
 
−
  }
 
−
 
−
  .menu_option:hover div.menu_sub_options_container{
 
−
    display: block;
 
−
  }
 
−
 
−
  .menu_sub_options_container {
 
−
    width: 100%;
 
−
    height: auto;
 
−
    position: absolute;
 
−
    top: 50px;
 
−
    display: none;
 
−
  }
 
−
 
−
    .sub_menu_option {
 
−
    width: 100%;
 
−
    height: 40px;
 
−
    position: relative;
 
−
    text-align: left;
 
−
    text-indent: 20px;
 
−
    display: flex;
 
−
    background-color: #000;
 
−
    margin: auto auto;
 
−
    align-items: center;
 
−
    transition: 0.2s;
 
−
    color: #D5DBDB;
 
−
  }
 
−
 
−
  .sub_menu_option:hover {
 
−
text-indent: 71px;
 
−
background-color: #2E86C1;
 
−
  }
 
−
.ecuador_footer {
 
−
      width: 100%;
 
−
      height: 250px;
 
−
      position: relative;
 
−
      left: 0px;
 
−
      background-color: #212F3C;
 
−
    }
 
−
 
−
    .ecuador_footer_igem_logo {
 
−
      width: 180px;
 
−
      height: 180px;
 
−
      position: absolute;
 
−
      right: 80px;
 
−
      top: 35px;
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png);
 
−
      background-size: 100%;
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
    }
 
−
 
−
    .ecuador_footer_information_layout {
 
−
      width: 75%;
 
−
      height: 80%;
 
−
      position: absolute;
 
−
      left: 60px;
 
−
      top: 15%;
 
−
      display: flex;
 
−
    }
 
−
 
−
    .ecuador_footer_information_container {
 
−
      width: 33.33%;
 
−
      height: 100%;
 
−
      position: relative;
 
−
    }
 
−
 
−
    .ecuador_footer_information_title_container {
 
−
      width: 100%;
 
−
      height: 25px;
 
−
      position: relative;
 
−
      top: 0px;
 
−
      text-align: center;
 
−
      font-size: 20px;
 
−
      font-weight: bold;
 
−
      color: #B2BABB;
 
−
    }
 
−
 
−
    .ecuador_follow_us_icons_container {
 
−
width: 50%;
 
−
height: 60px;
 
−
position: relative;
 
−
top: 40px;
 
−
margin: auto;
 
−
display: flex;
 
−
    }
 
−
.ecuador_information_data_container{
 
−
width: 80%;
 
−
      height: 60px;
 
−
      position: relative;
 
−
      top: 25px;
 
−
      margin: auto;
 
−
      display: flex;
 
−
font-size: 17px;
 
−
}
 
−
 
−
    .ecuador_follow_us_icon {
 
−
      width: 70px;
 
−
      height: 60px;
 
−
      position: relative;
 
−
      margin: auto;
 
−
    }
 
−
 
−
    #facebook {
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 80%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
 
−
    #facebook:hover {
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
 
−
      cursor: pointer;
 
−
    }
 
−
 
−
    #instagram {
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 80%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
 
−
    #instagram:hover {
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
 
−
      cursor: pointer;
 
−
    }
 
−
 
−
.ecuador_sponsors_icons_container {
 
−
width: 100%;
 
−
height: 60px;
 
−
position: relative;
 
−
top: 40px;
 
−
margin-top: auto;
 
−
margin-right: auto;
 
−
margin-left: auto;
 
−
margin-bottom: auto;
 
−
display: flex;
 
−
    }
 
−
.ecuador_sponsors_icon {
 
−
width: 60px;
 
−
height: 60px;
 
−
position: relative;
 
−
margin-right: 4px;
 
−
margin-left: 4px;
 
−
    }
 
−
#ing_bio{
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/17/T--Ecuador--Logo--BIO.png/902px-T--Ecuador--Logo--BIO.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 90%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
#ing_bio:hover {
 
−
      background-size: 93%;
 
−
      cursor: pointer;
 
−
    }
 
−
#espe{
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/d/d2/T--Ecuador--Logo--ESPE.png/1066px-T--Ecuador--Logo--ESPE.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 120%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
#espe:hover {
 
−
      background-size: 125%;
 
−
      cursor: pointer;
 
−
    }
 
−
#idgen{
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/e/e2/T--Ecuador--Logo--Idgen.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 90%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
#idgen:hover {
 
−
      background-size: 93%;
 
−
      cursor: pointer;
 
−
    }
 
−
#tukii{
 
−
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/2/26/T--Ecuador--Logo--Tukii.png/1024px-T--Ecuador--Logo--Tukii.png);
 
−
      background-repeat: no-repeat;
 
−
      background-position: center;
 
−
      background-size: 90%;
 
−
      transition: 0.4s;
 
−
      border-radius: 5px;
 
−
    }
 
−
#tukii:hover {
 
−
      background-size: 93%;
 
−
      cursor: pointer;
 
−
    }
 
−
 
 
@charset "utf-8";
 
@charset "utf-8";
 
/* CSS Document */
 
/* CSS Document */
Line 411: Line 36:
 
}
 
}
 
.ec--modeling--items{
 
.ec--modeling--items{
−
display: flex;
+
display: block;
 
position: fixed;
 
position: fixed;
 
float: right;
 
float: right;
Line 457: Line 82:
 
#bigBox {
 
#bigBox {
 
   width:800px;
 
   width:800px;
−
   height: 500px;
+
   height: 300px;
 
}
 
}
 
#leftBox {
 
#leftBox {
 
   float:left;
 
   float:left;
−
   height:500px;
+
   height:300px;
 
   width: 390px;
 
   width: 390px;
 
   margin:0;
 
   margin:0;
Line 467: Line 92:
 
#rightBox {
 
#rightBox {
 
   float:right;
 
   float:right;
−
   height:500px;
+
   height:300px;
 
   width: 390px;
 
   width: 390px;
 
}
 
}
Line 476: Line 101:
 
padding-left: 25px;
 
padding-left: 25px;
 
}
 
}
−
.ec--main--title h1{
+
 
−
color:black;
+
</style>
 +
<style>
 +
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 +
 
 +
/**
 +
* 1. Set default font family to sans-serif.
 +
* 2. Prevent iOS text size adjust after orientation change, without disabling
 +
*    user zoom.
 +
*/
 +
 
 +
html {
 +
  font-family: sans-serif; /* 1 */
 +
  -ms-text-size-adjust: 100%; /* 2 */
 +
  -webkit-text-size-adjust: 100%; /* 2 */
 
}
 
}
−
.ec--nau--content h2{
+
 
−
color:black;
+
/**
 +
* Remove default margin.
 +
*/
 +
 
 +
body {
 +
  margin: 0;
 
}
 
}
−
</style>
+
 
 +
/* HTML5 display definitions
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Correct `block` display not defined for any HTML5 element in IE 8/9.
 +
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 +
* Correct `block` display not defined for `main` in IE 11.
 +
*/
 +
 
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
main,
 +
nav,
 +
section,
 +
summary {
 +
  display: block;
 +
}
 +
 
 +
/**
 +
* 1. Correct `inline-block` display not defined in IE 8/9.
 +
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 +
*/
 +
 
 +
audio,
 +
canvas,
 +
progress,
 +
video {
 +
  display: inline-block; /* 1 */
 +
  vertical-align: baseline; /* 2 */
 +
}
 +
 
 +
/**
 +
* Prevent modern browsers from displaying `audio` without controls.
 +
* Remove excess height in iOS 5 devices.
 +
*/
 +
 
 +
audio:not([controls]) {
 +
  display: none;
 +
  height: 0;
 +
}
 +
 
 +
/**
 +
* Address `[hidden]` styling not present in IE 8/9/10.
 +
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 +
*/
 +
 
 +
[hidden],
 +
template {
 +
  display: none;
 +
}
 +
 
 +
/* Links
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Remove the gray background color from active links in IE 10.
 +
*/
 +
 
 +
a {
 +
  background: transparent;
 +
}
 +
 
 +
/**
 +
* Improve readability when focused and also mouse hovered in all browsers.
 +
*/
 +
 
 +
a:active,
 +
a:hover {
 +
  outline: 0;
 +
}
 +
 
 +
/* Text-level semantics
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 +
*/
 +
 
 +
abbr[title] {
 +
  border-bottom: 1px dotted;
 +
}
 +
 
 +
/**
 +
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 +
*/
 +
 
 +
b,
 +
strong {
 +
  font-weight: bold;
 +
}
 +
 
 +
/**
 +
* Address styling not present in Safari and Chrome.
 +
*/
 +
 
 +
dfn {
 +
  font-style: italic;
 +
}
 +
 
 +
/**
 +
* Address variable `h1` font-size and margin within `section` and `article`
 +
* contexts in Firefox 4+, Safari, and Chrome.
 +
*/
 +
 
 +
h1 {
 +
  font-size: 2em;
 +
  margin: 0.67em 0;
 +
}
 +
 
 +
/**
 +
* Address styling not present in IE 8/9.
 +
*/
 +
 
 +
mark {
 +
  background: #ff0;
 +
  color: #000;
 +
}
 +
 
 +
/**
 +
* Address inconsistent and variable font size in all browsers.
 +
*/
 +
 
 +
small {
 +
  font-size: 80%;
 +
}
 +
 
 +
/**
 +
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
 +
*/
 +
 
 +
sub,
 +
sup {
 +
  font-size: 75%;
 +
  line-height: 0;
 +
  position: relative;
 +
  vertical-align: baseline;
 +
}
 +
 
 +
sup {
 +
  top: -0.5em;
 +
}
 +
 
 +
sub {
 +
  bottom: -0.25em;
 +
}
 +
 
 +
/* Embedded content
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Remove border when inside `a` element in IE 8/9/10.
 +
*/
 +
 
 +
img {
 +
  border: 0;
 +
}
 +
 
 +
/**
 +
* Correct overflow not hidden in IE 9/10/11.
 +
*/
 +
 
 +
svg:not(:root) {
 +
  overflow: hidden;
 +
}
 +
 
 +
/* Grouping content
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Address margin not present in IE 8/9 and Safari.
 +
*/
 +
 
 +
figure {
 +
  margin: 1em 40px;
 +
}
 +
 
 +
/**
 +
* Address differences between Firefox and other browsers.
 +
*/
 +
 
 +
hr {
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
  height: 0;
 +
}
 +
 
 +
/**
 +
* Contain overflow in all browsers.
 +
*/
 +
 
 +
pre {
 +
  overflow: auto;
 +
}
 +
 
 +
/**
 +
* Address odd `em`-unit font size rendering in all browsers.
 +
*/
 +
 
 +
code,
 +
kbd,
 +
pre,
 +
samp {
 +
  font-family: monospace, monospace;
 +
  font-size: 1em;
 +
}
 +
 
 +
/* Forms
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Known limitation: by default, Chrome and Safari on OS X allow very limited
 +
* styling of `select`, unless a `border` property is set.
 +
*/
 +
 
 +
/**
 +
* 1. Correct color not being inherited.
 +
*    Known issue: affects color of disabled elements.
 +
* 2. Correct font properties not being inherited.
 +
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 +
*/
 +
 
 +
button,
 +
input,
 +
optgroup,
 +
select,
 +
textarea {
 +
  color: inherit; /* 1 */
 +
  font: inherit; /* 2 */
 +
  margin: 0; /* 3 */
 +
}
 +
 
 +
/**
 +
* Address `overflow` set to `hidden` in IE 8/9/10/11.
 +
*/
 +
 
 +
button {
 +
  overflow: visible;
 +
}
 +
 
 +
/**
 +
* Address inconsistent `text-transform` inheritance for `button` and `select`.
 +
* All other form control elements do not inherit `text-transform` values.
 +
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 +
* Correct `select` style inheritance in Firefox.
 +
*/
 +
 
 +
button,
 +
select {
 +
  text-transform: none;
 +
}
 +
 
 +
/**
 +
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 +
*    and `video` controls.
 +
* 2. Correct inability to style clickable `input` types in iOS.
 +
* 3. Improve usability and consistency of cursor style between image-type
 +
*    `input` and others.
 +
*/
 +
 
 +
button,
 +
html input[type="button"], /* 1 */
 +
input[type="reset"],
 +
input[type="submit"] {
 +
  -webkit-appearance: button; /* 2 */
 +
  cursor: pointer; /* 3 */
 +
}
 +
 
 +
/**
 +
* Re-set default cursor for disabled elements.
 +
*/
 +
 
 +
button[disabled],
 +
html input[disabled] {
 +
  cursor: default;
 +
}
 +
 
 +
/**
 +
* Remove inner padding and border in Firefox 4+.
 +
*/
 +
 
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
  border: 0;
 +
  padding: 0;
 +
}
 +
 
 +
/**
 +
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
 +
* the UA stylesheet.
 +
*/
 +
 
 +
input {
 +
  line-height: normal;
 +
}
 +
 
 +
/**
 +
* It's recommended that you don't attempt to style these elements.
 +
* Firefox's implementation doesn't respect box-sizing, padding, or width.
 +
*
 +
* 1. Address box sizing set to `content-box` in IE 8/9/10.
 +
* 2. Remove excess padding in IE 8/9/10.
 +
*/
 +
 
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
  box-sizing: border-box; /* 1 */
 +
  padding: 0; /* 2 */
 +
}
 +
 
 +
/**
 +
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
 +
* `font-size` values of the `input`, it causes the cursor style of the
 +
* decrement button to change from `default` to `text`.
 +
*/
 +
 
 +
input[type="number"]::-webkit-inner-spin-button,
 +
input[type="number"]::-webkit-outer-spin-button {
 +
  height: auto;
 +
}
 +
 
 +
/**
 +
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 +
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 +
*    (include `-moz` to future-proof).
 +
*/
 +
 
 +
input[type="search"] {
 +
  -webkit-appearance: textfield; /* 1 */
 +
  -moz-box-sizing: content-box;
 +
  -webkit-box-sizing: content-box; /* 2 */
 +
  box-sizing: content-box;
 +
}
 +
 
 +
/**
 +
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
 +
* Safari (but not Chrome) clips the cancel button when the search input has
 +
* padding (and `textfield` appearance).
 +
*/
 +
 
 +
input[type="search"]::-webkit-search-cancel-button,
 +
input[type="search"]::-webkit-search-decoration {
 +
  -webkit-appearance: none;
 +
}
 +
 
 +
/**
 +
* Define consistent border, margin, and padding.
 +
*/
 +
 
 +
fieldset {
 +
  border: 1px solid #c0c0c0;
 +
  margin: 0 2px;
 +
  padding: 0.35em 0.625em 0.75em;
 +
}
 +
 
 +
/**
 +
* 1. Correct `color` not being inherited in IE 8/9/10/11.
 +
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
 +
*/
 +
 
 +
legend {
 +
  border: 0; /* 1 */
 +
  padding: 0; /* 2 */
 +
}
 +
 
 +
/**
 +
* Remove default vertical scrollbar in IE 8/9/10/11.
 +
*/
 +
 
 +
textarea {
 +
  overflow: auto;
 +
}
 +
 
 +
/**
 +
* Don't inherit the `font-weight` (applied by a rule above).
 +
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 +
*/
 +
 
 +
optgroup {
 +
  font-weight: bold;
 +
}
 +
 
 +
/* Tables
 +
  ========================================================================== */
 +
 
 +
/**
 +
* Remove most spacing between table cells.
 +
*/
 +
 
 +
table {
 +
  border-collapse: collapse;
 +
  border-spacing: 0;
 +
}
 +
 
 +
td,
 +
th {
 +
  padding: 0;
 +
}
 +
 
 +
</style>
 +
<style>
 +
/*
 +
* Ideal Image Slider v1.5.1
 +
*
 +
* By Gilbert Pellegrom
 +
* http://gilbert.pellegrom.me
 +
*
 +
* Copyright (C) 2014 Dev7studios
 +
* https://raw.githubusercontent.com/gilbitron/Ideal-Image-Slider/master/LICENSE
 +
*/
 +
 
 +
.ideal-image-slider {
 +
position: relative;
 +
overflow: hidden;
 +
}
 +
.iis-slide {
 +
display: block;
 +
bottom: 0;
 +
text-decoration: none;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background-repeat: no-repeat;
 +
background-position: 50% 50%;
 +
background-size: cover;
 +
text-indent: -9999px;
 +
}
 +
 
 +
/* Slide effect */
 +
.iis-effect-slide .iis-slide {
 +
opacity: 0;
 +
-webkit-transition-property: -webkit-transform;
 +
  -moz-transition-property: -moz-transform;
 +
-o-transition-property: -o-transform;
 +
transition-property: transform;
 +
-webkit-transition-timing-function: ease-out;
 +
  -moz-transition-timing-function: ease-out;
 +
-o-transition-timing-function: ease-out;
 +
transition-timing-function: ease-out;
 +
-webkit-transform: translateX(0%);
 +
-ms-transform: translateX(0%);
 +
transform: translateX(0%);
 +
}
 +
.iis-effect-slide .iis-current-slide {
 +
opacity: 1;
 +
z-index: 1;
 +
}
 +
.iis-effect-slide .iis-previous-slide {
 +
-webkit-transform: translateX(-100%);
 +
-ms-transform: translateX(-100%);
 +
transform: translateX(-100%);
 +
}
 +
.iis-effect-slide .iis-next-slide {
 +
-webkit-transform: translateX(100%);
 +
-ms-transform: translateX(100%);
 +
transform: translateX(100%);
 +
}
 +
.iis-effect-slide.iis-direction-next .iis-previous-slide,
 +
.iis-effect-slide.iis-direction-previous .iis-next-slide { opacity: 1; }
 +
 
 +
/* Touch styles */
 +
.iis-touch-enabled .iis-slide { z-index: 1; }
 +
.iis-touch-enabled .iis-current-slide { z-index: 2; }
 +
.iis-touch-enabled.iis-is-touching .iis-previous-slide,
 +
.iis-touch-enabled.iis-is-touching .iis-next-slide { opacity: 1; }
 +
 
 +
/* Fade effect */
 +
.iis-effect-fade .iis-slide {
 +
-webkit-transition-property: opacity;
 +
  -moz-transition-property: opacity;
 +
-o-transition-property: opacity;
 +
transition-property: opacity;
 +
-webkit-transition-timing-function: ease-in;
 +
  -moz-transition-timing-function: ease-in;
 +
-o-transition-timing-function: ease-in;
 +
transition-timing-function: ease-in;
 +
opacity: 0;
 +
}
 +
.iis-effect-fade .iis-current-slide {
 +
opacity: 1;
 +
z-index: 1;
 +
}
 +
/* Captions */
 +
.iis-has-captions .iis-slide { text-indent: 0; }
 +
.iis-caption {
 +
position: absolute;
 +
left: 5%;
 +
bottom: 5%;
 +
max-width: 90%;
 +
z-index: 10;
 +
background: #000;
 +
background: rgba(0,0,0,0.5);
 +
padding: 5px 15px;
 +
border-radius: 10px;
 +
font: 14px/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
color: #fff;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
.iis-has-bullet-nav .iis-caption { max-width: 42%; }
 +
.iis-caption .iis-caption-title { font-weight: bold; }
 +
.iis-caption .iis-caption-content {
 +
font-size: 13px;
 +
line-height: 1.6em;
 +
color: #eee;
 +
}
 +
.iis-caption .iis-caption-content a,
 +
.iis-caption .iis-caption-content a:visited {
 +
color: #eee;
 +
text-decoration: underline;
 +
border: 0;
 +
}
 +
.iis-caption .iis-caption-content a:hover,
 +
.iis-caption .iis-caption-content a:active {
 +
color: #fff;
 +
}
 +
 
 +
</style>
 
</head>
 
</head>
  
Line 490: Line 659:
 
<div class="ec--first--section">
 
<div class="ec--first--section">
 
<div class="ec--main--title">
 
<div class="ec--main--title">
−
<a name="MOD"  style="text-decoration: none;"><h1>Modeling</h1></a>
+
<a name="MOD"  style="text-decoration: none;"><h1>Collaborations</h1></a>
 
</div>
 
</div>
 
<div class="ec--modeling--items">
 
<div class="ec--modeling--items">
Line 507: Line 676:
 
<div class="ec--nau--content">
 
<div class="ec--nau--content">
 
<div class="ec--sect--title">
 
<div class="ec--sect--title">
−
<a name="WWD" style="text-decoration: none;"><h2>WHAT DID WE DO?</h2></a>
+
<h2><a name="I1" style="text-decoration: none;">1. 08 ABRIL 2018 MEXICO </a></h2>
−
  <p>Parrafo<br></p>
+
                <p><a href="https://2018.igem.org/Team:TecCEM">https://2018.igem.org/Team:TecCEM</a></p>
−
  <div class="ec--img--wwd--cont">
+
                <p><br>
−
<p><img width="700" height="500" src="https://static.igem.org/mediawiki/2018/d/d6/T--ECUADOR--Modeling.jpeg"></p>
+
                </p>
−
  </div>
+
               <p>Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México&nbsp;<a href="https://www.facebook.com/IgemTecMty/?__tn__=K-R&eid=ARAfb2E_6sxoGf4U-PxAIacXPEw8zbW5uHmz2rp4JDTxuw9QoSRDH1kJjKATRrqqhDqwW7prNtPdjth9&fref=mentions&__xts__%5B0%5D=68.ARCSxE4dTZUUKRVcQ5ejA987KvONVqpZm8oWOiQGmbtgfTM_-4M75OGo27BaI_kW1U_rIVi-dbkrqwEillzVDfO_u3nF_M8xmTZ_H_uilE7na8XTf_VdmNlvw5y7xRs3r2jofNMWsMHW1Fwk59pLx6RLQ_MVMLtf3MQGI8kOAZ-rwYYhJmQG">IGEM  Tec-Monterrey</a>&nbsp;con quienes iniciamos colaboraciones conjuntas con miras a la  competencia mundial (octubre-2018)<br>
−
          <h3>Converting between  absorbance of cells to absorbance of a known concentration of beads.</h3>
+
              <p>Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México&nbsp;<a href="https://www.facebook.com/IgemTecMty/?__tn__=K-R&eid=ARAfb2E_6sxoGf4U-PxAIacXPEw8zbW5uHmz2rp4JDTxuw9QoSRDH1kJjKATRrqqhDqwW7prNtPdjth9&fref=mentions&__xts__%5B0%5D=68.ARCSxE4dTZUUKRVcQ5ejA987KvONVqpZm8oWOiQGmbtgfTM_-4M75OGo27BaI_kW1U_rIVi-dbkrqwEillzVDfO_u3nF_M8xmTZ_H_uilE7na8XTf_VdmNlvw5y7xRs3r2jofNMWsMHW1Fwk59pLx6RLQ_MVMLtf3MQGI8kOAZ-rwYYhJmQG">IGEM  Tec-Monterrey</a>&nbsp;con quienes iniciamos colaboraciones conjuntas con miras a la  competencia mundial (octubre-2018)<br>
−
              <p>...</p>
+
                  El día de hoy tuvimos la oportunidad de  contactarnos con el equipo de&nbsp;<a href="https://www.facebook.com/BiosinEcuador/?__tn__=KH-R&eid=ARCfK2K3TZZH0ntl7nY_OhXTjadAxz6JDiAACcqOrm56w4y-GI1rUmAyQsNu7B02y2TXMrC-5yr8ghsF&fref=mentions&__xts__%5B0%5D=68.ARCSxE4dTZUUKRVcQ5ejA987KvONVqpZm8oWOiQGmbtgfTM_-4M75OGo27BaI_kW1U_rIVi-dbkrqwEillzVDfO_u3nF_M8xmTZ_H_uilE7na8XTf_VdmNlvw5y7xRs3r2jofNMWsMHW1Fwk59pLx6RLQ_MVMLtf3MQGI8kOAZ-rwYYhJmQG">IGEM  Ecuador - Biología Sintética</a>&nbsp;cuya participación es la primera en esta competencia. Estamos muy entusiasmados en colaborar con ellos!!! #                                                                      &#127474;&#127485;    &#127466;&#127464; </p>
−
               <h3>Counting colony-forming units (CFUs) from the sample.</h3>
+
<div id="slider_Mexico">
−
<p>…</p>
+
<img src="res--2/collaborations/teccem1.jpg" data-src-2x="res--2/collaborations/teccem1.jpg" title="Estonia" alt="Reunion" />
−
  <a name="HWD"  style="text-decoration: none;"><h2>HOW DID WE DO IT?</h2></a>
+
<img data-src="res--2/collaborations/teccem2.jpg" data-src-2x="res--2/collaborations/teccem2.jpg" src="" title="Estonia" alt="From Ecuador" />
−
<p>In order to avoid distortions in the results due to differences in the experimentation processes, we follow the procedures  described in the iGEM protocol (<a href="https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf">Plate reader protocol</a>, <a href="http://parts.igem.org/Help:Protocols/Competent_Cells">component_cells</a>, <a href="http://parts.igem.org/Help:Protocols/Transformation">Transformation</a>)
+
<img data-src="res--2/collaborations/teccem1.jpg" data-src-2x="res--2/collaborations/teccem1.jpg" src="" alt="Estonia" data-caption="Reunion" />
−
<br>
+
<img data-src="res--2/collaborations/teccem2.jpg" data-src-2x="res--2/collaborations/teccem2.jpg" src="" title="Estonia" alt="From Ecuador" />
−
</p>
+
</div>
−
<br>
+
−
              <h3>BIOBRICKS</h3>
+
−
              <br>
+
 
 
−
  <div class="ec--biob--cont">
+
  <a name="I2"><h2>2. 13 DE JULIO 2018 MEET UP LATINOAMERICA</h2></a>
−
<div id="bigBox">
+
                <p><a href="https://2018.igem.org/Teams/Meetups#Latin_American_Meetup">https://2018.igem.org/Teams/Meetups#Latin_American_Meetup</a></p>
−
+
              <p>Tecnológico de Monterrey,&nbsp; <br>
−
<div id="leftBox">
+
                  <strong>Description:</strong>&nbsp;​The participant  teams will present their projects in order to receive feedback from other teams  and experts on the subject. We are contacting different PhD ́s. who are  interested in participating and collaborating with the teams and can contribute  to the improvement of the projects. We are expecting the participation of the  teams from Tec Monterrey, Tec Guadalajara, Tec Chihuahua, Ecuador, Chile,  Brazil and Peru. In the case that any of the teams can not attend, then we will  designate a space for connecting with them via online.</p>
−
    <table border="0" cellspacing="8px" cellpadding="0">
+
<div id="slider_Latin">
−
          <tr>
+
<img src="res--2/collaborations/meet1.png" data-src-2x="res--2/collaborations/meet1.png" title="Estonia" alt="Reunion" />
−
            <td width="148" valign="top"><p ><strong>Device</strong><strong> </strong></p></td>
+
<img data-src="res--2/collaborations/meet2.png" data-src-2x="res--2/collaborations/meet2.png" src="" title="Estonia" alt="From Ecuador" />
−
            <td width="132" valign="top"><p ><strong>Part Number</strong><strong> </strong></p></td>
+
<img data-src="res--2/collaborations/meet1.png" data-src-2x="res--2/collaborations/meet1.png" src="" alt="Estonia" data-caption="Reunion" />
−
            <td width="104" valign="top"><p ><strong>Location</strong><strong> </strong></p></td>
+
<img data-src="res--2/collaborations/meet2.png" data-src-2x="res--2/collaborations/meet2.png" src="" title="Estonia" alt="From Ecuador" />
−
              </tr>
+
</div>
−
          <tr>
+
                <a name="I3" style="text-decoration: none;">
−
            <td width="148" valign="top"><p id="label-neg-c">Negative control</p></td>
+
                <h2>3. 19 DE JULIO 2018 ESTONIA</h2></a>
−
            <td width="132" valign="top"><p>BBa_R0040 </p></td>
+
  <p> <a href="https://2018.igem.org/Team:Tartu_TUIT">https://2018.igem.org/Team:Tartu_TUIT</a> <br>
−
            <td width="104" valign="top"><p>Well 2D </p></td>
+
Last week we had a conversation with IGEMers from&nbsp;<a href="https://www.facebook.com/iGEMEST/?__tn__=K-R&eid=ARDbjwtfdmVrhzasSaAN8PoUazw6HxWMGR7DFcDwC2hDpgjfIjHf_R0YIMxH0lrqLd0NZtRaOjY4IQvr&fref=mentions&__xts__%5B0%5D=68.ARAt7NWvD6E8WSiOiloQaCsq0JYd3t67eE7UuyCw5dOYNjNYbKha-iY2J3pryWplofx3LefxMVNb6rkGgWQQ2ETTHKp5F2tB8g06FFaFo5HuTlFdAV8RND74wKOhsD2q_l2d3dWNiREcaM-NBYVWqvf02wPwTo_oUP21WYOWHbsiF1l9zi1x">Estonia iGEM</a>&nbsp;for knowing more  about our projects and getting advice. We are also looking for a mutual  collaboration.&nbsp;<br>
−
              </tr>
+
La semana pasada tuvimos una charla con IGEMers  del equipo de Estonia para conocer más sobre nuestros proyectos y aconsejarnos.  Asimismo, tenemos en mira una colaboración mutua.</p>
−
          <tr>
+
             
−
            <td width="148" valign="top"><p id="type">Positive control </p></td>
+
<div id="slider_Estonia">
−
            <td width="132" valign="top"><p>BBa_I20270 </p></td>
+
<img src="res--2/Estonia.png" data-src-2x="res--2/Estonia.png" title="Estonia" alt="Reunion" />
−
            <td width="104" valign="top"><p>Well 2B</p></td>
+
<img data-src="res--2/estonia2.jpg" data-src-2x="res--2/estonia2.jpg" src="" title="Estonia" alt="From Ecuador" />
−
              </tr>
+
<img data-src="res--2/Estonia.png" data-src-2x="res--2/Estonia.png" src="" alt="Estonia" data-caption="Reunion" />
−
          <tr>
+
<img data-src="res--2/estonia2.jpg" data-src-2x="res--2/estonia2.jpg" src=""title="Estonia" alt="From Ecuador"  />
−
            <td width="148" valign="top"><p id="label-td1">Test Device 1 </p></td>
+
</div>
−
            <td width="132" valign="top"><p>BBa_J364000 </p></td>
+
<a name="I4"><h2>4. 05 DE AGOSTO 2018 ESPAÑA</h2></a>
−
            <td width="104" valign="top"><p>Well 2F    &nbsp; </p></td>
+
          <p><a href="https://2018.igem.org/Team:Valencia_UPV">https://2018.igem.org/Team:Valencia_UPV</a></p>
−
              </tr>
+
              <p>Estamos  agradecidos con los iGEMers del equipo&nbsp;<a href="https://www.facebook.com/ValenciaUPViGEM/?__tn__=K-R&eid=ARD0cA9PuJETMIGKcNHtvkGKNKv-magkA2RuN1dCoZfG6opb0P9Z239Qby6DRjvQPBt1khYvel5EzVsZ&fref=mentions&__xts__%5B0%5D=68.ARB3rgHpEQxKSrOWMNmRBGY9wKZHLlLzfPoHoJKaVJAoECZuWQ22R3eG2tTaH8986gxy-e4Eevs-Le0PTYPGGyziolonhKZUukto62UfgW36Qx87z609dNDNHpiPHcigjXsS-mG7kO0kjcfQHLROm08g0ux7uR_43M6UBoRE9VqPITsfPkVQ">UPV  IGEM</a>&nbsp;por  la colaboración que han hecho con nosotros al enviarnos cepas de E. coli para  clonación que serán ensayadas nuestro proyecto. Conozcan su interesante  proyecto llamado PRINTERÍA&nbsp;<a href="http://www.upv.es/noticias-upv/noticia-10319-printeria-es.html" target="_blank">http://www.upv.es/noticias-…/noticia-10319-printeria-es.html</a>&nbsp;<br>
−
          <tr>
+
                We are grateful with the iGEMers from UPV IGEM  team for the collaboration by sending us E. coli cloning strains which will be  used in our project. Check out their project named PRINTERIA&nbsp;<a href="http://www.upv.es/noticias-upv/noticia-10319-printeria-es.html" target="_blank">http://www.upv.es/noticias-…/noticia-10319-printeria-es.html</a></p>
−
            <td width="148" valign="top"><p id="label-td2">Test Device 2 </p></td>
+
<div id="slider_Valencia">
−
            <td width="132" valign="top"><p>BBa_J364001 </p></td>
+
<img src="res--2/collaborations/Valencia1.jpg" data-src-2x="res--2/collaborations/Valencia1.jpg" title="Estonia" alt="Reunion" />
−
            <td width="104" valign="top"><p>Well 2H    &nbsp; </p></td>
+
<img data-src="res--2/collaborations/Valencia2.jpg" data-src-2x="res--2/collaborations/Valencia2.jpg" src="" title="Estonia" alt="From Ecuador" />
−
              </tr>
+
<img data-src="res--2/collaborations/Valencia1.jpg" data-src-2x="res--2/collaborations/Valencia1.jpg" src="" alt="Estonia" data-caption="Reunion" />
−
          <tr>
+
<img data-src="res--2/collaborations/Valencia2.jpg" data-src-2x="res--2/collaborations/Valencia2.jpg" src="" title="Estonia" alt="From Ecuador" />
−
            <td width="148" valign="top"><p id="label-td3">Test Device 3 </p></td>
+
</div>
−
            <td width="132" valign="top"><p>BBa_J364002 </p></td>
+
              <h3><a name="I5" style="text-decoration: none;"></a></h3>
−
            <td width="104" valign="top"><p>Well 2J </p></td>
+
              <h2>5. 01 OCTUBRE 2018</h2>
−
              </tr>
+
              <p>Labs like you  &amp; Moves like iGEM!!<br>
−
          <tr>
+
25 teams <br>
−
            <td width="148" valign="top"><p id="label-td4">Test Device 4 </p></td>
+
Hey iGEMers!<br>
−
            <td width="132" valign="top"><p>BBa_J364007 </p></td>
+
This link is the final  video we promised to send you. Thanks for contributing with this task, it&rsquo;s has  been such an amazing experience working along with you, we have a lot of fun  and we hope that you two.&nbsp;</p>
−
            <td width="104" valign="top"><p>Well 2L    &nbsp; </p></td>
+
              <p>Hope you like them, see you  in Boston!<br>
−
              </tr>
+
<iframe width="560" height="315" src="https://www.youtube.com/embed/R7vdiGLLJZA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
−
          <tr>
+
 
−
            <td width="148" valign="top"><p id="label-td5">Test Device 5 </p></td>
+
              <p>1. iGEM IISER  Bhopa<br>
−
            <td width="132" valign="top"><p>BBa_J364008 </p></td>
+
2. IGEM AFCM <br>
−
            <td width="104" valign="top"><p>Well 2N </p></td>
+
3. IGEM UNESP BRAZIL<br>
−
              </tr>
+
4. IGEM WASHINGTON<br>
−
          <tr>
+
5. IGEM Tust China <br>
−
            <td width="148" valign="top"><p id="label-td6">Test Device 6 </p></td>
+
6. iGEM team  Bielefeld-CeBiTec <br>
−
            <td width="132" valign="top"><p>BBa_J364009 </p></td>
+
7. IISc-Bangalore  iGEM Team<br>
−
            <td width="104" valign="top"><p>Well 2P    &nbsp; </p></td>
+
8. IGEM BRAZIL USP<br>
−
              </tr>
+
9. IGEM DUSSELDORF<br>
−
            </table>
+
10. IGEM GRONINGEN<br>
−
  </div>
+
11. IGEM DALHOUSIE<br>
−
<div id="rightBox">
+
12. IGEM LEIDEN<br>
−
<div class="ec--biobr--location--container">
+
13. Team UFLORIDA<br>
−
<div class="loc-neg-c">
+
14. Tarta TUIT_IGEM<br>
−
<p><strong>Location</strong></p><br>
+
15. Toulouse INSA  UPS<br>
−
<p><img width="359" height="75" src="https://static.igem.org/mediawiki/2018/c/c9/T--ECUADOR--L001.png"> </p>
+
16. IGEM MICHIGAN  STATE<br>
−
<br>
+
17. Team UCHILE_Biotec<br>
−
<p>length: 54 bp </p>
+
18. ECUADOR<br>
−
</div>
+
19. IGEM BRAZIL USP EEL<br>
−
<div class="textdis" id="pos_c">
+
20. Tec-Guadalajara<br>
−
<p><strong>Location</strong></p><br>
+
21. Tec-Chihuahua<br>
−
<p><img width="195" height="70" src="https://static.igem.org/mediawiki/2018/b/b5/T--ECUADOR--L002.png"></p>
+
22. UCSC IGEM<br>
−
<br>
+
23. TecCEM<br>
−
<p>length: 919 bp</p>
+
24.  iTESLA-SoundBio Team<br>
−
</div>
+
25. Tacoma  RainMakers Team</p>
−
<div class="loc-td1">
+
              <h1>REVISTA</h1>
−
<p><strong>Location</strong></p><br>
+
              <p><a href="https://2018.igem.org/Team:UChile_Biotec">https://2018.igem.org/Team:UChile_Biotec</a> <br>
−
<p><img width="195" height="51" src="https://static.igem.org/mediawiki/2018/8/86/T--ECUADOR--L003.png" > </p>
+
                Magazine Latam</p>
−
<br>
+
              <h1>SURVEYS</h1>
−
<p>length: 918 bp </p>
+
              <p>Surveys  <a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration9">Development  within iGEM</a></p>
−
</div>
+
Dear iGEM Ecuador,<br>
−
<div class="loc-td2">
+
<br>
−
<p><strong>Location</strong></p><br>
+
<br>
−
<p><img width="189" height="54" src="https://static.igem.org/mediawiki/2018/c/c8/T--ECUADOR--L004.png" ></p>
+
My name is John and I am a member of iGEM Thessaloniki. I am contacting you to  let you know about the collaboration we are organising. More specifically, our  team is working on designing a system to increase robustness of measurements by  decoupling gene expression from copy number. So, if you would like to take part  in our Interlaboratory Collab all you have to do is to conduct measurements,  measuring fluorescence with our constructs in a plate reader. We will gather  and compare results from around the world and find out if our system diminishes  interlaboratory variations caused by differences in plasmid copy number.<br>
−
<br>
+
<br>
−
<p>length: 918 bp</p>
+
<br>
−
</div>
+
In addition, we have created a survey about synthetic biology, laboratory work,  safety and ethics that is addressed to experienced scientists working on the  synthetic biology field . We would appreciate it if you could forward this  survey to your PIs, instructors and advisors. You can find the survey here: <a href="https://goo.gl/forms/xigcfX3wmFpywlMo2" target="_blank">https://goo.gl/forms/xigcfX3wmFpywlMo2</a> <br>
−
<div class="loc-td3">
+
<br>
−
<p><strong>Location</strong></p><br>
+
<br>
−
<p><img width="197" height="63" src="https://static.igem.org/mediawiki/2018/4/43/T--ECUADOR--L005.png" > </p>
+
<br>
−
<br>
+
Hope you see you in our Interlaboratory Collaboration. For more information  don&rsquo;t hesitate to contact us.<br>
−
<p>length: 918 bp </p>
+
<br>
−
</div>
+
<br>
−
<div class="loc-td4">
+
Thank you in advance for your time.<br>
−
<p><strong>Location</strong></p><br>
+
<br>
−
<p><img width="196" height="52" src="https://static.igem.org/mediawiki/2018/5/53/T--ECUADOR--L006.png"></p>
+
<br>
−
<br>
+
<br>
−
<p>length: 918 bp</p>
+
Best, <br>
−
</div>
+
<p>John Alexopoulos<br>
−
<div class="loc-td5">
+
</p>
−
<p><strong>Location</strong></p><br>
+
<img src="res--2/collaborations/survey1.png" width="1366" height="768" alt=""/>
−
<p><img width="188" height="64" src="https://static.igem.org/mediawiki/2018/9/97/T--ECUADOR--L007.png"  > </p>
+
<p>Dear iGEM Team Ecuador,<br>
−
<br>
+
  I&rsquo;m a member of this year&rsquo;s iGEM Team Bielefeld-CeBiTec (Germany) and we have a  little favor to ask. We prepared a survey on the topics Dual Use and Dual Use  Research of Concern for which we need your help! We already have many German  respondents and would be very happy to get a more international view - that&rsquo;s  why we would be pleased if as many of you as possible could participate! If we  can also do something for you, please do not hesitate to contact us <br>
−
<p>length: 918 bp </p>
+
  <br>
−
</div>
+
  See you in Boston &amp; best wishes!<br>
−
<div class="loc-td6">
+
  Matthias<br>
−
<p><strong>Location</strong></p><br>
+
  <br>
−
<p><img width="194" height="55" src="https://static.igem.org/mediawiki/2018/0/02/T--ECUADOR--L008.png"></p>
+
</p>
−
<br>
+
  <img src="res--2/collaborations/survey2.png" width="1366" height="768" alt=""/>
−
<p>length: 918 bp</p>
+
<p>Dear team Ecuador<br>
−
</div>
+
  <br>
−
  </div>
+
  Are you interested in contributing to the well being and prosperity for future  iGEM participants? All we need is your attention for 1 minute <br>
−
</div>
+
  <br>
−
  </div>
+
  We&rsquo;re the team from Lund University in Sweden. After talking with previous and  current iGEM students we&rsquo;ve come to the conclusion that iGEM can be a very  stressful and frustrating experience for many.<br>
−
</div>
+
  <br>
−
<a name="RES" style="text-decoration: none;"><h2>RESULTS</h2></a>
+
  iGEM is multifaceted and challenges its participants in many ways. For many  individuals, it can become an overwhelming experience which in turn can cause  mental health complications such as stress, anxiety and depression. Others  members, such as the team leaders, might also face problems with managing the  team and ensuring that the project progresses in the right direction.<br>
−
              <strong>Particle standard curves</strong>
+
  <br>
−
  <div class="ec--img--wwd--cont">
+
  We strongly believe that this can be changed with the proper tools and  guidance.<br>
−
<p><img src="https://static.igem.org/mediawiki/2018/3/30/T--ECUADOR--A-PSC.1.png" width="775" height="445" alt=""/></p>
+
  <br>
−
</div>
+
  As a part of our human practices initiative this year, we will be conducting a  world-wide survey to map out self-fulfillment, motivation, stress, organization  and management, and group dynamics within the iGEM community. <br>
−
<div class="ec--img--wwd--cont">
+
  <br>
−
  <p><img src="https://static.igem.org/mediawiki/2018/1/1d/T--ECUADOR--A-PSC.2.png" width="779" height="445" alt=""/></p>
+
  This survey will serve as a foundation for a handbook written by us about  team-organization for future iGEM members and team leaders. The handbook will  skip all the theoretical jargon and dive straight into tools and practices the  teams can apply to improve their work flow and well-being.<br>
−
  </div>
+
  <br>
−
<br>
+
  It would mean a lot to us if you could distribute our survey to as many people  as possible within your team. It takes less than 5 minutes to answer all the  questions.<br>
−
              <p><strong>Fluorescein standard curves</strong> </p>
+
  <br>
−
              <div class="ec--img--wwd--cont">
+
  <a href="https://goo.gl/forms/MolMbkOuaKiXrWpB3" target="_blank">https://goo.gl/forms/MolMbkOuaKiXrWpB3</a> <br>
−
    <p><img src="https://static.igem.org/mediawiki/2018/7/7c/T--ECUADOR--A-FSC.1.png" width="779" height="445" alt=""/><br></p>
+
  <br>
−
  </div>
+
  Please don&rsquo;t hesitate to ask if there&rsquo;s anything our team could help you out  with.<br>
−
              <div class="ec--img--wwd--cont">
+
  <br>
−
  <img src="https://static.igem.org/mediawiki/2018/c/cf/T--ECUADOR--A-FSC.2.png" width="779" height="445" alt=""/><br>
+
  Warm regards,<br>
−
  </div>
+
  Albert Anis<br>
−
                <strong>Net  Absorbance 600 as number of particles/100 uL</strong></p>
+
  iGEM Lund</p>
−
<div class="ec--img--wwd--cont">
+
<p> </p>
−
              <p><img src="https://static.igem.org/mediawiki/2018/6/64/T--ECUADOR--A-NA600.png" width="752" height="452" alt=""/></p>
+
  <img src="res--2/collaborations/survey3.png" width="1366" height="768" alt=""/>
 +
<p align="center">Dear Team Ecuador,<br>
 +
  <br>
 +
  Hello!<br>
 +
  My name is Ayano Furuta, and I&rsquo;m a student at  Tokyo University of Science in Japan. I belong to Botchan Lab Tokyo, this  University&rsquo;s iGEM team, and I would like to ask you a favor.<br>
 +
  In this year, my team is planning to think  deeply about food issues through Human Practice, and we want to collect a data  which regard to awareness of food problem from different countries. <br>
 +
  <br>
 +
  If it&rsquo;s ok with you, please take a few minutes  to fill out the survey below. I want as many people as possible to fill out the  one, so if you can ask your friends or family, please ask them to answer the  questions.<br>
 +
  <br>
 +
  I am really appreciate that you take your  precious time to read this.<br>
 +
  If we can also do something for you, please do  not hesitate to contact us!<br>
 +
  I&rsquo;m looking forward to see you in Boston <br>
 +
  <br>
 +
  <a href="https://docs.google.com/forms/d/1Sx5q3K7PJTlJ4TNtTSLEfEPBmIsNgrYblHqRVWt8m_o/viewform?edit_requested=true" target="_blank">https://docs.google.com/forms/d/1Sx5q3K7PJTlJ4TNtTSLEfEPBmIsNgrYblHqRVWt8m_o/viewform?edit_requested=true</a><br>
 +
  <br>
 +
  Kind regards, <br>
 +
  Ayano </p>
 +
<p align="center"> </p>
 +
  <img src="res--2/collaborations/survey4.png" width="1366" height="768" alt=""/>
 +
<p align="center">&nbsp;</p>
 +
<p align="center">iGEM Tec Chihuahua 2018</p>
 +
<p align="center">¡Saludos desde iGEM Tec-Chihuahua!<br>
 +
  Estamos trabajando actualmente en un manual de  emprendimiento con el cual los equipos de iGEM podrían contar para el  desarrollo de la sección de emprendimiento de sus proyectos. Queremos que este  manual se pueda utilizar en las próximas ediciones de la competencia para que  los equipos puedan tener una guía adecuada en la cual se puedan basar para sacar  adelante el área.<br>
 +
  <br>
 +
  Es nuestra intención que esta guía incluya  situaciones que los diferentes equipos de iGEM de todo el mundo experimentan  mientras exploran el campo de emprendimiento. Por lo tanto, los invitamos a  colaborar con nosotros y con la comunidad de iGEM enviándonos sus preguntas y  preocupaciones que llegaron a surgirles al administrar esta sección de sus  proyectos. iGEM ​​Tec-Chihuahua consultará a diferentes expertos y  compartiremos con ustedes las mejores soluciones. También incluiremos sus  preguntas e inquietudes con sus respectivas respuestas en nuestro manual para  futura referencia.<br>
 +
  <br>
 +
  Adjunto a este mensaje, encontrarán un Google  Forms para recibir su apoyo en el desarrollo de este manual. Aquí incluimos  algunas preguntas para recopilar estadísticas sobre el emprendimiento en iGEM y  una sección para que ustedes nos compartan su opinión sobre este manual.<br>
 +
  La fecha límite para completar este Google  Forms es <a href="https://www.facebook.com/BiosinEcuador/inbox/?mailbox_id=151919028838292&selected_item_id=100001373108487">el 8 de julio</a> y iGEM Tec-Chihuahua enviará las respuestas  correspondientes a cada equipo la primera semana de <a href="https://www.facebook.com/BiosinEcuador/inbox/?mailbox_id=151919028838292&selected_item_id=100001373108487">agosto</a>.<br>
 +
  Le deseamos lo mejor para sus proyectos.<br>
 +
  Muchas gracias!<br>
 +
  <a href="https://l.facebook.com/l.php?u=https%3A%2F%2Fdocs.google.com%2Fforms%2Fd%2Fe%2F1FAIpQLSfooEx-ve4OCPklJeNpG8nAMcSc6Uyx-kIwyoFnOpaiFC3u_w%2Fviewform%3Fusp%3Dsf_link&h=AT0ujOVmRNt9sPeiyF1E7_Sk2cx6cAK4IuG1ifuzvqtlkBYyQsXDY_Jvd2q-FJ2PEP1WpJ0njIgyn02PV5y9u_xxI8ctsetoQsHYOqbJFJnXkGbdf1vJ5IoIRDm_y24f1w3F0A" target="_blank">https://docs.google.com/forms/d/e/1FAIpQLSfooEx-ve4OCPklJeNpG8nAMcSc6Uyx-kIwyoFnOpaiFC3u_w/viewform?usp=sf_link</a><br>
 +
  En caso de que no puedan abrir el archivo,  háganoslo saber <br>
 +
</p>
 +
  <img src="res--2/collaborations/survey5.png" width="1366" height="768" alt=""/>
 +
<p align="center">We thank all the teams  involved in these collaborations; for sharing their time with us, giving us  advice, supporting our project and making this experience more amusing. </p>
 
</div>
 
</div>
−
<div class="ec--img--wwd--cont">
 
−
              <p><img src="https://static.igem.org/mediawiki/2018/2/2e/T--ECUADOR--A-RBT.png" width="752" height="452" alt=""/></p>
 
−
</div>
 
−
<a name="EXP" style="text-decoration: none;"><h2>EXPERIENCE</h2></a>
 
−
            <div class="ec--img--wwd--cont">
 
−
              <p><img src="https://svgsilh.com/svg/2324013-2196f3.svg" width="752" height="452" alt=""/></p>
 
−
</div>
 
−
              <p><em>As a team the interlab  challenge was useful&nbsp;because we learn about the protocols and the handling  of the plate reader and how it can be used in later processes of our project</em></p>
 
−
  <br>
 
−
<a name="ACK" style="text-decoration: none;"><h2>ACKNOWLEDGEMENT</h2></a>
 
−
  <br>
 
−
                As a team, we would like to thank the  Biomedicine team of Universidad Tecnica Equinoccial and especially Linda  Guaman, member of their research team, for allowing us to use their measurement  equipment, which were essential for the completion of the Interlab.</div>
 
 
<div class="ec--sect--text"></div>
 
<div class="ec--sect--text"></div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="ec--hump--section">
+
−
  <div class="ec--hump--content">
+
−
</div>
+
<!-->IdealImageSlider<!-->
−
</div>
+
<script type="text/javascript">
−
</div>
+
var IdealImageSlider = (function() {
−
</div>
+
"use strict";
−
+
  
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
/*
−
<script>
+
* requestAnimationFrame polyfill
−
$(document).ready(function(){
+
*/
−
$("#type").mouseenter(function(){
+
var _requestAnimationFrame = function(win, t) {
−
    $(".textdis").show();
+
return win["r" + t] || win["webkitR" + t] || win["mozR" + t] || win["msR" + t] || function(fn) {
−
});
+
setTimeout(fn, 1000 / 60);
−
$("#label-neg-c").mouseenter(function(){
+
};
−
    $(".loc-neg-c").show();
+
}(window, 'equestAnimationFrame');
−
});
+
 
−
$("#label-pos-c").mouseenter(function(){
+
/**
−
    $(".loc-pos-c").show();
+
* Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance
−
});
+
* @param {function} fn The callback function
−
$("#label-td1").mouseenter(function(){
+
* @param {int} delay The delay in milliseconds
−
    $(".loc-td1").show();
+
*/
−
});
+
var _requestTimeout = function(fn, delay) {
−
$("#label-td2").mouseenter(function(){
+
var start = new Date().getTime(),
−
    $(".loc-td2").show();
+
handle = {};
−
});
+
 
−
$("#label-td3").mouseenter(function(){
+
function loop() {
−
    $(".loc-td3").show();
+
var current = new Date().getTime(),
−
});
+
delta = current - start;
−
$("#label-td4").mouseenter(function(){
+
 
−
    $(".loc-td4").show();
+
if (delta >= delay) {
−
});
+
fn.call();
−
$("#label-td5").mouseenter(function(){
+
} else {
−
    $(".loc-td5").show();
+
handle.value = _requestAnimationFrame(loop);
−
});
+
}
−
$("#label-td6").mouseenter(function(){
+
}
−
    $(".loc-td6").show();
+
 
−
});
+
handle.value = _requestAnimationFrame(loop);
 +
return handle;
 +
};
 +
 
 +
/*
 +
* Helper functions
 +
*/
 +
var _isType = function(type, obj) {
 +
var _class = Object.prototype.toString.call(obj).slice(8, -1);
 +
return _and_f(_and_f(obj !== undefined, obj !== null),_class === type);
 +
};
 
 
−
+
var _and_f =function(parameter1, parameter2) {
−
$("#type").mouseleave(function(){
+
    return !(!parameter1 || !parameter2);
−
$(".textdis").hide();
+
}
−
});
+
 
−
$("#label-neg-c").mouseleave(function(){
+
var _isInteger = function(x) {
−
$(".loc-neg-c").hide();
+
return Math.round(x) === x;
−
});
+
};
−
$("#label-pos-c").mouseleave(function(){
+
 
−
$(".loc-pos-c").hide();
+
var _deepExtend = function(out) {
−
});
+
out = out || {};
−
$("#label-td1").mouseleave(function(){
+
for (var i = 1; i < arguments.length; i++) {
−
$(".loc-td1").hide();
+
var obj = arguments[i];
−
});
+
if (!obj)
−
$("#label-td2").mouseleave(function(){
+
continue;
−
$(".loc-td2").hide();
+
for (var key in obj) {
−
});
+
if (obj.hasOwnProperty(key)) {
−
$("#label-td3").mouseleave(function(){
+
if (_and_f(_isType('Object', obj[key]), obj[key] !== null))
−
$(".loc-td3").hide();
+
_deepExtend(out[key], obj[key]);
−
});
+
else
−
$("#label-td4").mouseleave(function(){
+
out[key] = obj[key];
−
$(".loc-td4").hide();
+
}
−
});
+
}
−
$("#label-td5").mouseleave(function(){
+
}
−
$(".loc-td5").hide();
+
return out;
−
});
+
};
−
$("#label-td6").mouseleave(function(){
+
 
−
$(".loc-td6").hide();
+
var _hasClass = function(el, className) {
−
});
+
if (!className) return false;
 +
if (el.classList) {
 +
return el.classList.contains(className);
 +
} else {
 +
return new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
 +
}
 +
};
 +
 
 +
var _addClass = function(el, className) {
 +
if (!className) return;
 +
if (el.classList) {
 +
el.classList.add(className);
 +
} else {
 +
el.className += ' ' + className;
 +
}
 +
};
 +
 
 +
var _removeClass = function(el, className) {
 +
if (!className) return;
 +
if (el.classList) {
 +
el.classList.remove(className);
 +
} else {
 +
el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
 +
}
 +
};
 +
 
 +
var _toArray = function(obj) {
 +
return Array.prototype.slice.call(obj);
 +
};
 +
 
 +
var _arrayRemove = function(array, from, to) {
 +
var rest = array.slice((to || from) + 1 || array.length);
 +
array.length = from < 0 ? array.length + from : from;
 +
return array.push.apply(array, rest);
 +
};
 +
 
 +
var _addEvent = function(object, type, callback) {
 +
if (object === null || typeof(object) === 'undefined') return;
 +
 
 +
if (object.addEventListener) {
 +
object.addEventListener(type, callback, false);
 +
} else if (object.attachEvent) {
 +
object.attachEvent("on" + type, callback);
 +
} else {
 +
object["on" + type] = callback;
 +
}
 +
};
 +
 
 +
var _loadImg = function(slide, callback) {
 +
if (!slide.style.backgroundImage) {
 +
var img = new Image();
 +
img.setAttribute('src', slide.getAttribute('data-src'));
 +
img.onload = function() {
 +
slide.style.backgroundImage = 'url(' + slide.getAttribute('data-src') + ')';
 +
slide.setAttribute('data-actual-width', this.naturalWidth);
 +
slide.setAttribute('data-actual-height', this.naturalHeight);
 +
if (typeof(callback) === 'function') callback(this);
 +
};
 +
}
 +
};
 +
 
 +
var _isHighDPI = function() {
 +
var mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 1.5dppx)";
 +
if (window.devicePixelRatio > 1)
 +
return true;
 +
if (_and_f(window.matchMedia , window.matchMedia(mediaQuery).matches))
 +
return true;
 +
return false;
 +
};
 +
 
 +
var _translate = function(slide, dist, speed) {
 +
slide.style.webkitTransitionDuration =
 +
slide.style.MozTransitionDuration =
 +
slide.style.msTransitionDuration =
 +
slide.style.OTransitionDuration =
 +
slide.style.transitionDuration = speed + 'ms';
 +
 
 +
slide.style.webkitTransform =
 +
slide.style.MozTransform =
 +
slide.style.msTransform =
 +
slide.style.OTransform = 'translateX(' + dist + 'px)';
 +
};
 +
 
 +
var _unTranslate = function(slide) {
 +
slide.style.removeProperty('-webkit-transition-duration');
 +
slide.style.removeProperty('transition-duration');
 +
 
 +
slide.style.removeProperty('-webkit-transform');
 +
slide.style.removeProperty('-ms-transform');
 +
slide.style.removeProperty('transform');
 +
};
 +
 
 +
var _animate = function(item) {
 +
var duration = item.time,
 +
end = +new Date() + duration;
 +
 
 +
var step = function() {
 +
var current = +new Date(),
 +
remaining = end - current;
 +
 
 +
if (remaining < 60) {
 +
item.run(1); //1 = progress is at 100%
 +
return;
 +
} else {
 +
var progress = 1 - remaining / duration;
 +
item.run(progress);
 +
}
 +
 
 +
_requestAnimationFrame(step);
 +
};
 +
step();
 +
};
 +
 
 +
var _setContainerHeight = function(slider, shouldAnimate) {
 +
if (typeof shouldAnimate === 'undefined') {
 +
shouldAnimate = true;
 +
}
 +
 
 +
// If it's a fixed height then don't change the height
 +
if (_isInteger(slider.settings.height)) {
 +
return;
 +
}
 +
 
 +
var currentHeight = Math.round(slider._attributes.container.offsetHeight),
 +
newHeight = currentHeight;
 +
 
 +
if (_and_f(slider._attributes.aspectWidth, slider._attributes.aspectHeight)) {
 +
// Aspect ratio
 +
newHeight = (slider._attributes.aspectHeight / slider._attributes.aspectWidth) * slider._attributes.container.offsetWidth;
 +
} else {
 +
// Auto
 +
var width = slider._attributes.currentSlide.getAttribute('data-actual-width');
 +
var height = slider._attributes.currentSlide.getAttribute('data-actual-height');
 +
 
 +
if (_and_f(width , height)) {
 +
newHeight = (height / width) * slider._attributes.container.offsetWidth;
 +
}
 +
}
 +
 
 +
var maxHeight = parseInt(slider.settings.maxHeight, 10);
 +
if (_and_f(maxHeight , newHeight > maxHeight)) {
 +
newHeight = maxHeight;
 +
}
 +
 
 +
newHeight = Math.round(newHeight);
 +
if (newHeight === currentHeight) {
 +
return;
 +
}
 +
 
 +
if (shouldAnimate) {
 +
_animate({
 +
time: slider.settings.transitionDuration,
 +
run: function(progress) {
 +
slider._attributes.container.style.height = Math.round(progress * (newHeight - currentHeight) + currentHeight) + 'px';
 +
}
 +
});
 +
} else {
 +
slider._attributes.container.style.height = newHeight + 'px';
 +
}
 +
};
 +
 
 +
var _touch = {
 +
 
 +
vars: {
 +
start: {},
 +
delta: {},
 +
isScrolling: undefined,
 +
direction: null
 +
},
 +
 
 +
start: function(event) {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return;
 +
 
 +
var touches = event.touches[0];
 +
_touch.vars.start = {
 +
x: touches.pageX,
 +
y: touches.pageY,
 +
time: +new Date()
 +
};
 +
_touch.vars.delta = {};
 +
_touch.vars.isScrolling = undefined;
 +
_touch.vars.direction = null;
 +
 
 +
this.stop(); // Stop slider
 +
 
 +
this.settings.beforeChange.apply(this);
 +
_addClass(this._attributes.container, this.settings.classes.touching);
 +
},
 +
 
 +
move: function(event) {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return;
 +
// Ensure swiping with one touch and not pinching
 +
if (event.touches.length > 1 || _and_f(event.scale , event.scale !== 1) ) return;
 +
 
 +
var touches = event.touches[0];
 +
_touch.vars.delta = {
 +
x: touches.pageX - _touch.vars.start.x,
 +
y: touches.pageY - _touch.vars.start.y
 +
};
 +
 
 +
if (typeof _touch.vars.isScrolling == 'undefined') {
 +
_touch.vars.isScrolling = !!(_touch.vars.isScrolling || Math.abs(_touch.vars.delta.x) < Math.abs(_touch.vars.delta.y));
 +
}
 +
 
 +
// If user is not trying to scroll vertically
 +
if (!_touch.vars.isScrolling) {
 +
event.preventDefault(); // Prevent native scrolling
 +
 
 +
_translate(this._attributes.previousSlide, _touch.vars.delta.x - this._attributes.previousSlide.offsetWidth, 0);
 +
_translate(this._attributes.currentSlide, _touch.vars.delta.x, 0);
 +
_translate(this._attributes.nextSlide, _touch.vars.delta.x + this._attributes.currentSlide.offsetWidth, 0);
 +
}
 +
},
 +
 
 +
end: function(event) {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return;
 +
 
 +
var duration = +new Date() - _touch.vars.start.time;
 +
 
 +
// Determine if slide attempt triggers next/prev slide
 +
var isChangeSlide = _and_f(Number(duration) < 250 , Math.abs(_touch.vars.delta.x) > 20) || Math.abs(_touch.vars.delta.x) > this._attributes.currentSlide.offsetWidth / 2;
 +
 
 +
var direction = _touch.vars.delta.x < 0 ? 'next' : 'previous';
 +
var speed = this.settings.transitionDuration ? this.settings.transitionDuration / 2 : 0;
 +
 
 +
// If not scrolling vertically
 +
if (!_touch.vars.isScrolling) {
 +
if (isChangeSlide) {
 +
_touch.vars.direction = direction;
 +
 
 +
if (_touch.vars.direction == 'next') {
 +
_translate(this._attributes.currentSlide, -this._attributes.currentSlide.offsetWidth, speed);
 +
_translate(this._attributes.nextSlide, 0, speed);
 +
} else {
 +
_translate(this._attributes.previousSlide, 0, speed);
 +
_translate(this._attributes.currentSlide, this._attributes.currentSlide.offsetWidth, speed);
 +
}
 +
 
 +
_requestTimeout(_touch.transitionEnd.bind(this), speed);
 +
} else {
 +
// Slides return to original position
 +
if (direction == 'next') {
 +
_translate(this._attributes.currentSlide, 0, speed);
 +
_translate(this._attributes.nextSlide, this._attributes.currentSlide.offsetWidth, speed);
 +
} else {
 +
_translate(this._attributes.previousSlide, -this._attributes.previousSlide.offsetWidth, speed);
 +
_translate(this._attributes.currentSlide, 0, speed);
 +
}
 +
}
 +
 
 +
if (speed) {
 +
_addClass(this._attributes.container, this.settings.classes.animating);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.animating);
 +
}.bind(this), speed);
 +
}
 +
}
 +
},
 +
 
 +
transitionEnd: function(event) {
 +
if (_touch.vars.direction) {
 +
_unTranslate(this._attributes.previousSlide);
 +
_unTranslate(this._attributes.currentSlide);
 +
_unTranslate(this._attributes.nextSlide);
 +
_removeClass(this._attributes.container, this.settings.classes.touching);
 +
 
 +
_removeClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_removeClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_removeClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'true');
 +
 
 +
var slides = this._attributes.slides,
 +
index = slides.indexOf(this._attributes.currentSlide);
 +
 
 +
if (_touch.vars.direction == 'next') {
 +
this._attributes.previousSlide = this._attributes.currentSlide;
 +
this._attributes.currentSlide = slides[index + 1];
 +
this._attributes.nextSlide = slides[index + 2];
 +
if (_and_f(typeof this._attributes.currentSlide === 'undefined' ,
 +
typeof this._attributes.nextSlide === 'undefined')) {
 +
this._attributes.currentSlide = slides[0];
 +
this._attributes.nextSlide = slides[1];
 +
} else {
 +
if (typeof this._attributes.nextSlide === 'undefined') {
 +
this._attributes.nextSlide = slides[0];
 +
}
 +
}
 +
 
 +
_loadImg(this._attributes.nextSlide);
 +
} else {
 +
this._attributes.nextSlide = this._attributes.currentSlide;
 +
this._attributes.previousSlide = slides[index - 2];
 +
this._attributes.currentSlide = slides[index - 1];
 +
if (_and_f(typeof this._attributes.currentSlide === 'undefined' ,
 +
typeof this._attributes.previousSlide === 'undefined')) {
 +
this._attributes.currentSlide = slides[slides.length - 1];
 +
this._attributes.previousSlide = slides[slides.length - 2];
 +
} else {
 +
if (typeof this._attributes.previousSlide === 'undefined') {
 +
this._attributes.previousSlide = slides[slides.length - 1];
 +
}
 +
}
 +
 
 +
_loadImg(this._attributes.previousSlide);
 +
}
 +
 
 +
_addClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_addClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_addClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'false');
 +
 
 +
_setContainerHeight(this);
 +
this.settings.afterChange.apply(this);
 +
}
 +
}
 +
 
 +
};
 +
 
 +
/*
 +
* Slider class
 +
*/
 +
var Slider = function(args) {
 +
// Defaults
 +
this.settings = {
 +
selector: '',
 +
height: 'auto', // "auto" | px value (e.g. 400) | aspect ratio (e.g. "16:9")
 +
initialHeight: 400, // for "auto" and aspect ratio
 +
maxHeight: null, // for "auto" and aspect ratio
 +
interval: 4000,
 +
transitionDuration: 700,
 +
effect: 'slide',
 +
disableNav: false,
 +
keyboardNav: true,
 +
previousNavSelector: '',
 +
nextNavSelector: '',
 +
classes: {
 +
container: 'ideal-image-slider',
 +
slide: 'iis-slide',
 +
previousSlide: 'iis-previous-slide',
 +
currentSlide: 'iis-current-slide',
 +
nextSlide: 'iis-next-slide',
 +
previousNav: 'iis-previous-nav',
 +
nextNav: 'iis-next-nav',
 +
animating: 'iis-is-animating',
 +
touchEnabled: 'iis-touch-enabled',
 +
touching: 'iis-is-touching',
 +
directionPrevious: 'iis-direction-previous',
 +
directionNext: 'iis-direction-next'
 +
},
 +
onInit: function() {},
 +
onStart: function() {},
 +
onStop: function() {},
 +
onDestroy: function() {},
 +
beforeChange: function() {},
 +
afterChange: function() {}
 +
};
 +
 
 +
// Parse args
 +
if (typeof args === 'string') {
 +
this.settings.selector = args;
 +
} else if (typeof args === 'object') {
 +
_deepExtend(this.settings, args);
 +
}
 +
 
 +
// Slider (container) element
 +
var sliderEl = document.querySelector(this.settings.selector);
 +
if (!sliderEl) return null;
 +
 
 +
// Slides
 +
var origChildren = _toArray(sliderEl.children),
 +
validSlides = [];
 +
sliderEl.innerHTML = '';
 +
Array.prototype.forEach.call(origChildren, function(slide, i) {
 +
if (slide instanceof HTMLImageElement || slide instanceof HTMLAnchorElement) {
 +
var slideEl = document.createElement('a'),
 +
href = '',
 +
target = '';
 +
 
 +
if (slide instanceof HTMLAnchorElement) {
 +
href = slide.getAttribute('href');
 +
target = slide.getAttribute('target');
 +
 
 +
var img = slide.querySelector('img');
 +
if (img !== null) {
 +
slide = img;
 +
} else {
 +
return;
 +
}
 +
}
 +
 
 +
if (typeof slide.dataset !== 'undefined') {
 +
_deepExtend(slideEl.dataset, slide.dataset);
 +
if (slide.dataset.src) {
 +
// Use data-src for on-demand loading
 +
slideEl.dataset.src = slide.dataset.src;
 +
} else {
 +
slideEl.dataset.src = slide.src;
 +
}
 +
 
 +
// HiDPI support
 +
if (_and_f(_isHighDPI() , slide.dataset['src-2x'])) {
 +
slideEl.dataset.src = slide.dataset['src-2x'];
 +
}
 +
} else {
 +
// IE
 +
if (slide.getAttribute('data-src')) {
 +
slideEl.setAttribute('data-src', slide.getAttribute('data-src'));
 +
} else {
 +
slideEl.setAttribute('data-src', slide.getAttribute('src'));
 +
}
 +
}
 +
 
 +
if (href) slideEl.setAttribute('href', href);
 +
if (target) slideEl.setAttribute('target', target);
 +
if (slide.getAttribute('className')) _addClass(slideEl, slide.getAttribute('className'));
 +
if (slide.getAttribute('id')) slideEl.setAttribute('id', slide.getAttribute('id'));
 +
if (slide.getAttribute('title')) slideEl.setAttribute('title', slide.getAttribute('title'));
 +
if (slide.getAttribute('alt')) slideEl.innerHTML = slide.getAttribute('alt');
 +
slideEl.setAttribute('role', 'tabpanel');
 +
slideEl.setAttribute('aria-hidden', 'true');
 +
 
 +
slideEl.style.cssText += '-webkit-transition-duration:' + this.settings.transitionDuration + 'ms;-moz-transition-duration:' + this.settings.transitionDuration + 'ms;-o-transition-duration:' + this.settings.transitionDuration + 'ms;transition-duration:' + this.settings.transitionDuration + 'ms;';
 +
 
 +
sliderEl.appendChild(slideEl);
 +
validSlides.push(slideEl);
 +
}
 +
}.bind(this));
 +
 
 +
var slides = validSlides;
 +
if (slides.length <= 1) {
 +
sliderEl.innerHTML = '';
 +
Array.prototype.forEach.call(origChildren, function(child, i) {
 +
sliderEl.appendChild(child);
 +
});
 +
return null;
 +
}
 +
 
 +
// Create navigation
 +
if (!this.settings.disableNav) {
 +
var previousNav, nextNav;
 +
if (this.settings.previousNavSelector) {
 +
previousNav = document.querySelector(this.settings.previousNavSelector);
 +
} else {
 +
previousNav = document.createElement('a');
 +
sliderEl.appendChild(previousNav);
 +
}
 +
if (this.settings.nextNavSelector) {
 +
nextNav = document.querySelector(this.settings.nextNavSelector);
 +
} else {
 +
nextNav = document.createElement('a');
 +
sliderEl.appendChild(nextNav);
 +
}
 +
 
 +
_addClass(previousNav, this.settings.classes.previousNav);
 +
_addClass(nextNav, this.settings.classes.nextNav);
 +
_addEvent(previousNav, 'click', function() {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return false;
 +
this.stop();
 +
this.previousSlide();
 +
}.bind(this));
 +
_addEvent(nextNav, 'click', function() {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return false;
 +
this.stop();
 +
this.nextSlide();
 +
}.bind(this));
 +
 
 +
// Touch Navigation
 +
if (('ontouchstart' in window) || _and_f(window.DocumentTouch , document instanceof DocumentTouch)) {
 +
this.settings.effect = 'slide';
 +
previousNav.style.display = 'none';
 +
nextNav.style.display = 'none';
 +
_addClass(sliderEl, this.settings.classes.touchEnabled);
 +
 
 +
_addEvent(sliderEl, 'touchstart', _touch.start.bind(this), false);
 +
_addEvent(sliderEl, 'touchmove', _touch.move.bind(this), false);
 +
_addEvent(sliderEl, 'touchend', _touch.end.bind(this), false);
 +
}
 +
 
 +
// Keyboard Navigation
 +
if (this.settings.keyboardNav) {
 +
_addEvent(document, 'keyup', function(e) {
 +
e = e || window.event;
 +
var button = (typeof e.which == 'number') ? e.which : e.keyCode;
 +
if (button == 37) {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return false;
 +
this.stop();
 +
this.previousSlide();
 +
} else if (button == 39) {
 +
if (_hasClass(this._attributes.container, this.settings.classes.animating)) return false;
 +
this.stop();
 +
this.nextSlide();
 +
}
 +
}.bind(this));
 +
}
 +
}
 +
 
 +
// Create internal attributes
 +
this._attributes = {
 +
container: sliderEl,
 +
slides: slides,
 +
previousSlide: typeof slides[slides.length - 1] !== 'undefined' ? slides[slides.length - 1] : slides[0],
 +
currentSlide: slides[0],
 +
nextSlide: typeof slides[1] !== 'undefined' ? slides[1] : slides[0],
 +
timerId: 0,
 +
origChildren: origChildren, // Used in destroy()
 +
aspectWidth: 0,
 +
aspectHeight: 0
 +
};
 +
 
 +
// Set height
 +
if (_isInteger(this.settings.height)) {
 +
this._attributes.container.style.height = this.settings.height + 'px';
 +
} else {
 +
if (_isInteger(this.settings.initialHeight)) {
 +
this._attributes.container.style.height = this.settings.initialHeight + 'px';
 +
}
 +
 
 +
// If aspect ratio parse and store
 +
if (this.settings.height.indexOf(':') > -1) {
 +
var aspectRatioParts = this.settings.height.split(':');
 +
if (_and_f(_and_f(aspectRatioParts.length == 2 , _isInteger(parseInt(aspectRatioParts[0], 10))) , _isInteger(parseInt(aspectRatioParts[1], 10)))) {
 +
this._attributes.aspectWidth = parseInt(aspectRatioParts[0], 10);
 +
this._attributes.aspectHeight = parseInt(aspectRatioParts[1], 10);
 +
}
 +
}
 +
 
 +
_addEvent(window, 'resize', function() {
 +
_setContainerHeight(this, false);
 +
}.bind(this));
 +
}
 +
 
 +
// Add classes
 +
_addClass(sliderEl, this.settings.classes.container);
 +
_addClass(sliderEl, 'iis-effect-' + this.settings.effect);
 +
Array.prototype.forEach.call(this._attributes.slides, function(slide, i) {
 +
_addClass(slide, this.settings.classes.slide);
 +
}.bind(this));
 +
_addClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_addClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_addClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
 
 +
// ARIA
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'false');
 +
 
 +
// Load first image
 +
_loadImg(this._attributes.currentSlide, (function() {
 +
this.settings.onInit.apply(this);
 +
_setContainerHeight(this, false);
 +
}).bind(this));
 +
// Preload next images
 +
_loadImg(this._attributes.previousSlide);
 +
_loadImg(this._attributes.nextSlide);
 +
};
 +
 
 +
Slider.prototype.get = function(attribute) {
 +
if (!this._attributes) return null;
 +
if (this._attributes.hasOwnProperty(attribute)) {
 +
return this._attributes[attribute];
 +
}
 +
};
 +
 
 +
Slider.prototype.set = function(attribute, value) {
 +
if (!this._attributes) return null;
 +
return (this._attributes[attribute] = value);
 +
};
 +
 
 +
Slider.prototype.start = function() {
 +
if (!this._attributes) return;
 +
this._attributes.timerId = setInterval(this.nextSlide.bind(this), this.settings.interval);
 +
this.settings.onStart.apply(this);
 +
 
 +
// Stop if window blur
 +
window.onblur = function() {
 +
this.stop();
 +
}.bind(this);
 +
};
 +
 
 +
Slider.prototype.stop = function() {
 +
if (!this._attributes) return;
 +
clearInterval(this._attributes.timerId);
 +
this._attributes.timerId = 0;
 +
this.settings.onStop.apply(this);
 +
};
 +
 
 +
Slider.prototype.previousSlide = function() {
 +
this.settings.beforeChange.apply(this);
 +
_removeClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_removeClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_removeClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'true');
 +
 
 +
var slides = this._attributes.slides,
 +
index = slides.indexOf(this._attributes.currentSlide);
 +
this._attributes.nextSlide = this._attributes.currentSlide;
 +
this._attributes.previousSlide = slides[index - 2];
 +
this._attributes.currentSlide = slides[index - 1];
 +
if (_and_f(typeof this._attributes.currentSlide === 'undefined' ,
 +
typeof this._attributes.previousSlide === 'undefined')) {
 +
this._attributes.currentSlide = slides[slides.length - 1];
 +
this._attributes.previousSlide = slides[slides.length - 2];
 +
} else {
 +
if (typeof this._attributes.previousSlide === 'undefined') {
 +
this._attributes.previousSlide = slides[slides.length - 1];
 +
}
 +
}
 +
 
 +
// Preload next image
 +
_loadImg(this._attributes.previousSlide);
 +
 
 +
_addClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_addClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_addClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'false');
 +
 
 +
_addClass(this._attributes.container, this.settings.classes.directionPrevious);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.directionPrevious);
 +
}.bind(this), this.settings.transitionDuration);
 +
 
 +
if (this.settings.transitionDuration) {
 +
_addClass(this._attributes.container, this.settings.classes.animating);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.animating);
 +
}.bind(this), this.settings.transitionDuration);
 +
}
 +
 
 +
_setContainerHeight(this);
 +
this.settings.afterChange.apply(this);
 +
};
 +
 
 +
Slider.prototype.nextSlide = function() {
 +
this.settings.beforeChange.apply(this);
 +
_removeClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_removeClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_removeClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'true');
 +
 
 +
var slides = this._attributes.slides,
 +
index = slides.indexOf(this._attributes.currentSlide);
 +
this._attributes.previousSlide = this._attributes.currentSlide;
 +
this._attributes.currentSlide = slides[index + 1];
 +
this._attributes.nextSlide = slides[index + 2];
 +
if (_and_f(typeof this._attributes.currentSlide === 'undefined' ,
 +
typeof this._attributes.nextSlide === 'undefined')) {
 +
this._attributes.currentSlide = slides[0];
 +
this._attributes.nextSlide = slides[1];
 +
} else {
 +
if (typeof this._attributes.nextSlide === 'undefined') {
 +
this._attributes.nextSlide = slides[0];
 +
}
 +
}
 +
 
 +
// Preload next image
 +
_loadImg(this._attributes.nextSlide);
 +
 
 +
_addClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_addClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_addClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'false');
 +
 
 +
_addClass(this._attributes.container, this.settings.classes.directionNext);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.directionNext);
 +
}.bind(this), this.settings.transitionDuration);
 +
 
 +
if (this.settings.transitionDuration) {
 +
_addClass(this._attributes.container, this.settings.classes.animating);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.animating);
 +
}.bind(this), this.settings.transitionDuration);
 +
}
 +
 
 +
_setContainerHeight(this);
 +
this.settings.afterChange.apply(this);
 +
};
 +
 
 +
Slider.prototype.gotoSlide = function(index) {
 +
this.settings.beforeChange.apply(this);
 +
this.stop();
 +
 
 +
_removeClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_removeClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_removeClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'true');
 +
 
 +
index--; // Index should be 1-indexed
 +
var slides = this._attributes.slides,
 +
oldIndex = slides.indexOf(this._attributes.currentSlide);
 +
this._attributes.previousSlide = slides[index - 1];
 +
this._attributes.currentSlide = slides[index];
 +
this._attributes.nextSlide = slides[index + 1];
 +
if (typeof this._attributes.previousSlide === 'undefined') {
 +
this._attributes.previousSlide = slides[slides.length - 1];
 +
}
 +
if (typeof this._attributes.nextSlide === 'undefined') {
 +
this._attributes.nextSlide = slides[0];
 +
}
 +
 
 +
// Load images
 +
_loadImg(this._attributes.previousSlide);
 +
_loadImg(this._attributes.currentSlide);
 +
_loadImg(this._attributes.nextSlide);
 +
 
 +
_addClass(this._attributes.previousSlide, this.settings.classes.previousSlide);
 +
_addClass(this._attributes.currentSlide, this.settings.classes.currentSlide);
 +
_addClass(this._attributes.nextSlide, this.settings.classes.nextSlide);
 +
this._attributes.currentSlide.setAttribute('aria-hidden', 'false');
 +
 
 +
if (index < oldIndex) {
 +
_addClass(this._attributes.container, this.settings.classes.directionPrevious);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.directionPrevious);
 +
}.bind(this), this.settings.transitionDuration);
 +
} else {
 +
_addClass(this._attributes.container, this.settings.classes.directionNext);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.directionNext);
 +
}.bind(this), this.settings.transitionDuration);
 +
}
 +
 
 +
if (this.settings.transitionDuration) {
 +
_addClass(this._attributes.container, this.settings.classes.animating);
 +
_requestTimeout(function() {
 +
_removeClass(this._attributes.container, this.settings.classes.animating);
 +
}.bind(this), this.settings.transitionDuration);
 +
}
 +
 
 +
_setContainerHeight(this);
 +
this.settings.afterChange.apply(this);
 +
};
 +
 
 +
Slider.prototype.destroy = function() {
 +
clearInterval(this._attributes.timerId);
 +
this._attributes.timerId = 0;
 +
 
 +
this._attributes.container.innerHTML = '';
 +
Array.prototype.forEach.call(this._attributes.origChildren, function(child, i) {
 +
this._attributes.container.appendChild(child);
 +
}.bind(this));
 +
 
 +
_removeClass(this._attributes.container, this.settings.classes.container);
 +
_removeClass(this._attributes.container, 'iis-effect-' + this.settings.effect);
 +
this._attributes.container.style.height = '';
 +
 
 +
this.settings.onDestroy.apply(this);
 +
};
 +
 
 +
return {
 +
_hasClass: _hasClass,
 +
_addClass: _addClass,
 +
_removeClass: _removeClass,
 +
Slider: Slider
 +
};
 +
 
 +
})();
 +
var div = document.getElementById("textDiv"); 
 +
    div.textContent = "my text"; 
 +
    var text = div.textContent;
 +
</script>
 
 
 +
<!-->Captions Extension v1.0.1<!-->
 +
<script>
 +
/*
 +
* Ideal Image Slider: Captions Extension v1.0.1
 +
*
 +
* By Gilbert Pellegrom
 +
* http://gilbert.pellegrom.me
 +
*
 +
* Copyright (C) 2014 Dev7studios
 +
* https://raw.githubusercontent.com/gilbitron/Ideal-Image-Slider/master/LICENSE
 +
*/
 +
 +
(function(IIS) {
 +
"use strict";
 +
 +
IIS.Slider.prototype.addCaptions = function() {
 +
IIS._addClass(this._attributes.container, 'iis-has-captions');
 +
 +
Array.prototype.forEach.call(this._attributes.slides, function(slide, i) {
 +
var caption = document.createElement('div');
 +
IIS._addClass(caption, 'iis-caption');
 +
 +
var captionContent = '';
 +
if (slide.getAttribute('title')) {
 +
captionContent += '<div class="iis-caption-title">' + slide.getAttribute('title') + '</div>';
 +
}
 +
if (slide.getAttribute('data-caption')) {
 +
var dataCaption = slide.getAttribute('data-caption');
 +
if (dataCaption.substring(0, 1) == '#' || dataCaption.substring(0, 1) == '.') {
 +
var external = document.querySelector(dataCaption);
 +
if (external) {
 +
captionContent += '<div class="iis-caption-content">' + external.innerHTML + '</div>';
 +
}
 +
} else {
 +
captionContent += '<div class="iis-caption-content">' + slide.getAttribute('data-caption') + '</div>';
 +
}
 +
} else {
 +
if (slide.innerHTML) {
 +
captionContent += '<div class="iis-caption-content">' + slide.innerHTML + '</div>';
 +
}
 +
}
 +
 +
slide.innerHTML = '';
 +
if (captionContent) {
 +
caption.innerHTML = captionContent;
 +
slide.appendChild(caption);
 +
}
 +
}.bind(this));
 +
};
 +
 +
return IIS;
 +
 +
})(IdealImageSlider);
 +
</script>
 
 
−
});
 
 
 
 +
<script>
 +
var slider_Edu_Centers = new IdealImageSlider.Slider({
 +
selector: '#slider_Edu_Centers',
 +
height: 500, // Required but can be set by CSS
 +
interval: 3000
 +
});
 +
slider_Edu_Centers.addCaptions();
 +
slider_Edu_Centers.start();
 +
 +
</script>
 
 
 +
<script>
 +
var slider_Estonia = new IdealImageSlider.Slider({
 +
selector: '#slider_Estonia',
 +
height: 500, // Required but can be set by CSS
 +
interval: 3000
 +
});
 +
slider_Estonia.addCaptions();
 +
slider_Estonia.start();
 +
 +
var slider_Valencia = new IdealImageSlider.Slider({
 +
selector: '#slider_Valencia',
 +
height: 500, // Required but can be set by CSS
 +
interval: 3000
 +
});
 +
slider_Valencia.addCaptions();
 +
slider_Valencia.start();
 
 
−
</script>
+
var slider_Latin = new IdealImageSlider.Slider({
 +
selector: '#slider_Latin',
 +
height: 500, // Required but can be set by CSS
 +
interval: 3000
 +
});
 +
slider_Latin.addCaptions();
 +
slider_Latin.start();
 +
 +
var slider_Mexico = new IdealImageSlider.Slider({
 +
selector: '#slider_Mexico',
 +
height: 500, // Required but can be set by CSS
 +
interval: 3000
 +
});
 +
slider_Mexico.addCaptions();
 +
slider_Mexico.start();
 +
 +
</script>
 +
 
 
</html>
 
</html>
 
{{Ecuador/footer}}
 
{{Ecuador/footer}}

Revision as of 22:39, 13 October 2018

iGEM ECUADOR
C-lastin, Modeling

Collaborations
Reference image

1. 08 ABRIL 2018 MEXICO

https://2018.igem.org/Team:TecCEM


Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México IGEM Tec-Monterrey con quienes iniciamos colaboraciones conjuntas con miras a la competencia mundial (octubre-2018)

Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México IGEM Tec-Monterrey con quienes iniciamos colaboraciones conjuntas con miras a la competencia mundial (octubre-2018)
El día de hoy tuvimos la oportunidad de contactarnos con el equipo de IGEM Ecuador - Biología Sintética cuya participación es la primera en esta competencia. Estamos muy entusiasmados en colaborar con ellos!!! # 🇲🇽 🇪🇨

Reunion From Ecuador Estonia From Ecuador

2. 13 DE JULIO 2018 MEET UP LATINOAMERICA

https://2018.igem.org/Teams/Meetups#Latin_American_Meetup

Tecnológico de Monterrey, 
Description: ​The participant teams will present their projects in order to receive feedback from other teams and experts on the subject. We are contacting different PhD ́s. who are interested in participating and collaborating with the teams and can contribute to the improvement of the projects. We are expecting the participation of the teams from Tec Monterrey, Tec Guadalajara, Tec Chihuahua, Ecuador, Chile, Brazil and Peru. In the case that any of the teams can not attend, then we will designate a space for connecting with them via online.

Reunion From Ecuador Estonia From Ecuador

3. 19 DE JULIO 2018 ESTONIA

 https://2018.igem.org/Team:Tartu_TUIT
Last week we had a conversation with IGEMers from Estonia iGEM for knowing more about our projects and getting advice. We are also looking for a mutual collaboration. 
La semana pasada tuvimos una charla con IGEMers del equipo de Estonia para conocer más sobre nuestros proyectos y aconsejarnos. Asimismo, tenemos en mira una colaboración mutua.

Reunion From Ecuador Estonia From Ecuador

4. 05 DE AGOSTO 2018 ESPAÑA

https://2018.igem.org/Team:Valencia_UPV

Estamos agradecidos con los iGEMers del equipo UPV IGEM por la colaboración que han hecho con nosotros al enviarnos cepas de E. coli para clonación que serán ensayadas nuestro proyecto. Conozcan su interesante proyecto llamado PRINTERÍA http://www.upv.es/noticias-…/noticia-10319-printeria-es.html 
We are grateful with the iGEMers from UPV IGEM team for the collaboration by sending us E. coli cloning strains which will be used in our project. Check out their project named PRINTERIA http://www.upv.es/noticias-…/noticia-10319-printeria-es.html

Reunion From Ecuador Estonia From Ecuador

5. 01 OCTUBRE 2018

Labs like you & Moves like iGEM!!
25 teams
Hey iGEMers!
This link is the final video we promised to send you. Thanks for contributing with this task, it’s has been such an amazing experience working along with you, we have a lot of fun and we hope that you two. 

Hope you like them, see you in Boston!

1. iGEM IISER Bhopa
2. IGEM AFCM
3. IGEM UNESP BRAZIL
4. IGEM WASHINGTON
5. IGEM Tust China
6. iGEM team Bielefeld-CeBiTec
7. IISc-Bangalore iGEM Team
8. IGEM BRAZIL USP
9. IGEM DUSSELDORF
10. IGEM GRONINGEN
11. IGEM DALHOUSIE
12. IGEM LEIDEN
13. Team UFLORIDA
14. Tarta TUIT_IGEM
15. Toulouse INSA UPS
16. IGEM MICHIGAN STATE
17. Team UCHILE_Biotec
18. ECUADOR
19. IGEM BRAZIL USP EEL
20. Tec-Guadalajara
21. Tec-Chihuahua
22. UCSC IGEM
23. TecCEM
24. iTESLA-SoundBio Team
25. Tacoma RainMakers Team

REVISTA

https://2018.igem.org/Team:UChile_Biotec
Magazine Latam

SURVEYS

Surveys  Development within iGEM

Dear iGEM Ecuador,


My name is John and I am a member of iGEM Thessaloniki. I am contacting you to let you know about the collaboration we are organising. More specifically, our team is working on designing a system to increase robustness of measurements by decoupling gene expression from copy number. So, if you would like to take part in our Interlaboratory Collab all you have to do is to conduct measurements, measuring fluorescence with our constructs in a plate reader. We will gather and compare results from around the world and find out if our system diminishes interlaboratory variations caused by differences in plasmid copy number.


In addition, we have created a survey about synthetic biology, laboratory work, safety and ethics that is addressed to experienced scientists working on the synthetic biology field . We would appreciate it if you could forward this survey to your PIs, instructors and advisors. You can find the survey here: https://goo.gl/forms/xigcfX3wmFpywlMo2



Hope you see you in our Interlaboratory Collaboration. For more information don’t hesitate to contact us.


Thank you in advance for your time.



Best,

John Alexopoulos

Dear iGEM Team Ecuador,
I’m a member of this year’s iGEM Team Bielefeld-CeBiTec (Germany) and we have a little favor to ask. We prepared a survey on the topics Dual Use and Dual Use Research of Concern for which we need your help! We already have many German respondents and would be very happy to get a more international view - that’s why we would be pleased if as many of you as possible could participate! If we can also do something for you, please do not hesitate to contact us

See you in Boston & best wishes!
Matthias

Dear team Ecuador

Are you interested in contributing to the well being and prosperity for future iGEM participants? All we need is your attention for 1 minute

We’re the team from Lund University in Sweden. After talking with previous and current iGEM students we’ve come to the conclusion that iGEM can be a very stressful and frustrating experience for many.

iGEM is multifaceted and challenges its participants in many ways. For many individuals, it can become an overwhelming experience which in turn can cause mental health complications such as stress, anxiety and depression. Others members, such as the team leaders, might also face problems with managing the team and ensuring that the project progresses in the right direction.

We strongly believe that this can be changed with the proper tools and guidance.

As a part of our human practices initiative this year, we will be conducting a world-wide survey to map out self-fulfillment, motivation, stress, organization and management, and group dynamics within the iGEM community.

This survey will serve as a foundation for a handbook written by us about team-organization for future iGEM members and team leaders. The handbook will skip all the theoretical jargon and dive straight into tools and practices the teams can apply to improve their work flow and well-being.

It would mean a lot to us if you could distribute our survey to as many people as possible within your team. It takes less than 5 minutes to answer all the questions.

https://goo.gl/forms/MolMbkOuaKiXrWpB3

Please don’t hesitate to ask if there’s anything our team could help you out with.

Warm regards,
Albert Anis
iGEM Lund

Dear Team Ecuador,

Hello!
My name is Ayano Furuta, and I’m a student at Tokyo University of Science in Japan. I belong to Botchan Lab Tokyo, this University’s iGEM team, and I would like to ask you a favor.
In this year, my team is planning to think deeply about food issues through Human Practice, and we want to collect a data which regard to awareness of food problem from different countries.

If it’s ok with you, please take a few minutes to fill out the survey below. I want as many people as possible to fill out the one, so if you can ask your friends or family, please ask them to answer the questions.

I am really appreciate that you take your precious time to read this.
If we can also do something for you, please do not hesitate to contact us!
I’m looking forward to see you in Boston

https://docs.google.com/forms/d/1Sx5q3K7PJTlJ4TNtTSLEfEPBmIsNgrYblHqRVWt8m_o/viewform?edit_requested=true

Kind regards,
Ayano

 

iGEM Tec Chihuahua 2018

¡Saludos desde iGEM Tec-Chihuahua!
Estamos trabajando actualmente en un manual de emprendimiento con el cual los equipos de iGEM podrían contar para el desarrollo de la sección de emprendimiento de sus proyectos. Queremos que este manual se pueda utilizar en las próximas ediciones de la competencia para que los equipos puedan tener una guía adecuada en la cual se puedan basar para sacar adelante el área.

Es nuestra intención que esta guía incluya situaciones que los diferentes equipos de iGEM de todo el mundo experimentan mientras exploran el campo de emprendimiento. Por lo tanto, los invitamos a colaborar con nosotros y con la comunidad de iGEM enviándonos sus preguntas y preocupaciones que llegaron a surgirles al administrar esta sección de sus proyectos. iGEM ​​Tec-Chihuahua consultará a diferentes expertos y compartiremos con ustedes las mejores soluciones. También incluiremos sus preguntas e inquietudes con sus respectivas respuestas en nuestro manual para futura referencia.

Adjunto a este mensaje, encontrarán un Google Forms para recibir su apoyo en el desarrollo de este manual. Aquí incluimos algunas preguntas para recopilar estadísticas sobre el emprendimiento en iGEM y una sección para que ustedes nos compartan su opinión sobre este manual.
La fecha límite para completar este Google Forms es el 8 de julio y iGEM Tec-Chihuahua enviará las respuestas correspondientes a cada equipo la primera semana de agosto.
Le deseamos lo mejor para sus proyectos.
Muchas gracias!
https://docs.google.com/forms/d/e/1FAIpQLSfooEx-ve4OCPklJeNpG8nAMcSc6Uyx-kIwyoFnOpaiFC3u_w/viewform?usp=sf_link
En caso de que no puedan abrir el archivo, háganoslo saber

We thank all the teams involved in these collaborations; for sharing their time with us, giving us advice, supporting our project and making this experience more amusing.

IdealImageSlider Captions Extension v1.0.1
SPONSORS
FOLLOW US
CONTACT US
biosin.espe@outlook.es

UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE.
Ecuador,Sangolquí, Av. General Rumiñahui s/n y Ambato