Tefiducky8 (Talk | contribs) |
Tefiducky8 (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{Ecuador}} | {{Ecuador}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>C-lastin, Modeling</title> | ||
<style> | <style> | ||
− | + | @charset "utf-8"; | |
+ | /* CSS Document */ | ||
+ | @import url('https://fonts.googleapis.com/css?family=Raleway'); | ||
*{ | *{ | ||
margin: 0px; | margin: 0px; | ||
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
− | + | } | |
− | + | ||
− | + | @charset "utf-8"; | |
− | + | /* CSS Document */ | |
− | + | .ec--modeling--container{ | |
− | + | padding-top: 100px; | |
− | } | + | padding-right: 300px; |
+ | padding-bottom: 100px; | ||
+ | padding-left: 300px; | ||
+ | } | ||
+ | .ec--main--title{ | ||
+ | text-align: center; | ||
+ | padding-top: 30px; | ||
+ | padding-right: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | .ec--img--wwd--cont{ | ||
+ | text-align: center; | ||
+ | padding-top: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | .ec--modeling--items{ | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | float: right; | ||
+ | right: 64px; | ||
+ | top: 200px; | ||
+ | } | ||
+ | .ec--biob--cont{ | ||
+ | padding-top: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | .textdis{ | ||
+ | display:none; | ||
+ | } | ||
+ | .loc-neg-c{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-pos-c{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td1{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td2{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td3{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td4{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td5{ | ||
+ | display: none; | ||
+ | } | ||
+ | .loc-td6{ | ||
+ | display: none; | ||
+ | } | ||
− | + | input:hover { | |
− | + | background-color: brown; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | #bigBox { | |
− | + | width:800px; | |
− | + | height: 300px; | |
− | + | } | |
− | + | #leftBox { | |
− | + | float:left; | |
− | + | height:300px; | |
+ | width: 390px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #rightBox { | ||
+ | float:right; | ||
+ | height:300px; | ||
+ | width: 390px; | ||
+ | } | ||
+ | .ec--biobr--location--container{ | ||
+ | padding-top: 50px; | ||
+ | padding-right: 25px; | ||
+ | padding-bottom: 25px; | ||
+ | padding-left: 25px; | ||
+ | } | ||
− | + | </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 */ |
+ | } | ||
− | + | /** | |
− | + | * Remove default margin. | |
− | + | */ | |
− | + | ||
− | + | body { | |
− | + | margin: 0; | |
− | + | } | |
− | + | ||
− | + | /* 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. | ||
+ | */ | ||
− | <div class=" | + | figure { |
− | <a href="https://2018.igem.org/Team: | + | margin: 1em 40px; |
− | + | } | |
− | + | ||
− | + | /** | |
− | </ | + | * Address differences between Firefox and other browsers. |
− | < | + | */ |
− | + | ||
− | + | hr { | |
− | + | -moz-box-sizing: content-box; | |
− | <a | + | box-sizing: content-box; |
− | + | height: 0; | |
− | + | } | |
− | + | ||
− | + | /** | |
− | <a | + | * Contain overflow in all browsers. |
− | + | */ | |
− | + | ||
− | + | pre { | |
− | + | overflow: auto; | |
− | + | } | |
− | + | ||
− | + | /** | |
− | + | * Address odd `em`-unit font size rendering in all browsers. | |
− | + | */ | |
− | + | ||
− | < | + | code, |
− | + | kbd, | |
− | + | pre, | |
− | </a> | + | 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> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="ec--modeling--container"> | ||
+ | <div class="ec--first--section"> | ||
+ | <div class="ec--main--title"> | ||
+ | <a name="MOD" style="text-decoration: none;"><h1>Collaborations</h1></a> | ||
+ | </div> | ||
+ | <div class="ec--modeling--items"> | ||
+ | <ul> | ||
+ | <li><a href="#MOD">Modeling</a></li> | ||
+ | <li><a href="#WWD">WHAT DID WE DO?</a></li> | ||
+ | <li><a href="#HWD">HOW DID WE DO IT?</a></li> | ||
+ | <li><a href="#RES">RESULTS</a></li> | ||
+ | <li><a href="#EXP">EXPERIENCE</a></li> | ||
+ | <li><a href="#ACK">ACKNOWLEDGEMENT</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="ec--img--home--slider">Reference image</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="ec--nau--content"> | ||
+ | <div class="ec--sect--title"> | ||
+ | <h2><a name="I1" style="text-decoration: none;">1. 08 ABRIL 2018 MEXICO </a></h2> | ||
+ | <p><a href="https://2018.igem.org/Team:TecCEM">https://2018.igem.org/Team:TecCEM</a></p> | ||
+ | <p><br> | ||
+ | </p> | ||
+ | <p>Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México <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> con quienes iniciamos colaboraciones conjuntas con miras a la competencia mundial (octubre-2018)<br> | ||
+ | <p>Fue un honor haber tenido el primer acercamiento con el equipo de Biología Sintética de México <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> con quienes iniciamos colaboraciones conjuntas con miras a la competencia mundial (octubre-2018)<br> | ||
+ | El día de hoy tuvimos la oportunidad de contactarnos con el equipo de <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> cuya participación es la primera en esta competencia. Estamos muy entusiasmados en colaborar con ellos!!! # 🇲🇽 🇪🇨 </p> | ||
+ | <div id="slider_Mexico"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c4/T--Ecuador--teccem1.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/c/c4/T--Ecuador--teccem1.jpg" title="Estonia" alt="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/2/23/T--Ecuador--teccem2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/2/23/T--Ecuador--teccem2.jpg" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/c/c4/T--Ecuador--teccem1.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/c/c4/T--Ecuador--teccem1.jpg" src="" alt="Estonia" data-caption="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/2/23/T--Ecuador--teccem2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/2/23/T--Ecuador--teccem2.jpg" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | </div> | ||
+ | |||
+ | <a name="I2"><h2>2. 13 DE JULIO 2018 MEET UP LATINOAMERICA</h2></a> | ||
+ | <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, <br> | ||
+ | <strong>Description:</strong> 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> | ||
+ | <div id="slider_Latin"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b5/T--Ecuador--meet1.png" data-src-2x="https://static.igem.org/mediawiki/2018/b/b5/T--Ecuador--meet1.png" title="Estonia" alt="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/8/8a/T--Ecuador--meet2.png" data-src-2x="https://static.igem.org/mediawiki/2018/8/8a/T--Ecuador--meet2.png" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/b/b5/T--Ecuador--meet1.png" data-src-2x="https://static.igem.org/mediawiki/2018/b/b5/T--Ecuador--meet1.png" src="" alt="Estonia" data-caption="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/8/8a/T--Ecuador--meet2.png" data-src-2x="https://static.igem.org/mediawiki/2018/8/8a/T--Ecuador--meet2.png" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | </div> | ||
+ | <a name="I3" style="text-decoration: none;"> | ||
+ | <h2>3. 19 DE JULIO 2018 ESTONIA</h2></a> | ||
+ | <p> <a href="https://2018.igem.org/Team:Tartu_TUIT">https://2018.igem.org/Team:Tartu_TUIT</a> <br> | ||
+ | Last week we had a conversation with IGEMers from <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> for knowing more about our projects and getting advice. We are also looking for a mutual collaboration. <br> | ||
+ | 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> | ||
+ | |||
+ | <div id="slider_Estonia"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/6b/T--Ecuador--Estonia.png" data-src-2x="https://static.igem.org/mediawiki/2018/6/6b/T--Ecuador--Estonia.png" title="Estonia" alt="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/7/7f/T--Ecuador--estonia2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/7/7f/T--Ecuador--estonia2.jpg" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/6/6b/T--Ecuador--Estonia.png" data-src-2x="https://static.igem.org/mediawiki/2018/6/6b/T--Ecuador--Estonia.png" src="" alt="Estonia" data-caption="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/7/7f/T--Ecuador--estonia2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/7/7f/T--Ecuador--estonia2.jpg" src=""title="Estonia" alt="From Ecuador" /> | ||
+ | </div> | ||
+ | <a name="I4"><h2>4. 05 DE AGOSTO 2018 ESPAÑA</h2></a> | ||
+ | <p><a href="https://2018.igem.org/Team:Valencia_UPV">https://2018.igem.org/Team:Valencia_UPV</a></p> | ||
+ | <p>Estamos agradecidos con los iGEMers del equipo <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> 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 <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> <br> | ||
+ | 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 <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> | ||
+ | <div id="slider_Valencia"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f0/T--Ecuador--Valencia1.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/f/f0/T--Ecuador--Valencia1.jpg" title="Estonia" alt="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/3/31/T--Ecuador--Valencia2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/3/31/T--Ecuador--Valencia2.jpg" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/f/f0/T--Ecuador--Valencia1.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/f/f0/T--Ecuador--Valencia1.jpg" src="" alt="Estonia" data-caption="Reunion" /> | ||
+ | <img data-src="https://static.igem.org/mediawiki/2018/3/31/T--Ecuador--Valencia2.jpg" data-src-2x="https://static.igem.org/mediawiki/2018/3/31/T--Ecuador--Valencia2.jpg" src="" title="Estonia" alt="From Ecuador" /> | ||
+ | </div> | ||
+ | <h3><a name="I5" style="text-decoration: none;"></a></h3> | ||
+ | <h2>5. 01 OCTUBRE 2018</h2> | ||
+ | <p>Labs like you & Moves like iGEM!!<br> | ||
+ | 25 teams <br> | ||
+ | Hey iGEMers!<br> | ||
+ | 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. </p> | ||
+ | <p>Hope you like them, see you in Boston!<br> | ||
+ | <iframe width="560" height="315" src="https://www.youtube.com/embed/R7vdiGLLJZA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> | ||
+ | |||
+ | <p>1. iGEM IISER Bhopa<br> | ||
+ | 2. IGEM AFCM <br> | ||
+ | 3. IGEM UNESP BRAZIL<br> | ||
+ | 4. IGEM WASHINGTON<br> | ||
+ | 5. IGEM Tust China <br> | ||
+ | 6. iGEM team Bielefeld-CeBiTec <br> | ||
+ | 7. IISc-Bangalore iGEM Team<br> | ||
+ | 8. IGEM BRAZIL USP<br> | ||
+ | 9. IGEM DUSSELDORF<br> | ||
+ | 10. IGEM GRONINGEN<br> | ||
+ | 11. IGEM DALHOUSIE<br> | ||
+ | 12. IGEM LEIDEN<br> | ||
+ | 13. Team UFLORIDA<br> | ||
+ | 14. Tarta TUIT_IGEM<br> | ||
+ | 15. Toulouse INSA UPS<br> | ||
+ | 16. IGEM MICHIGAN STATE<br> | ||
+ | 17. Team UCHILE_Biotec<br> | ||
+ | 18. ECUADOR<br> | ||
+ | 19. IGEM BRAZIL USP EEL<br> | ||
+ | 20. Tec-Guadalajara<br> | ||
+ | 21. Tec-Chihuahua<br> | ||
+ | 22. UCSC IGEM<br> | ||
+ | 23. TecCEM<br> | ||
+ | 24. iTESLA-SoundBio Team<br> | ||
+ | 25. Tacoma RainMakers Team</p> | ||
+ | <h1>REVISTA</h1> | ||
+ | <p><a href="https://2018.igem.org/Team:UChile_Biotec">https://2018.igem.org/Team:UChile_Biotec</a> <br> | ||
+ | Magazine Latam</p> | ||
+ | <h1>SURVEYS</h1> | ||
+ | <p>Surveys <a href="https://2017.igem.org/Team:Heidelberg/Collaborations#collaboration9">Development within iGEM</a></p> | ||
+ | Dear iGEM Ecuador,<br> | ||
+ | <br> | ||
+ | <br> | ||
+ | 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> | ||
+ | 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> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | Hope you see you in our Interlaboratory Collaboration. For more information don’t hesitate to contact us.<br> | ||
+ | <br> | ||
+ | <br> | ||
+ | Thank you in advance for your time.<br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | Best, <br> | ||
+ | <p>John Alexopoulos<br> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/3d/T--Ecuador--survey1.png" width="478" height="269" alt=""/> | ||
+ | <p>Dear iGEM Team Ecuador,<br> | ||
+ | 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 <br> | ||
+ | <br> | ||
+ | See you in Boston & best wishes!<br> | ||
+ | Matthias<br> | ||
+ | <br> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f2/T--Ecuador--survey2.png" width="683" height="384" alt=""/> | ||
+ | <p>Dear team Ecuador<br> | ||
+ | <br> | ||
+ | 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> | ||
+ | <br> | ||
+ | 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.<br> | ||
+ | <br> | ||
+ | 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> | ||
+ | <br> | ||
+ | We strongly believe that this can be changed with the proper tools and guidance.<br> | ||
+ | <br> | ||
+ | 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> | ||
+ | <br> | ||
+ | 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> | ||
+ | <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> | ||
+ | <br> | ||
+ | <a href="https://goo.gl/forms/MolMbkOuaKiXrWpB3" target="_blank">https://goo.gl/forms/MolMbkOuaKiXrWpB3</a> <br> | ||
+ | <br> | ||
+ | Please don’t hesitate to ask if there’s anything our team could help you out with.<br> | ||
+ | <br> | ||
+ | Warm regards,<br> | ||
+ | Albert Anis<br> | ||
+ | iGEM Lund</p> | ||
+ | <p> </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/22/T--Ecuador--survey3.png" width="683" height="384" alt=""/> | ||
+ | <p align="center">Dear Team Ecuador,<br> | ||
+ | <br> | ||
+ | Hello!<br> | ||
+ | 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.<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’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’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="https://static.igem.org/mediawiki/2018/1/1f/T--Ecuador--survey4.png" width="683" height="384" alt=""/> | ||
+ | <p align="center"> </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="https://static.igem.org/mediawiki/2018/c/c5/T--Ecuador--survey5.png" width="683" height="384" 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--sect--text"></div> | |
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
+ | |||
+ | <!-->IdealImageSlider<!--> | ||
+ | <script type="text/javascript"> | ||
+ | var IdealImageSlider = (function() { | ||
+ | "use strict"; | ||
+ | |||
+ | /* | ||
+ | * requestAnimationFrame polyfill | ||
+ | */ | ||
+ | var _requestAnimationFrame = function(win, t) { | ||
+ | return win["r" + t] || win["webkitR" + t] || win["mozR" + t] || win["msR" + t] || function(fn) { | ||
+ | setTimeout(fn, 1000 / 60); | ||
+ | }; | ||
+ | }(window, 'equestAnimationFrame'); | ||
+ | |||
+ | /** | ||
+ | * Behaves the same as setTimeout except uses requestAnimationFrame() where possible for better performance | ||
+ | * @param {function} fn The callback function | ||
+ | * @param {int} delay The delay in milliseconds | ||
+ | */ | ||
+ | var _requestTimeout = function(fn, delay) { | ||
+ | var start = new Date().getTime(), | ||
+ | handle = {}; | ||
+ | |||
+ | function loop() { | ||
+ | var current = new Date().getTime(), | ||
+ | delta = current - start; | ||
+ | |||
+ | if (delta >= delay) { | ||
+ | fn.call(); | ||
+ | } else { | ||
+ | handle.value = _requestAnimationFrame(loop); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | 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) { | ||
+ | return !(!parameter1 || !parameter2); | ||
+ | } | ||
+ | |||
+ | var _isInteger = function(x) { | ||
+ | return Math.round(x) === x; | ||
+ | }; | ||
+ | |||
+ | var _deepExtend = function(out) { | ||
+ | out = out || {}; | ||
+ | for (var i = 1; i < arguments.length; i++) { | ||
+ | var obj = arguments[i]; | ||
+ | if (!obj) | ||
+ | continue; | ||
+ | for (var key in obj) { | ||
+ | if (obj.hasOwnProperty(key)) { | ||
+ | if (_and_f(_isType('Object', obj[key]), obj[key] !== null)) | ||
+ | _deepExtend(out[key], obj[key]); | ||
+ | else | ||
+ | out[key] = obj[key]; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | return out; | ||
+ | }; | ||
+ | |||
+ | 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(); | ||
+ | |||
+ | 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}} |
Revision as of 01:27, 14 October 2018
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!!! # 🇲🇽 🇪🇨
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.
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.
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
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.