Difference between revisions of "All Teams Info"

 
(131 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<style>
 
<style>
 
 
 +
 +
.loading_wheel{
 +
display:none;
 +
}
 +
 +
.loading_wheel.show_it{
 +
display: block;
 +
}
 +
 +
.button.load_more_teams{
 +
cursor: pointer;
 +
 +
}
 +
 +
.small_icon{
 +
margin-bottom: -3px;
 +
padding-right: 5px;
 +
}
 +
 +
 +
.team_information_wrapper{
 +
float: left;
 +
    width:33%;
 +
   
 +
}
 +
 +
 +
.team_information_wrapper.institution{
 +
width: 66%;
 +
    margin-top: -11px;
 +
}
 +
 +
 
 
−
.column.half_size.general_p{
+
.column.full_size.general_p{
 
border: 1px solid #aaa;
 
border: 1px solid #aaa;
 
     padding: 2%;
 
     padding: 2%;
−
width: 41.7%;
+
width: 92%;
 
}
 
}
 
 
Line 21: Line 54:
 
}
 
}
 
 
−
 
−
.column.three_quarter_size.filter_tool > .filter_category{
 
−
    width: 30%;
 
−
    float: left;
 
−
    padding: 0 1% 0 1%;
 
−
}
 
  
−
.button.button_disabled a{
+
 
 +
.filter_button{
 +
float:left;
 +
display:none;
 +
width: 30%;
 +
}
 +
 +
.search_button.button_disabled {
 
background-color: #9e9e9e !important;
 
background-color: #9e9e9e !important;
 
color: #d3d3d3 !important;
 
color: #d3d3d3 !important;
 
}
 
}
 
 
−
</style>
+
.search_button{
 +
cursor: pointer;
 +
    background-color: #00A19B;
 +
    padding: 10px;
 +
    border-radius: 5px;
 +
    text-align: center;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    color: white;
 +
    width: 67%;
 +
}
 +
 +
.search_button:hover{
 +
background-color: #00BBD3;
 +
}
 +
 +
 +
 +
.filter_categories_titles{
 +
float: left;
 +
    padding: 7px 12px 5px 12px;
 +
    border: 1px solid white;
 +
    cursor: pointer;
  
−
<div  id="HQ_info">
+
    color: #969696;
 +
    font-family: Freeroad_Regular;
 +
    border-bottom: 5px solid white;
 +
    font-size: 145%;
 +
    margin-right: 3%;
 +
    padding-left: 0px;
 +
}
 +
 +
 +
.filter_categories_titles.showing, .filter_categories_titles:hover{
 +
    border-bottom: 5px solid #085156;
 +
    color: #085156;
 +
}
 +
 +
 +
.filter_categories{
 +
display:none;
 +
margin-left:5px;
 +
}
 +
 
 +
 +
.filter_categories.showing{
 +
display:block;
 +
}
 +
 +
select{
 +
width: 100%;
 +
    padding: 10px 10px;
 +
    font-size: 125%;
 +
    background-color: white;
 +
    font-weight: bold;
 +
    border: 1px solid #969696;
 +
    cursor: pointer;
 +
    -webkit-appearance: none;
 +
    -moz-appearance: none;
 +
    background-position: center right;
 +
    background-repeat: no-repeat;
 +
    background-image: url(https://static.igem.org/mediawiki/2019/2/24/Dropdown_arrow.svg);
 +
max-height: 200px;
 +
}
 +
 +
 +
ul.horizontal_select{
 +
padding:0px 2px;
 +
margin:0px;
 +
}
 +
 +
ul.horizontal_select li{
 +
    background-color: white;
 +
    display: block;
 +
    float: left;
 +
    padding: 5px 8px;
 +
    margin: 5px 0px 0px 10px;
 +
    border-radius: 5px;
 +
    border: 1px solid #d3d3d3;
 +
    cursor: pointer;
 +
    color: black;
 +
    font-weight: bold;
 +
    white-space: nowrap;
 +
}
 +
 +
ul.horizontal_select li:hover, ul.horizontal_select li.selected_subcategory{
 +
background-color: #00BBD3;
 +
color:white;
 +
border: 1px solid #00BBD3;
 +
 +
}
 +
 +
 +
 +
ul.horizontal_select li.select_title{
 +
    padding: 5px 0px 5px 0px;
 +
    margin-left: -5px;
 +
    background-color: white;
 +
    border: 1px solid white;
 +
    cursor: default;
 +
    color: #969696;
 +
}
 +
 +
 +
#loading_stuff{
 +
display:none;
 +
}
 +
 +
 +
@media only screen and (max-width: 900px) {
 +
.team_information_wrapper{ width:100%; margin-bottom:-20px;}
 +
.team_information_wrapper.institution{ width:100%; margin-bottom:-20px; margin-top:10px;}
 +
}
 +
 +
 +
</style>
  
  
Line 44: Line 191:
 
<p> This page contains information and links to all the 2019 teams. If you would like to search for a specific team or filter by categories  you can do so by using the search tool below. </p>
 
<p> This page contains information and links to all the 2019 teams. If you would like to search for a specific team or filter by categories  you can do so by using the search tool below. </p>
 
</div>
 
</div>
 +
  
  
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
−
 
−
<div class="column full_size">
 
−
<h1>Search and filter tool  </h1>
 
−
</div>
 
−
 
−
<div class="clear"></div>
 
 
<div class="line_divider"></div>
 
<div class="line_divider"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
−
 
−
<div class="column quarter_size">
 
  
−
<h3>Team list</h3>
+
<div class="column full_size">
−
<!-- Dropdown list for all teams -->
+
 
−
<select class="search_input" id="team_list"> </select>
+
<h2> Search and Filter </h2>
 +
<div class="clear extra_space"></div>
 
 
−
</div>
+
<div>
 +
<div class="filter_categories_titles showing" id="complete_team_list">Team List</div>
 +
<div class="filter_categories_titles" id="general_information">General Information </div>
 +
</div>
 +
 +
 +
<div class="clear extra_space"></div>
 +
 +
<!-- FILTER CATEGORIES: TEAM LIST -->
 +
<div class="filter_categories showing" id="category_complete_team_list">
  
−
<div class="column three_quarter_size filter_tool">
+
<select class="search_input" id="team_list">
 +
<option value="all_teams">Choose a team...</option>
 +
</select>
 +
 +
</div>
 +
 +
<!-- FILTER CATEGORIES: GENERAL INFORMATION -->
 +
<div class="filter_categories" id="category_general_information">
 +
 +
 
 +
<ul class="horizontal_select" id="region_list">
 +
<li class="select_title"> Region: </li>
 +
<li class="selected_subcategory" id="all"> All regions </li>
 +
<li id="Africa">Africa</li>
 +
<li id="Asia">Asia</li>
 +
<li id="Europe">Europe</li>
 +
<li id="Latin_America">Latin America</li>
 +
<li id="North_America">North America</li>
 +
</ul>
 +
 +
<div class="clear extra_space"></div>
  
−
<div class="filter_category">
 
−
<h3>Country / Territory</h3>
 
−
<!-- Dropdown list for all teams -->
 
 
<select class="search_input" id="country_list">  
 
<select class="search_input" id="country_list">  
−
<option value="all">All countries/territories</option>
+
<option value="all">All Countries/Territories</option>
 
</select>
 
</select>
−
</div>
+
 +
 +
<div class="clear extra_space"></div>
 +
  
−
<div class="filter_category">
+
<ul class="horizontal_select" id="section_list">
−
<h3>Tracks</h3>
+
<li class="select_title"> Section:  </li>
−
<!-- Dropdown list for tracks -->
+
<li class="selected_subcategory" id="all"> All sections </li>
−
<select class="search_input" id="track_list">  
+
<li id="Undergrad">Undergrad</li>
−
<option value="all">All tracks</option>
+
<li id="Overgrad">Overgrad</li>
−
<option value="Diagnostics">Diagnostics</option>
+
<li id="High_School">High School</li>
−
<option value="Energy">Energy</option>
+
</ul>
−
<option value="Environment">Environment</option>
+
−
<option value="Food_and_Nutrition">Food and Nutrition</option>
+
−
<option value="Foundational_Advance">Foundational Advance</option>
+
−
<option value="High_School">High School</option>
+
−
<option value="Information_Processing">Information Processing</option>
+
−
<option value="Manufacturing">Manufacturing</option>
+
−
<option value="New_Application"> New Application</option>
+
−
<option value="Open"> Open</option>
+
−
<option value="Software"> Software</option>
+
−
<option value="Therapeutics">Therapeutics</option>
+
−
</select>
+
−
</div>
+
  
−
<div class="filter_category">
+
<div class="clear extra_space"></div>
−
<h3>Section</h3>
+
 
−
<!-- Dropdown list for sections-->
+
<select class="search_input" id="track_list">  
−
<select class="search_input" id="section_list">  
+
<option value="all">All Tracks</option>
−
<option value="all">All sections</option>
+
<option value="Diagnostics">Diagnostics</option>
−
<option value="Undergrad">Undergrad</option>
+
<option value="Energy">Energy</option>
−
<option value="Overgrad">Overgrad</option>
+
<option value="Environment">Environment</option>
−
<option value="High_School">High School</option>
+
<option value="Food_and_Nutrition">Food and Nutrition</option>
−
</select>
+
<option value="Foundational_Advance">Foundational Advance</option>
 +
<option value="High_School">High School</option>
 +
<option value="Manufacturing">Manufacturing</option>
 +
<option value="New_Application"> New Application</option>
 +
<option value="Open"> Open</option>
 +
<option value="Software"> Software</option>
 +
<option value="Therapeutics">Therapeutics</option>
 +
</select>
 +
 
 +
 +
<div class="clear extra_space"></div>
 +
 +
 
 +
<ul class="horizontal_select" id="medal_list">
 +
<li class="select_title"> Medals: </li>
 +
<li class="selected_subcategory" id="all"> All Medals </li>
 +
<li id="Gold">Gold</li>
 +
<li id="Silver">Silver</li>
 +
<li id="Bronze">Bronze</li>
 +
<li id="-">No Medal</li>
 +
</ul>
 +
 
 +
 +
<div class="clear extra_space"></div>
 +
 +
 +
<select class="search_input" id="awards_list">  
 +
<option value="all">Select an award</option>
 +
 
 +
</select>
 +
 
 +
 
</div>
 
</div>
 
 
 
 
−
<div class="filter_category filter_button">
+
<div class="clear extra_space"></div>
−
<div class="button button_disabled" id="go_search_filter">
+
−
<a>
+
 
 +
<div class="filter_button">
 +
<div class="search_button button_disabled" id="go_search_filter">
 
SEARCH
 
SEARCH
−
</a>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 119: Line 310:
  
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
−
 
−
<div class="column full_size" id="#filter_results">
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="column full_size">
 
−
<h1>All teams </h1>
 
−
</div>
 
−
<div class="clear"></div>
 
 
<div class="line_divider"></div>
 
<div class="line_divider"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
  
−
<div id="general_printing"> </div>
 
  
  
 +
<h3 id="loading_stuff"> LOADING...</h3>
 +
<div id="filtered_results">
  
−
 
+
</div>
−
</div>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<script>
+
−
 
+
−
$(document).ready(function() {
+
−
 
+
−
 
+
−
// all_teams_info
+
−
var all_teams_info = [
+
−
{
+
−
'team_name':'Aachen',
+
−
'wiki_link':'https://2018.igem.org/Team:Aachen',
+
−
'location':'Germany',
+
−
'institution':'RWTH Aachen University',
+
−
'section':'Overgrad',
+
−
'project_title':'Melasense',
+
−
'track':'Diagnostics',
+
−
'abstract':'We plan on developing a melatonin biosensor. Our approach for the biosensor is to genetically modify Saccharomyces cerevisiae by integrating a highly specific human melatonin receptor into the cells. Melatonin has a high membrane permeability which permits us to use the nuclear retinoid z receptor (RZR) which is directly regulating gene expression. We express the RZR as a fusion-protein with the recognition sequence of the human estrogen receptor alpha (ERα). When melatonin is bound.. the modified receptor binds to the estrogen receptor responsive element (ERE) and as a consequence regulate expression of firefly luciferase reporter genes. In our second approach.. we will use the membrane-receptor MT1 for our biosensor. When melatonin binds to the G protein-coupled receptor.. β-arrestins can be recruited. This mechanism allows us to use an enzyme fragment complementation assay based on two fusion-proteins.',
+
−
'parts_link':'http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2018&group=Aachen',
+
−
'medal':'Gold',
+
−
'nominations':'Best Hardware',
+
−
'awards':''
+
−
},
+
−
+
−
{
+
−
'team_name':'Aalto-Helsinki',
+
−
'wiki_link':'https://2018.igem.org/Team:Aalto-Helsinki',
+
−
'location':'Finland',
+
−
'institution':'Aalto University',
+
−
'section':'Overgrad',
+
−
'project_title':'Silkolor - A sustainable approach to dyeing industry using fusion proteins',
+
−
'track':'New Application',
+
−
'abstract':'Textile dyeing is one of the biggest polluters of natural waters. Many of the synthetic dyes used are non-biodegradable.. toxic and large amounts of them end up in waters during the dyeing process. Natural dyes.. although less toxic than synthetic ones.. require mordants in order to bind to the fabric. Mordants often contain aluminum or other metals.. which are harmful to the environment. We are addressing the problem by using two types of colorful fusion proteins. Chromoproteins are fused with binding domains to create colorful proteins which can bind cellulose or keratin based materials.. such as cotton or wool.. respectively. Spider silk is added to some of the proteins in order to make colored silk proteins that can be made into fibers.. which would erase the need for the dyeing step from the textile value chain completely. Our experiments were focused on binding tests and silk fiber production.',
+
−
'parts_link':'http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2018&group=Aalto-Helsinki',
+
−
'medal':'Gold',
+
−
'nominations':'Best Product Design',
+
−
'awards':''
+
−
},
+
−
+
−
{
+
−
'team_name':'ACIBADEM ISTANBUL',
+
−
'wiki_link':'https://2018.igem.org/Team:ACIBADEM_ISTANBUL',
+
−
'location':'Turkey',
+
−
'institution':'ACIBADEM UNIVERSITY',
+
−
'section':'Undergrad',
+
−
'project_title':'LTNF 2.0: Circularized Venom Neutralizing Factor',
+
−
'track':'Therapeutics',
+
−
'abstract':'The Opossum (Didelphimorphia) is an animal with a very unique characteristic; it displays an outstanding resistance to toxins.. snake venoms in particular. This anti-venom ability is gained through a single protein; the Lethal Toxin Neutralizing Factor (LTNF). We are attempting to produce an improved version of this anti-venom.. LTNF 2.0 if you will.. as a synthetic anti-venom for human use. LTNF 2.0 incorporates the post-translational modification process known as circularization.. a process that comprises of adding cysteine amino acids to both ends of a polypeptide chain; triggering the formation of a disulphide bridge.. ultimately leading to a circular structure.. hence the name circularization. Circularized proteins are known for not only greater stability but also greater efficacy of the protein.. thereby improving its shelf life and lowering the required dosage for treatment.. ultimately providing a more efficient bioproduct.',
+
−
'parts_link':'http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2018&group=ACIBADEM_ISTANBUL',
+
−
'medal':'Bronze',
+
−
'nominations':'',
+
−
'awards':''
+
−
},
+
−
+
−
{
+
−
'team_name':'AFCM-Egypt',
+
−
'wiki_link':'https://2018.igem.org/Team:AFCM-Egypt',
+
−
'location':'Egypt',
+
−
'institution':'Armed Forces College of Medicine',
+
−
'section':'Overgrad',
+
−
'project_title':'Microbiota: Opening Doors to New Horizons in Colorectal Cancer Therapy',
+
−
'track':'Therapeutics',
+
−
'abstract':'Colorectal cancer (CRC) is considered one of the most common cancers and accounts for almost half a million deaths annually worldwide. Tremendous progress has been made in understanding the role of the immune system in driving the development of cancers.. including CRC. As sensors of cell death and tissue remodeling.. Toll like receptors(TLRs) may have a universal role in cancer. There are different TLRs that respond to a variety of Pathogen associated molecular pattern (PAMPs) such as bacterial lipopolysaccharide . The evidence of existence of relevance between bacterial microbiota and carcinogenesis is increasing. it is suggested that microRNAs act as ligands of TLRs playing a role in epigenetic immune modulation. In this study.. We will assess the therapeutic efficacy of microbiome based approach as novel therapeutic strategy in restoring normal Toll lie receptor signaling in CRC cell line .',
+
−
'parts_link':'http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2018&group=AFCM-Egypt',
+
−
'medal':'Silver',
+
−
'nominations':'',
+
−
'awards':''
+
−
}
+
 
 
 +
<div id="general_all_teams">
 
 
−
];
 
  
−
//generate team and country list
+
</div>
−
setup_teams_and_countries_list(all_teams_info);
+
 
 
 +
 +
<div class="button load_more_teams" id="load_more_teams"> <a >LOAD MORE TEAMS </a>  </div>
  
−
//Place all the team information in the general printing div
 
−
for( x=0; x< all_teams_info.length; x++) {
 
  
−
$("#general_printing").append("<div class='column half_size general_p'> <h2>" + all_teams_info[x].team_name +
 
−
  "</h2> <p><b>Location:</b>" +all_teams_info[x].location+", "+all_teams_info[x].institution +
 
−
  "<br><b>Section:</b>"+all_teams_info[x].section+
 
−
  "<br><b>Track:</b>"+all_teams_info[x].track+
 
−
  "</p><p><a href='"+all_teams_info[x].wiki_link+"'>"+all_teams_info[x].project_title+
 
−
  "</a></p><p>"+all_teams_info[x].abstract+"</p></div>");
 
−
 
−
//every two divs, clear to create spacing
 
−
if( (x%2) != 0 ){
 
−
$("#general_printing").append("<div class='clear extra_space'></div>");
 
−
}
 
−
}
 
−
 
−
 
−
 
−
//if a search is requested
 
−
$('#go_search_filter').click(function() {
 
−
 
−
  search_request(all_teams_info);
 
−
console.log("requesting a search");
 
−
});
 
−
 
  
−
 
−
 
−
});
 
  
−
 
−
function setup_teams_and_countries_list(all_teams_info){
 
−
 
−
var clean_name;
 
−
 
−
//generate the team list
 
−
for (x=0; x< all_teams_info.length; x++){
 
−
 
−
clean_name = (all_teams_info[x].team_name).replace(/ /g, "_");
 
−
 
−
$("#team_list").append("<option value='"+clean_name+"'>"+all_teams_info[x].team_name+"</option>");
 
  
−
}
 
−
 
−
//clean the previous variable
 
−
clean_name = "";
 
−
 
−
//generate the list of unique countries
 
−
var countries = [... new Set(all_teams_info.map(x => x.location))];
 
−
 
−
for (x=0; x< countries.length; x++){
 
−
 
−
clean_name = (countries[x]).replace(/ /g, "_");
 
−
 
−
$("#country_list").append("<option value='"+clean_name+"'>"+countries[x]+"</option>");
 
  
−
}
+
</div>
−
+
</div>
−
//once the team and country list is done loading, enable the search button
+
−
console.log("done appending all the teams and countries ");
+
−
enable_search_button();
+
−
}
+
−
+
−
+
−
+
−
+
−
function search_request(all_teams_info){
+
−
+
−
+
−
console.log($('#country_list').val());
+
−
console.log($('#track_list').val());
+
−
console.log($('#section_list').val());
+
−
+
−
+
−
//get the values to search for each category
+
−
var values_to_search = {
+
−
location: $('#country_list').val(),
+
−
track: $('#track_list').val(),
+
−
section: $('#section_list').val()
+
−
};
+
−
+
−
console.log(values_tosearch);
+
−
+
  
−
//create a temp object for searching
 
−
var temp_object ={};
 
−
 
  
−
for (x=0; x< all_teams_info.length; x++){
 
  
−
//populate temp object
 
−
temp_object = all_teams_info[x];
 
−
 
−
//
 
−
//if( temp_object[object_property] == value_to_search ){
 
−
// console.log("Found instance of: "+value_to_search+" --- "+ temp_object.team_name );
 
−
//}
 
−
 
−
}
 
−
 
−
}
 
  
−
+
<!---------------- footer --------------------->
−
+
<script src="https://2019.igem.org/wiki/index.php?title=HQ:All_teams_info.js&action=raw&ctype=text/javascript"></script>
−
function enable_search_button(){
+
 
−
+
−
$("#go_search_filter").removeClass("button_disabled");
+
−
console.log("The search button is now enabled");
+
−
}
+
−
+
−
+
−
</script>
+
  
  
 
</html>
 
</html>
 
{{Footer2019}}
 
{{Footer2019}}

Latest revision as of 21:51, 21 November 2019

Loading...

Information on all teams

This page contains information and links to all the 2019 teams. If you would like to search for a specific team or filter by categories you can do so by using the search tool below.

Search and Filter

Team List
General Information
  • Region:
  • All regions
  • Africa
  • Asia
  • Europe
  • Latin America
  • North America
  • Section:
  • All sections
  • Undergrad
  • Overgrad
  • High School
  • Medals:
  • All Medals
  • Gold
  • Silver
  • Bronze
  • No Medal
SEARCH

LOADING...

iGEM Foundation

The International Genetically Engineered Machine (iGEM) Foundation is an independent, non-profit organization dedicated to the advancement of synthetic biology, education and competition, and the development of an open community and collaboration. Visit us at igem.org


hq AT igem DOT org


27 Drydock Avenue
Suite 27E-230
Boston, MA 02210


+1.617.500.3106