Difference between revisions of "All Teams Info"

 
(73 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{
 
    width: 20%;
 
    float: left;
 
    padding: 0 2% 0 0%;
 
}
 
  
.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: pointer;
 
cursor: pointer;
margin-left: -5%;
+
    background-color: #00A19B;
 +
    padding: 10px;
 +
    border-radius: 5px;
 +
    text-align: center;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    color: white;
 +
    width: 67%;
 
}
 
}
 
 
.testo{
+
.search_button:hover{
float: left;
+
background-color: #00BBD3;
    width: 30%;
+
    padding: 10px;
+
    border-right: 1px solid #d3d3d3;
+
 
}
 
}
 
 
 
 
.filter_categories_titles{
 
    float: left;
 
    padding: 7px 12px 5px 12px;
 
  border: 1px solid white;
 
    cursor: pointer;
 
    border-radius: 5px;
 
    color: #969696;
 
    font-family: Freeroad_Regular;
 
    line-height: initial;
 
    font-size: 140%;
 
    margin-right: 3%;
 
}
 
 
 
 +
.filter_categories_titles{
 +
float: left;
 +
    padding: 7px 12px 5px 12px;
 +
    border: 1px solid white;
 +
    cursor: pointer;
  
+
    color: #969696;
.filter_categories_titles:hover{
+
    font-family: Freeroad_Regular;
border: 1px solid #007B8A;
+
    border-bottom: 5px solid white;
background-color: #007B8A;
+
    font-size: 145%;
color: white;
+
    margin-right: 3%;
 +
    padding-left: 0px;
 
}
 
}
 
 
 
 
.filter_categories_titles.showing{
+
.filter_categories_titles.showing, .filter_categories_titles:hover{
border: 1px solid #085156;
+
    border-bottom: 5px solid #085156;
background-color: #085156;
+
    color: #085156;
color: white;
+
 
}
 
}
 
 
Line 77: Line 108:
 
.filter_categories{
 
.filter_categories{
 
display:none;
 
display:none;
 +
margin-left:5px;
 
}
 
}
+
 
 
 
 
.filter_categories.showing{
 
.filter_categories.showing{
Line 85: Line 117:
 
 
 
select{
 
select{
width: 100%;
+
width: 100%;
    padding: 10px 0px;
+
    padding: 10px 10px;
    font-size: 110%;
+
    font-size: 125%;
    background-color: #F2F2F3;
+
    background-color: white;
    font-weight: bold;
+
    font-weight: bold;
    border: 1px solid #969696;
+
    border: 1px solid #969696;
    cursor: auto;
+
    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>
 
</style>
 
<div  id="HQ_info">
 
  
  
Line 112: 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 -->
 
 
<h3>Team list</h3>
 
<select class="search_input" id="team_list">
 
<option value="all_teams">Choose team...</option>
 
</select>
 
 
</div>
 
  
<div class="column three_quarter_size filter_tool">
+
<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>
 
 
 
<div>
 
<div>
<div class="filter_categories_titles showing" id="general_information">General Information </div>
+
<div class="filter_categories_titles showing" id="complete_team_list">Team List</div>
<div class="filter_categories_titles" id="giant_jamboree">Giant Jamboree </div>
+
<div class="filter_categories_titles" id="general_information">General Information </div>
<div class="filter_categories_titles" id="awards_medals">Awards and Medals </div>
+
 
</div>
 
</div>
 
 
Line 140: Line 212:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
+
<!-- FILTER CATEGORIES: TEAM LIST -->
<!-- FILTER CATEGORIES: GENERAL INFORMATION -->
+
<div class="filter_categories showing" id="category_complete_team_list">
<div class="filter_categories showing" id="category_general_information">
+
+
<div class="filter_subcategory">
+
<h3>Country / Territory</h3>
+
<!-- Dropdown list for all teams -->
+
<select class="search_input" id="country_list">
+
<option value="all">All countries/territories</option>
+
</select>
+
</div>
+
  
<div class="filter_subcategory">
+
<select class="search_input" id="team_list">  
<h3>Tracks</h3>
+
<option value="all_teams">Choose a team...</option>
<!-- Dropdown list for tracks -->
+
</select>
<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="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_subcategory">
+
<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_subcategory">
 
<h3>Region</h3>
 
<!-- Dropdown list for sections-->
 
<select class="search_input" id="region_list">
 
<option value="all">All regions</option>
 
<option value="Africa">Africa</option>
 
<option value="Asia">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>
 
 
 +
<!-- FILTER CATEGORIES: GENERAL INFORMATION -->
 +
<div class="filter_categories" id="category_general_information">
 
 
<!-- FILTER CATEGORIES: GIANT JAMBOREE -->
 
<div class="filter_categories" id="category_giant_jamboree">
 
 
<div class="filter_subcategory">
 
<h3>Poster Zones</h3>
 
  
<select class="search_input" id="poster_list">  
+
<ul class="horizontal_select" id="region_list">
<option value="all">All zones</option>
+
<li class="select_title"> Region: </li>
<option value="Zone_1">Zone 1</option>
+
<li class="selected_subcategory" id="all"> All regions </li>
<option value="Zone_2">Zone 2</option>
+
<li id="Africa">Africa</li>
<option value="Zone_3">Zone 3</option>
+
<li id="Asia">Asia</li>
<option value="Zone_4">Zone 4</option>
+
<li id="Europe">Europe</li>
<option value="Zone_5">Zone 5</option>
+
<li id="Latin_America">Latin America</li>
</select>
+
<li id="North_America">North America</li>
</div>
+
</ul>
+
 
 
<div class="filter_subcategory">
+
<div class="clear extra_space"></div>
<h3>Presentation Day</h3>
+
  
<select class="search_input" id="presentation_list">  
+
<select class="search_input" id="country_list">
<option value="all">All days</option>
+
<option value="all">All Countries/Territories</option>
<option value="Thursday">Thursday</option>
+
</select>
<option value="Friday">Friday</option>
+
<option value="Saturday">Saturday</option>
+
</select>
+
<div class="clear extra_space"></div>
</div>
+
+
 
</div>
+
<ul class="horizontal_select" id="section_list">
+
<li class="select_title"> Section:  </li>
<!-- FILTER CATEGORIES: AWARDS -->
+
<li class="selected_subcategory" id="all"> All sections </li>
<div class="filter_categories" id="category_awards_medals">
+
<li id="Undergrad">Undergrad</li>
 +
<li id="Overgrad">Overgrad</li>
 +
<li id="High_School">High School</li>
 +
</ul>
 +
 +
 
 +
<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 class="clear extra_space"></div>
 
 
<div class="filter_subcategory">
 
<h3>Medal</h3>
 
  
<select class="search_input" id="medal_list">  
+
<ul class="horizontal_select" id="medal_list">
<option value="all">All medals</option>
+
<li class="select_title"> Medals: </li>
<option value="Gold">Gold</option>
+
<li class="selected_subcategory" id="all"> All Medals </li>
<option value="Silver">Silver</option>
+
<li id="Gold">Gold</li>
<option value="Bronze">Bronze</option>
+
<li id="Silver">Silver</li>
<option value="-">No Medal</option>
+
<li id="Bronze">Bronze</li>
</select>
+
<li id="-">No Medal</li>
</div>
+
</ul>
 +
 
 
 
 +
<div class="clear extra_space"></div>
 
 
<div class="filter_subcategory">
+
<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">
+
<h3>Awards</h3>
+
  
<select class="search_input" id="awards_list">
 
<option value="all">All Awards</option>
 
 
</select>
 
</div>
 
 
 
 
</div>
 
</div>
Line 266: Line 299:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
+
 
+
<div class="filter_button">
<div class="filter_subcategory filter_button">
+
<div class="search_button button_disabled" id="go_search_filter">
<div class="button button_disabled" id="go_search_filter">
+
<a>
+
 
SEARCH
 
SEARCH
</a>
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 279: 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>
 +
 +
 +
<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...