(Prototype team template page) |
RandolphLiu (Talk | contribs) (Initial) |
||
Line 1: | Line 1: | ||
+ | <!DOCTYPE html> | ||
<html> | <html> | ||
<script> | <script> | ||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | ||
− | + | $(document).ready(function() { | |
− | + | $("#HQ_page").attr('id',''); | |
− | + | ||
− | + | //highlight current page on the menu | |
− | + | highlight_current_page_menu(); | |
− | + | ||
− | + | //accessing submenus | |
− | + | $(".menu_item").click(function(){ | |
− | + | $(".submenu_control_icon", this).toggleClass("open"); | |
− | + | $(this).next(".submenu").fadeToggle(400); | |
− | + | }); | |
− | + | ||
− | + | //mobile menu access | |
− | + | $(".igem_2018_team_mobile_bar").click(function(){ | |
− | + | $(this).next().toggleClass("displaying_menu"); | |
− | + | }); | |
− | + | ||
− | + | }); | |
− | + | function highlight_current_page_menu() { | |
− | + | ||
− | + | var page_url="https://2018.igem.org/"; | |
− | + | page_url = page_url + wgPageName; | |
− | + | $("a[href$='"+ page_url +"']").children().addClass("current_page"); | |
− | + | ||
− | + | //if the page is in a submenu, open the submenu and make the appropiate changes | |
− | + | if( $( ".current_page" ).hasClass( "submenu_item" )){ | |
− | + | ||
− | + | $(".current_page").parent().parent().fadeToggle(400); | |
− | + | $(".current_page").parent().parent().prev().addClass("current_page"); | |
− | + | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | |
− | + | ||
− | + | } | |
− | + | } | |
Line 48: | Line 49: | ||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | /*STYLES FOR NAVIGATION BAR*/ | |
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | header { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | top: 0; | ||
+ | background: white; | ||
+ | box-shadow: 0 5px 5px #ecf0f1; | ||
+ | } | ||
+ | header nav { | ||
+ | margin: 0; | ||
+ | margin-right: 10%; | ||
+ | padding: 0; | ||
+ | float: right; | ||
+ | vertical-align: middle; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | header nav ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style-type: none; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | header nav li { | ||
+ | display: inline-block; | ||
+ | margin: 0; | ||
+ | } | ||
+ | header nav li a { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | padding: 16px 16px; | ||
+ | margin: 0; | ||
+ | width: 80px; | ||
+ | font-family: Tahoma, Arial; | ||
+ | } | ||
+ | header nav li a:before { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | left: 20%; | ||
+ | bottom: 0; | ||
+ | margin-left: 30%; | ||
+ | border-bottom: 4px solid #f3bd01; | ||
+ | -webkit-transition: all 0.3s ease-in-out; | ||
+ | -moz-transition: all 0.3s ease-in-out; | ||
+ | -ms-transition: all 0.3s ease-in-out; | ||
+ | } | ||
+ | header nav li a:hover:before { | ||
+ | margin: 0; | ||
+ | width: 60%; | ||
+ | } | ||
+ | header nav li a:hover:not(.active) { | ||
+ | background-color: #ecf0f1; | ||
+ | color: black; | ||
+ | } | ||
+ | header nav .active:before { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 20%; | ||
+ | width: 60%; | ||
+ | margin: 0; | ||
+ | border-bottom: 4px solid #f3704b; | ||
+ | } | ||
+ | header .nav-logo { | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | margin-left: 5%; | ||
+ | margin-right: 20px; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: middle; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | header .nav-head { | ||
+ | display: inline-block; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 20px; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: middle; | ||
+ | font-family: Tahoma, Arial; | ||
+ | } | ||
Line 56: | Line 149: | ||
− | + | #home_logo, #sideMenu { display:none; } | |
− | + | #sideMenu, #top_title, .patrollink {display:none;} | |
− | + | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | |
− | + | body {background-color:white; } | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | + | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | |
Line 69: | Line 162: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | /*this wraps the whole of the menu*/ | |
− | + | .igem_2018_team_menu { | |
− | + | background-color:#c4baba; | |
− | + | border-left: 1px solid #c4baba; | |
− | + | display:block; | |
− | + | float:right; | |
− | + | height:100vh; | |
− | + | max-width: 270px; | |
− | + | overflow-y: auto; | |
− | + | overflow-x: hidden; | |
− | + | padding:0px; | |
− | + | position:fixed; | |
− | + | right:0%; | |
− | + | text-align:left; | |
− | + | width: 15%; | |
− | + | } | |
− | + | .igem_2018_team_menu.displaying_menu{ | |
− | + | display:block; | |
− | + | } | |
− | + | .igem_2018_team_menu a { | |
− | + | color: #484848; | |
− | + | text-decoration:none; | |
− | + | } | |
− | + | .igem_2018_team_menu img { | |
− | + | width:100%; | |
− | + | } | |
− | + | .igem_2018_team_menu .menu_item { | |
− | + | background-color: #c4baba; | |
− | + | border-bottom: 1px solid #928b8b; | |
− | + | clear: both; | |
− | + | color: #484848; | |
− | + | cursor: pointer; | |
− | + | float: left; | |
− | + | font-size: 120%; | |
− | + | font-weight: bold; | |
− | + | padding: 15px 0px 15px 5%; | |
− | + | width: 100%; | |
− | + | } | |
− | + | .igem_2018_team_menu .menu_item.direct_link { | |
− | + | color: #484848; | |
− | + | padding-left: 15%; | |
− | + | } | |
− | + | .igem_2018_team_menu .menu_item:hover { | |
− | + | background-color: #ecb656; | |
− | + | } | |
− | + | .igem_2018_team_menu .menu_item .submenu_control_icon { | |
− | + | color: #484848; | |
− | + | float: left; | |
− | + | width: 10%; | |
− | + | } | |
− | + | /* submenu icon "+" "-"*/ | |
− | + | .igem_2018_team_menu .menu_item .submenu_control_icon::before { | |
− | + | content: "+"; | |
− | + | } | |
− | + | /* submenu icon "+" "-"*/ | |
− | + | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before { | |
− | + | content: "-"; | |
− | + | } | |
− | + | /*submenu wrapper*/ | |
− | + | .igem_2018_team_menu .submenu{ | |
− | + | background-color: #e4dede; | |
− | + | clear:both; | |
− | + | display:none; | |
− | + | float: left; | |
− | + | width:100%; | |
− | + | } | |
− | + | /*styling for a submenu item*/ | |
− | + | .igem_2018_team_menu .submenu .submenu_item { | |
− | + | border-bottom: 1px solid #c4baba; | |
− | + | color: #635d5d; | |
− | + | height: 30px; | |
− | + | float: left; | |
− | + | font-size: 110%; | |
− | + | font-weight: bold; | |
− | + | padding: 12px 0px 0px 15%; | |
− | + | width: 100%; | |
− | + | } | |
− | + | .igem_2018_team_menu .submenu .submenu_item:hover { | |
− | + | background-color: #f3bd5d; | |
− | + | } | |
− | + | .igem_2018_team_menu .submenu .submenu_item.current_page, | |
− | + | .igem_2018_team_menu .menu_item.current_page, | |
− | + | .igem_2018_team_menu .menu_item.direct_link.current_page { | |
− | + | background-color:#7acbd8; | |
− | + | } | |
Line 177: | Line 270: | ||
− | + | .igem_2018_team_mobile_bar { | |
− | + | background-color:#e4dede; | |
− | + | border-bottom: 1px solid #c4baba; | |
− | + | cursor:pointer; | |
− | + | display:none; | |
− | + | float:left; | |
− | + | margin-top: 0; | |
− | + | padding: 5px 0; | |
− | + | position:fixed; | |
− | + | width:100%; | |
− | + | } | |
− | + | .igem_logo_mobile img { | |
− | + | width:70px; | |
− | + | } | |
− | + | .igem_logo_mobile { | |
− | + | float:left; | |
− | + | padding-left: 5%; | |
− | + | width: 30%; | |
− | + | } | |
− | + | .igem_menu_control_mobile img { | |
− | + | width:25px; | |
− | + | } | |
− | + | .igem_menu_control_mobile { | |
− | + | float:right; | |
− | + | padding-right:5%; | |
− | + | padding-top:5px; | |
− | + | text-align:right; | |
− | + | width: 30%; | |
− | + | } | |
Line 217: | Line 310: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | /* general wrapper for the content */ | |
− | + | .igem_2018_team_content { | |
− | + | background-color:white; | |
− | + | display:block; | |
− | + | width: 87%; | |
− | + | } | |
− | + | /* subwrapper to center content */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper { | |
− | + | margin:auto; | |
− | + | max-width: 1400px; | |
− | + | width:90%; | |
− | + | } | |
Line 236: | Line 329: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;} | |
− | + | /* styling for the titles h1, h2*/ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 { | |
− | + | border-bottom:0px; | |
− | + | color: #635d5d; | |
− | + | font-family: "Arial Black", Gadget, sans-serif; | |
− | + | padding: 10px 0px; | |
− | + | } | |
− | + | /* styling for the titles h3, h3, h5, h6 */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h3, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h4, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h5, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { | |
− | + | border-bottom:0px; | |
− | + | color: #928b8b; | |
− | + | font-family: "Arial Black", Gadget, sans-serif; | |
− | + | padding: 5px 0px; | |
− | + | } | |
− | + | /* text */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper p { | |
− | + | font-size: 130%; | |
− | + | font-family: Arial, Helvetica, sans-serif; | |
− | + | padding: 5px 0px; | |
− | + | text-align: left; | |
− | + | color: #484848; | |
− | + | } | |
− | + | /* Links */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper a { | |
− | + | color: #5bc7d8; | |
− | + | font-weight: bold; | |
− | + | text-decoration: underline; | |
− | + | text-decoration-color:#5bc7d8; | |
− | + | transition: all 0.4s ease; | |
− | + | -webkit-transition: all 0.4s ease; | |
− | + | -moz-transition: all 0.4s ease; | |
− | + | -ms-transition: all 0.4s ease; | |
− | + | -o-transition: all 0.4s ease; | |
− | + | } | |
− | + | /* hover for the links */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover { | |
− | + | color: #f8b732; | |
− | + | text-decoration:none; | |
− | + | } | |
− | + | /* Table */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper table { | |
− | + | border: 1px solid #928b8b; | |
− | + | border-collapse: collapse; | |
− | + | font-size: 130%; | |
− | + | width: 100%; | |
− | + | } | |
− | + | /* table cells */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper td { | |
− | + | border: 1px solid #c4baba; | |
− | + | border-collapse: collapse; | |
− | + | font-size: 105%; | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
− | + | } | |
− | + | /* table headers */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper th { | |
− | + | background-color:#c4baba; | |
− | + | border: 1px solid #928b8b; | |
− | + | border-collapse: collapse; | |
− | + | font-size: 110%; | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
− | + | } | |
− | + | /* non numbered lists */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol { | |
− | + | font-size: 130%; | |
− | + | font-family: Arial, Helvetica, sans-serif; | |
− | + | padding:0px 20px; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; } | |
Line 341: | Line 434: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | /*main layout class */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column { | |
− | + | float:left; | |
− | + | margin: 1% 2%; | |
− | + | padding: 0px; | |
− | + | } | |
− | + | /* 100% */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; } | |
− | + | /* 66% */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; } | |
− | + | /* 33% */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; } | |
− | + | /*styling for all images*/ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img { | |
− | + | margin-bottom: 15px; | |
− | + | width: 100%; | |
− | + | } | |
− | + | /* page break */ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .clear { | |
− | + | clear:both; | |
− | + | } | |
− | + | /*add extra space to page break with clear class*/ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { | |
− | + | height: 30px; | |
− | + | } | |
− | + | /* horizontal line to divide the page*/ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider { | |
− | + | border-top: 1px solid #c4baba; | |
− | + | margin: auto; | |
− | + | width: 98%; | |
− | + | } | |
− | + | ||
/*support classes*/ | /*support classes*/ | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | /*Button */ | |
− | + | /************************************************/ | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link { | |
− | + | font-size: 130%; | |
− | + | margin: 30px auto; | |
− | + | text-align: center; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a { | |
− | + | background-color: #5bc7d8; | |
− | + | color: #635d5d !important; | |
− | + | font-weight: bold; | |
− | + | margin: auto; | |
− | + | text-decoration: none !important; | |
− | + | padding: 10px 15px; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover { | |
− | + | background-color: #f8b732 !important; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight { | |
− | + | padding: 15px 20px; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5, | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 { | |
− | + | padding: 5px 15px; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background { | |
− | + | background-color: #e4dede; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top { | |
− | + | border-top: 4px solid #5bc7d8; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full { | |
− | + | border: 4px solid #5bc7d8; | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top { | |
− | + | border-top: 4px solid #f8b732 | |
− | + | } | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full { | |
− | + | border: 4px solid #f8b732; | |
− | + | } | |
Line 458: | Line 551: | ||
− | + | /* 1800px */ | |
− | + | /************************************************/ | |
− | + | @media only screen and (max-width: 1800px) { | |
− | + | .igem_2018_team_content { width: 85%;} | |
− | + | .igem_2018_team_menu {display:block;} | |
} | } | ||
− | + | /* 1400px */ | |
− | + | /************************************************/ | |
− | + | @media only screen and (max-width: 1400px) { | |
− | + | .igem_2018_team_menu .menu_item { font-size:100%;} | |
− | + | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;} | |
− | + | .igem_2018_team_menu {display:block;} | |
− | + | } | |
− | + | @media only screen and (max-width: 1001px) { | |
− | + | .igem_2018_team_menu {display:block;} | |
− | + | } | |
− | + | /* 1000px */ | |
− | + | /************************************************/ | |
− | + | @media only screen and (max-width: 1000px) { | |
− | + | .igem_2018_team_content {width:100%; margin-left:0px;} | |
− | + | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;} | |
− | + | .igem_2018_team_mobile_bar {display:block;} | |
− | + | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; } | |
− | + | } | |
− | + | @media only screen and (max-width: 500px) { | |
− | + | .igem_2018_team_menu {min-width:100%; width:100%; } | |
− | + | } | |
Line 507: | Line 600: | ||
<head> | <head> | ||
− | + | <meta charset="utf-8" /> | |
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | </head> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 00:41, 4 October 2018
<!DOCTYPE html>