(153 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. | + | .column.full_size.general_p{ |
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
padding: 2%; | padding: 2%; | ||
− | width: | + | width: 92%; |
} | } | ||
Line 15: | Line 48: | ||
} | } | ||
+ | .column.three_quarter_size.filter_tool{ | ||
+ | border-left: 1px solid #d3d3d3; | ||
+ | width: 67%; | ||
+ | padding-left: 3%; | ||
+ | } | ||
− | |||
− | |||
+ | .filter_button{ | ||
+ | float:left; | ||
+ | display:none; | ||
+ | width: 30%; | ||
+ | } | ||
+ | |||
+ | .search_button.button_disabled { | ||
+ | background-color: #9e9e9e !important; | ||
+ | color: #d3d3d3 !important; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="column full_size"> | ||
+ | <h1>Information on all teams </h1> | ||
+ | <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 class="clear extra_space"></div> | |
− | <div | + | <div class="line_divider"></div> |
+ | <div class="clear extra_space"></div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="column full_size"> | <div class="column full_size"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <h2> Search and Filter </h2> | |
+ | <div class="clear extra_space"></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"> | ||
+ | <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> | ||
+ | <select class="search_input" id="country_list"> | ||
+ | <option value="all">All Countries/Territories</option> | ||
+ | </select> | ||
+ | |||
+ | |||
+ | <div class="clear extra_space"></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 class="clear extra_space"></div> |
− | </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> | ||
+ | |||
+ | <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 class="clear extra_space"></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
+ | <div class="filter_button"> | ||
+ | <div class="search_button button_disabled" id="go_search_filter"> | ||
+ | SEARCH | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
− | // | + | <div class="clear extra_space"></div> |
− | + | <div class="line_divider"></div> | |
+ | <div class="clear extra_space"></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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | ||
− | + | ||
− | + | ||
− | </script> | + | |
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---------------- footer ---------------------> | ||
+ | <script src="https://2019.igem.org/wiki/index.php?title=HQ:All_teams_info.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
</html> | </html> | ||
{{Footer2019}} | {{Footer2019}} |
Latest revision as of 21:51, 21 November 2019
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