Difference between revisions of "All Teams Info"

 
(102 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:
 
}
 
}
 
 
−
 
−
.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;
 
}
 
}
 
 
−
.button{
+
.search_button{
−
cursor:  
+
cursor: pointer;
 +
    background-color: #00A19B;
 +
    padding: 10px;
 +
    border-radius: 5px;
 +
    text-align: center;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    color: white;
 +
    width: 67%;
 
}
 
}
 
 
−
</style>
+
.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 48: 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">  
+
<h2> Search and Filter </h2>
−
<option value="">Choose team...</option>
+
<div class="clear extra_space"></div>
−
</select>
+
 
 
−
</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>
+
<div class="clear extra_space"></div>
−
<option value="High_School">High School</option>
+
 
−
<option value="Information_Processing">Information Processing</option>
+
<select class="search_input" id="track_list">  
−
<option value="Manufacturing">Manufacturing</option>
+
<option value="all">All Tracks</option>
−
<option value="New_Application"> New Application</option>
+
<option value="Diagnostics">Diagnostics</option>
−
<option value="Open"> Open</option>
+
<option value="Energy">Energy</option>
−
<option value="Software"> Software</option>
+
<option value="Environment">Environment</option>
−
<option value="Therapeutics">Therapeutics</option>
+
<option value="Food_and_Nutrition">Food and Nutrition</option>
−
</select>
+
<option value="Foundational_Advance">Foundational Advance</option>
−
</div>
+
<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 class="filter_category">
 
−
<h3>Section</h3>
 
−
<!-- Dropdown list for sections-->
 
−
<select class="search_input" id="section_list">
 
−
<option value="all">All sections</option>
 
−
<option value="Undergrad">Undergrad</option>
 
−
<option value="Overgrad">Overgrad</option>
 
−
<option value="High_School">High School</option>
 
−
</select>
 
−
</div>
 
 
 
−
<div class="filter_category">
 
−
<h3>Region</h3>
 
−
<!-- Dropdown list for sections-->
 
−
<select class="search_input" id="region_list">
 
−
<option value="all">All regions</option>
 
−
<option value="Asia">Africa</option>
 
−
<option value="Africa">Asia</option>
 
−
<option value="Europe">Europe</option>
 
−
<option value="Latin_America">Latin America</option>
 
−
<option value="North_America">North America</option>
 
−
</select>
 
 
</div>
 
</div>
 
 
 
 
 +
<div class="clear extra_space"></div>
 
 
−
<div class="filter_category filter_button">
+
 
−
<div class="button button_disabled" id="go_search_filter">
+
<div class="filter_button">
−
<a>
+
<div class="search_button button_disabled" id="go_search_filter">
 
SEARCH
 
SEARCH
−
</a>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 138: Line 309:
 
</div>
 
</div>
  
 +
<div class="clear extra_space"></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 id="general_all_teams"></div>
+
</div>
 +
 +
 +
<div class="button load_more_teams" id="load_more_teams"> <a >LOAD MORE TEAMS </a>  </div>
  
  
  
−
</div>
 
  
 +
 +
 +
</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