Difference between revisions of "All Teams Info"

 
(47 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.full_size.general_p{
 
.column.full_size.general_p{
Line 21: Line 54:
 
}
 
}
 
 
−
 
−
.filter_subcategory_wrapper{
 
−
    width: 30%;
 
−
    float: left;
 
−
    margin: 0px 2%;
 
  
  
−
}
+
.filter_button{
−
 
+
float:left;
−
.filter_subcategory_wrapper.filter_button{
+
display:none;
−
float:right;
+
width: 30%;
 
}
 
}
 
 
Line 41: Line 69:
 
.search_button{
 
.search_button{
 
cursor: pointer;
 
cursor: pointer;
−
  background-color: #00A19B;
+
    background-color: #00A19B;
−
  padding: 10px;
+
    padding: 10px;
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     text-align: center;
 
     text-align: center;
Line 48: Line 76:
 
     font-weight: bold;
 
     font-weight: bold;
 
     color: white;
 
     color: white;
−
     width: 100%;
+
     width: 67%;
 
}
 
}
 
 
Line 55: Line 83:
 
}
 
}
 
 
−
 
−
.testo{
 
−
float: left;
 
−
    width: 30%;
 
−
    padding: 10px;
 
−
    border-right: 1px solid #d3d3d3;
 
−
}
 
 
 
 
 
Line 96: Line 117:
 
 
 
select{
 
select{
−
width: 100%;
+
width: 100%;
−
    padding: 10px 10px;
+
    padding: 10px 10px;
−
    font-size: 110%;
+
    font-size: 125%;
−
    background-color: white;
+
    background-color: white;
−
    font-weight: bold;
+
    font-weight: bold;
−
    border: 1px solid #969696;
+
    border: 1px solid #969696;
−
    cursor: pointer;
+
    cursor: pointer;
−
    -webkit-appearance: none;
+
    -webkit-appearance: none;
−
    -moz-appearance: none;
+
    -moz-appearance: none;
−
    background-position: center right;
+
    background-position: center right;
−
    background-repeat: no-repeat;
+
    background-repeat: no-repeat;
−
     background-image: url(https://static.igem.org/mediawiki/2019/7/73/Menu_icon_sponsors.svg);
+
     background-image: url(https://static.igem.org/mediawiki/2019/2/24/Dropdown_arrow.svg);
 +
max-height: 200px;
 
}
 
}
 
 
 
 
 
ul.horizontal_select{
 
ul.horizontal_select{
−
padding:0px;
+
padding:0px 2px;
 
margin:0px;
 
margin:0px;
 
}
 
}
 
 
 
ul.horizontal_select li{
 
ul.horizontal_select li{
−
background-color:white;
+
    background-color: white;
−
    display: inline;
+
    display: block;
−
    width: 100%;
+
    float: left;
−
    padding: 5px 8px;
+
    padding: 5px 8px;
−
    margin: 0px 0px 0px 10px;
+
    margin: 5px 0px 0px 10px;
−
    border-radius: 5px;
+
    border-radius: 5px;
−
    border: 1px solid #d3d3d3;
+
    border: 1px solid #d3d3d3;
−
    cursor: pointer;
+
    cursor: pointer;
−
    color: black;
+
    color: black;
−
    font-weight: bold;
+
    font-weight: bold;
 +
    white-space: nowrap;
 
}
 
}
 
 
Line 139: Line 162:
 
 
 
ul.horizontal_select li.select_title{
 
ul.horizontal_select li.select_title{
−
padding: 5px 0px 5px 0px;
+
    padding: 5px 0px 5px 0px;
−
    margin-left: -5px;
+
    margin-left: -5px;
−
    background-color: white;
+
    background-color: white;
−
    border: 1px solid white;
+
    border: 1px solid white;
−
    cursor: default;
+
    cursor: default;
−
    color: black;
+
    color: #969696;
−
    width: 156px;
+
−
    min-width: 150px;
+
−
    max-width: 156px;
+
 
}
 
}
 
 
 +
 +
#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>
 
</style>
−
 
−
<div  id="HQ_info">
 
  
  
Line 168: Line 198:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
−
 
−
<div class="column quarter_size">
 
−
 
−
<h2> Choose a team</h2>
 
−
<div class="clear extra_space"></div>
 
−
<!-- Dropdown list for all teams -->
 
−
 
−
 
−
 
−
</div>
 
  
 
<div class="column full_size">
 
<div class="column full_size">
  
−
<h2> Filter by...</h2>
+
<h2> Search and Filter </h2>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
Line 187: Line 207:
 
<div class="filter_categories_titles showing" id="complete_team_list">Team List</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 class="filter_categories_titles" id="general_information">General Information </div>
−
<div class="filter_categories_titles" id="giant_jamboree">Giant Jamboree </div>
 
−
<div class="filter_categories_titles" id="awards_medals">Awards and Medals </div>
 
 
</div>
 
</div>
 
 
Line 194: Line 212:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
−
+
<!-- FILTER CATEGORIES: TEAM LIST -->
 
<div class="filter_categories showing" id="category_complete_team_list">
 
<div class="filter_categories showing" id="category_complete_team_list">
−
+
 
−
<h3>Team list</h3>
+
 
<select class="search_input" id="team_list">  
 
<select class="search_input" id="team_list">  
−
<option value="all_teams">Choose team...</option>
+
<option value="all_teams">Choose a team...</option>
 
</select>
 
</select>
 
 
Line 207: Line 224:
 
<div class="filter_categories" id="category_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>
+
<div class="clear extra_space"></div>
−
<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>
+
−
+
−
<div class="clear extra_space"></div>
+
−
+
−
+
−
<div>
+
−
<ul class="horizontal_select" id="section_list">
+
−
<li class="select_title"> Section:  </li>
+
−
<li class="selected_subcategory" id="all"> All sections </li>
+
−
<li id="Undergrad">Undergrad</li>
+
−
<li id="Overgrad">Overgrad</li>
+
−
<li id="High_School">High School</li>
+
−
</ul>
+
−
</div>
+
  
 +
<select class="search_input" id="country_list">
 +
<option value="all">All Countries/Territories</option>
 +
</select>
 
 
−
<div class="clear extra_space"></div>
 
 
 
 +
<div class="clear extra_space"></div>
 
 
−
 
−
<div class="filter_subcategory_wrapper">
 
−
<h3>Country / Territory</h3>
 
−
<select class="search_input" id="country_list">
 
−
<option value="all">All countries/territories</option>
 
−
</select>
 
−
</div>
 
  
−
<div class="filter_subcategory_wrapper">
+
<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>
+
 
−
+
−
+
−
<!-- FILTER CATEGORIES: GIANT JAMBOREE -->
+
−
<div class="filter_categories" id="category_giant_jamboree">
+
−
+
−
<div>
+
−
<ul class="horizontal_select" id="poster_list">
+
−
<li class="select_title"> Poster Zones: </li>
+
−
<li class="selected_subcategory" id="all"> All zones </li>
+
−
<li id="Zone_1">Zone 1</li>
+
−
<li id="Zone_2">Zone 2</li>
+
−
<li id="Zone_3">Zone 3</li>
+
−
<li id="Zone_4">Zone 4</li>
+
−
<li id="Zone_5">Zone 5</li>
+
−
</ul>
+
−
</div>
+
−
+
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 +
 +
<select class="search_input" id="track_list">
 +
<option value="all">All Tracks</option>
 +
<option value="Diagnostics">Diagnostics</option>
 +
<option value="Energy">Energy</option>
 +
<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="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="clear extra_space"></div>
−
<ul class="horizontal_select" id="presentation_list">
+
−
<li class="select_title"> Presentation Days: </li>
+
−
<li class="selected_subcategory" id="all"> All days </li>
+
−
<li id="Thursday">Thursday</li>
+
−
<li id="Friday">Friday</li>
+
−
<li id="Saturday">Saturday</li>
+
−
</ul>
+
−
</div>
+
 
 
−
</div>
+
 
−
+
−
<!-- FILTER CATEGORIES: AWARDS -->
+
−
<div class="filter_categories" id="category_awards_medals">
+
−
+
−
<div>
+
 
<ul class="horizontal_select" id="medal_list">
 
<ul class="horizontal_select" id="medal_list">
 
<li class="select_title"> Medals: </li>
 
<li class="select_title"> Medals: </li>
−
<li class="selected_subcategory" id="all"> All medals </li>
+
<li class="selected_subcategory" id="all"> All Medals </li>
 
<li id="Gold">Gold</li>
 
<li id="Gold">Gold</li>
 
<li id="Silver">Silver</li>
 
<li id="Silver">Silver</li>
Line 309: Line 283:
 
<li id="-">No Medal</li>
 
<li id="-">No Medal</li>
 
</ul>
 
</ul>
−
</div>
+
 
 
 
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
−
<div class="filter_subcategory_wrapper">
+
−
<h3>Nominations</h3>
+
<select class="search_input" id="awards_list">  
 +
<option value="all">Select an award</option>
  
−
<select class="search_input" id="nominations_list">
+
</select>
−
<option value="all">All Nominations</option>
+
−
</select>
+
−
</div>
+
−
+
−
<div class="filter_subcategory_wrapper">
+
−
<h3>Awards</h3>
+
  
−
<select class="search_input" id="awards_list">
 
−
<option value="all">All Awards</option>
 
−
 
−
</select>
 
−
</div>
 
 
 
 
</div>
 
</div>
Line 335: Line 299:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
−
+
 
−
+
<div class="filter_button">
−
<div class="filter_subcategory_wrapper filter_button">
+
 
<div class="search_button button_disabled" id="go_search_filter">
 
<div class="search_button button_disabled" id="go_search_filter">
 
SEARCH
 
SEARCH
Line 347: Line 310:
  
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
−
<div class="line_divider soft"></div>
+
<div class="line_divider"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
  
−
<div id="filtered_results"></div>
+
 
 +
 
 +
<h3 id="loading_stuff"> LOADING...</h3>
 +
<div id="filtered_results">
 +
 
 +
</div>
 
 
 +
<div id="general_all_teams">
 +
 +
 +
</div>
 +
 +
 +
<div class="button load_more_teams" id="load_more_teams"> <a >LOAD MORE TEAMS </a>  </div>
 +
  
−
<div id="general_all_teams"></div>
 
  
  
  
−
</div>
 
  
 
</div>
 
</div>

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