Line 12: | Line 12: | ||
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css"> | <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" type="text/css"> | ||
<style> | <style> | ||
− | + | .dwnload-btn{ | |
− | + | border-color: #b8d8ab !important; | |
− | + | background-color: #b8d8ab !important; | |
− | + | } | |
− | + | .btn-dwnl:visited { | |
− | + | color: #fff !important; | |
− | + | } | |
− | + | .jvectormap-zoomin { | |
− | + | top: 15px !important; | |
− | + | } | |
− | + | .jvectormap-zoomout { | |
− | + | top: 65px !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | |||
<div id="header" class="navbar-toggleable-md sticky clearfix"> | <div id="header" class="navbar-toggleable-md sticky clearfix"> | ||
− | + | <!-- TOP NAV --> | |
− | + | <header id="topNav"> | |
− | + | <div class="container"> | |
− | + | ||
− | + | <!-- Mobile Menu Button --> | |
− | + | <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"> | |
− | + | <i class="fa fa-bars"></i> | |
− | + | </button> | |
− | + | ||
− | + | <!-- BUTTONS --> | |
− | + | <ul class="float-right nav nav-pills nav-social nav-second-main"> | |
− | + | <li> | |
− | + | <a href="https://www.instagram.com/upvigem/" target="_blank" class="social-instagram text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Instagram"> | |
− | + | <i class="fa fa-instagram"></i> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook"> | |
− | + | <i class="fa fa-facebook"></i> | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="http://igem.upv.es/" target="_blank" class="social-facebook text-center text-black" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Web"> | |
− | + | <i class="fa fa-globe"></i> | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | <!-- /BUTTONS --> | |
− | + | ||
− | + | <!-- Logo --> | |
− | + | <a class="logo float-left" href="https://2017.igem.org/Team:Valencia_UPV"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/d/da/LogotipoChatterPlantNavBar.png" alt="" /> | |
− | + | </a> | |
− | + | <div class="navbar-collapse collapse float-right nav-main-collapse submenu-color"> | |
− | + | <nav class="nav-main"> | |
− | + | <ul id="topMain" class="nav nav-pills nav-main nav-hover-animate nav-animate-fadeIn"> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" href="#"> | |
− | + | TEAM | |
− | + | </a> | |
− | + | <ul class="dropdown-menu" style="margin:0em 0 0 0em !important;"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Team"> | |
− | + | Team | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Attributions"> | |
− | + | Attributions | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" href="#"> | |
− | + | PROJECT | |
− | + | </a> | |
− | + | <ul class="dropdown-menu" style="margin:0em 0 0 0em !important;"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Description"> | |
− | + | Description | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Collaborations"> | |
− | + | Collaborations | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Achievement"> | |
− | + | Achievements | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Safety"> | |
− | + | Safety | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" href="#"> | |
− | + | WETLAB | |
− | + | </a> | |
− | + | <ul class="dropdown-menu" style="margin:0em 0 0 0em !important;"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Design"> | |
− | + | Biological Design | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Experiments"> | |
− | + | Experiments | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Protocols"> | |
− | + | Protocols | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Results"> | |
− | + | Results | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Notebook"> | |
− | + | Notebook | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Contribution"> | |
− | + | Contribution | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Improve"> | |
− | + | Improve | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Plant"> | |
− | + | PlantSynBio | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Parts"> | |
− | + | Parts | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Part_Collection"> | |
− | + | Part Collection | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" href="#"> | |
− | + | DRY LAB | |
− | + | </a> | |
− | + | <ul class="dropdown-menu" style="margin:0em 0 0 0em !important;"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Model"> | |
− | + | Model | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Software"> | |
− | + | Software | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/Hardware"> | |
− | + | Hardware | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/GraphicDesign"> | |
− | + | Graphic Design | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle" href="#"> | |
− | + | HUMAN PRACTICES | |
− | + | </a> | |
− | + | <ul class="dropdown-menu" style="margin:0em 0 0 0em !important;"> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/HP/Silver"> | |
− | + | Silver | |
− | + | </a> | |
− | + | </li> | |
− | + | <li> | |
− | + | <a href="https://2017.igem.org/Team:Valencia_UPV/HP/Gold_Integrated"> | |
− | + | Integrated and gold | |
− | + | </a> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | </ul> | |
− | + | </nav> | |
− | + | </div> | |
− | + | </div> | |
− | + | </header> | |
− | + | <!-- /TOP NAV --> | |
</div> | </div> | ||
− | <!-- | + | <!--CABECERA--> |
− | + | <section class="section-xs" style="border-bottom: none;"> | |
− | + | <div class="container"> | |
− | + | <div class="text-center"> | |
− | + | <div class="vector-map" id="world-map" style="padding: 0px !important;"><!-- Vectorial World Map --></div> | |
− | + | <p class="font-lato fw-300 lead mt-0" style="padding-top: 32px !important;margin-bottom: 0px !important;text-align: center !important;">Home • Project •</p> | |
− | + | <div class="col-md-12"> | |
− | + | <h3 class="jopetitles">COLLABORATIONS</h3> | |
− | + | <div> | |
− | + | <button type="button" class="btn btn-primary" style="margin: 5px 5px 25px 5px !important; background-color: rgba(0,0,0,0.3) !important; border: none !important;"> | |
− | + | <a href="https://static.igem.org/mediawiki/2017/d/de/Safety_Valencia_UPV_iGEM_2017_pdf.pdf" class="btn-dwl" target="_blank"> | |
− | <!-- / | + | <span style="margin-right: 2px;">PDF</span> |
+ | <i class="fa fa-arrow-down"></i> | ||
+ | </a> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!--/CABECERA--> | ||
<section> | <section> | ||
<div class="container"> | <div class="container"> | ||
− | + | ||
</div> | </div> | ||
</section> | </section> | ||
Line 258: | Line 254: | ||
</div> | </div> | ||
</div><!-- /PRELOADER --> | </div><!-- /PRELOADER --> | ||
− | + | <script type="text/javascript"> | |
− | + | ||
jQuery(window).ready(function() { | jQuery(window).ready(function() { | ||
/* Map Height */ | /* Map Height */ | ||
− | var map_height = ' | + | var map_height = '472px'; |
jQuery('#world-map').css('height', map_height); | jQuery('#world-map').css('height', map_height); | ||
Line 269: | Line 264: | ||
jQuery('#world-map').vectorMap({ | jQuery('#world-map').vectorMap({ | ||
map: 'world_mill_en', /* assets/plugins/jquery-vectormap/jquery-jvectormap-world-mill-en.js */ | map: 'world_mill_en', /* assets/plugins/jquery-vectormap/jquery-jvectormap-world-mill-en.js */ | ||
− | backgroundColor: ' | + | backgroundColor: '#79c4cd', |
markers: [ | markers: [ | ||
{latLng: [41.90, 12.45], name: 'Vatican City'}, | {latLng: [41.90, 12.45], name: 'Vatican City'}, | ||
Line 296: | Line 291: | ||
{latLng: [-20.2, 57.5], name: 'Mauritius'}, | {latLng: [-20.2, 57.5], name: 'Mauritius'}, | ||
{latLng: [26.02, 50.55], name: 'Bahrain'}, | {latLng: [26.02, 50.55], name: 'Bahrain'}, | ||
− | {latLng: [0.33, 6.73], name: 'Sao Tome and Principe'} | + | {latLng: [0.33, 6.73], name: 'Sao Tome and Principe'}, |
+ | {latLng: [39.45, -0.35], name: 'Valencia'} | ||
], | ], | ||
Line 303: | Line 299: | ||
{ | { | ||
values: gdpData, | values: gdpData, | ||
− | scale: ['# | + | scale: ['#2e6928', '#8dbe63'], |
normalizeFunction: 'polynomial' | normalizeFunction: 'polynomial' | ||
} | } | ||
]}, | ]}, | ||
+ | markerStyle: { | ||
+ | initial: { | ||
+ | fill: '#d96564', | ||
+ | stroke: '#bc1d4a', | ||
+ | "fill-opacity": 1, | ||
+ | "stroke-width": 1, | ||
+ | "stroke-opacity": 1, | ||
+ | r: 5 | ||
+ | }, | ||
+ | hover: { | ||
+ | stroke: '#005567', | ||
+ | "stroke-width": 2, | ||
+ | cursor: 'pointer' | ||
+ | }, | ||
+ | selected: { | ||
+ | fill: 'blue' | ||
+ | }, | ||
+ | selectedHover: { | ||
+ | } | ||
+ | }, | ||
hoverOpacity: 0.7, | hoverOpacity: 0.7, | ||
− | hoverColor: false | + | hoverColor: false, |
+ | onMarkerClick: function(e, code){ | ||
+ | alert(code); | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $("#"+code).offset().top | ||
+ | }, 0); | ||
+ | } | ||
}); | }); | ||
+ | |||
jQuery(window).resize(function () { | jQuery(window).resize(function () { |
Revision as of 18:26, 23 October 2017
Home • Project •