|
|
| Line 2: |
Line 2: |
| | <html> | | <html> |
| | | | |
| − | {{Mobile}}
| |
| − | <html>
| |
| | | | |
| | | | |
| − | <style> | + | <div class="column full_width" > |
| − | .HQ_info { display:none;}
| + | <h1> Sitemap </h1> |
| − | | + | |
| − | #HQ_page .threeColumns .hub_link { width:100%; background-color: #5ba88a; padding:5px; height:30px; color:white; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; }
| + | |
| − | #HQ_page .threeColumns .hub_link:hover { background-color: white; color:#5ba88a;}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #HQ_page .threeColumns .turquoise_link a, #HQ_page .twoColumns .turquoise_link a , #HQ_page .oneColumn .turquoise_link a { color: #5ba88a; }
| + | |
| − | #HQ_page .threeColumns .turquoise_link a:hover, #HQ_page .twoColumns .turquoise_link a:hover , #HQ_page .oneColumn .turquoise_link a:hover { color: #93c9b2; }
| + | |
| − | #HQ_page .threeColumns .turquoise_link a:visited, #HQ_page .twoColumns .turquoise_link a:visited, #HQ_page .oneColumn .turquoise_link a:visited { color: #656b68; }
| + | |
| − | | + | |
| − | #HQ_page .threeColumns .turquoise_link a:visited:hover , #HQ_page .twoColumns .turquoise_link a:visited:hover , #HQ_page .oneColumn .turquoise_link a:visited:hover { color: #8f9995; }
| + | |
| − | | + | |
| − | | + | |
| − | #HQ_page .threeColumns ol {margin-left:20px;}
| + | |
| − | | + | |
| − | | + | |
| − | .bucket_wrapper {border:1px solid #d3d3d3;padding: 10px 15px; border-radius:3px; }
| + | |
| − | .list_view {display:none;}
| + | |
| − | .bucket_view {display:none;}
| + | |
| − | | + | |
| − | | + | |
| − | .collapse_control {cursor:pointer; font-weight:bold; font-size:16px; padding-bottom:5px; color: #4e606e; text-align:center;}
| + | |
| − | .collapse_icon { float: right; margin-right: -20px; margin-top: -25px; border: 2px solid white; border-radius: 50%; height: 20px;width: 25px;color:white; text-align: center;padding: 10px 5px 5px 5px; }
| + | |
| − | .collapse_content { padding-top:5px; border-top: 1px solid #f2f2f2; }
| + | |
| − | | + | |
| − | .triangle_hide { padding:10px 4px 5px 6px; border: 2px solid #e9232f; background-color:#e9232f; }
| + | |
| − | .triangle_hide:hover { border: 2px solid #e9232f; background-color: white; color: #e9232f;}
| + | |
| − | .triangle_hide:after { content: "▶"; }
| + | |
| − | | + | |
| − | .triangle_show { border: 2px solid #5ba88a; background-color: #5ba88a;}
| + | |
| − | .triangle_show:hover { border: 2px solid #5ba88a; background-color: white; color: #5ba88a;}
| + | |
| − | .triangle_show:after { content: "▼"; }
| + | |
| − | | + | |
| − | | + | |
| − | .display_style_button{ font-size: 12px; }
| + | |
| − | .display_style_button.selected { font-size: 16px; }
| + | |
| − | | + | |
| − | .display_control { float:left; width:128px; height:20px; padding:5px; text-align:center; margin: 0px 5px; font-weight:bold; cursor:pointer; background-color: #f2f2f2; color:#d3d3d3; border-radius: 7px;}
| + | |
| − | .display_control:hover { background-color: #e8edaa;}
| + | |
| − | .display_control.selected {background-color:#3b99fc; color: white;}
| + | |
| − | .display_control_wrapper { margin: auto; }
| + | |
| − | | + | |
| − | | + | |
| − | .center_text {text-align: center;}
| + | |
| − | .hide_content{ display:none;}
| + | |
| − | | + | |
| − | .selected_icon {background-color: blue; color: white; }
| + | |
| − | .selected_icon:after { content: "✓"; }
| + | |
| − | </style> | + | |
| − | | + | |
| − | | + | |
| − | <div class="oneColumn" > | + | |
| | <p> iGEM is a multifaceted competition with many different components. Our websites have a lot of information, from requirements of the competition to tips on how make fundraising easier. This page is here to help you navigate our site and make sure you have access to all of its content. </p> | | <p> iGEM is a multifaceted competition with many different components. Our websites have a lot of information, from requirements of the competition to tips on how make fundraising easier. This page is here to help you navigate our site and make sure you have access to all of its content. </p> |
| | </div> | | </div> |
| | | | |
| − | <div class="threeColumns "></div> | + | <div class="column half_width" id="all_pages"> |
| − | <div class="threeColumns ">
| + | |
| − | <center> <h5> View mode </h5>
| + | |
| | | | |
| | | | |
| − | <div class="display_control" id="display_as_list">
| |
| − | LIST
| |
| | </div> | | </div> |
| − |
| |
| − | <div class="display_control" id="display_as_bucket">
| |
| − | MENU
| |
| − | </div>
| |
| − | </center>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="oneColumn list_view" id="list_view">
| |
| − |
| |
| − | <h3> List view </h3>
| |
| − | <p>Complete list of the pages in our wiki ordered alphabetically. </p>
| |
| − | <br><br>
| |
| − |
| |
| − | <div class="bucket_wrapper" >
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> All Pages </div>
| |
| − | <div class="collapse_content" >
| |
| − | <ol id="main_container" >
| |
| − |
| |
| − | </ol>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class ="bucket_view">
| |
| − | <div class="oneColumn">
| |
| − | <h3> Menu view </h3>
| |
| − | <p>Pages are sorted into "buckets" or categories that mimic the menu on the right side of the page. </p>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div>About </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − | <!-- <p> <i> Information about the iGEM competition, our organization as well as dedicated pages for our 2016 sponsors. </i> </p>-->
| |
| − | <div id="About_Hub"></div>
| |
| − |
| |
| − |
| |
| − | <div id="Sponsors_Hub"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns">
| |
| − |
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Requirements </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − |
| |
| − | <div id="Calendar_Hub"></div>
| |
| − |
| |
| − | <div id="Requirements_Hub"></div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Competition </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <div id="Safety_Hub"></div>
| |
| − |
| |
| − | <div id="Human_Practices_Hub"></div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="clear"></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Judging </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <div id="Judging_Hub"></div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Giant Jamboree </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <div id="Giant_Jamboree_Hub"></div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Resources </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <div id="Resources_Hub"></div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="clear"></div>
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Teams and Community </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <div id="Community_Hub"></div>
| |
| − |
| |
| − | <div id="Teams_Hub"></div>
| |
| − | <div id="Tracks_Hub"></div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="threeColumns ">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Team Wiki Standard Pages </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <ul id="Team_Hub"></ul>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | <div class="clear"></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="twoColumns HQ_info">
| |
| − | <h3> HQ control pages</h3>
| |
| − | <p> This information is for HQ to keep track of the pages that are not on the menu and or that are being developed by headquarters. </p>
| |
| − |
| |
| − | <table>
| |
| − | <tr>
| |
| − | <th> Total number of pages </th>
| |
| − |
| |
| − | <th> 2016 Wiki </th>
| |
| − |
| |
| − | <th> HQ </th>
| |
| − |
| |
| − | <th> Not sorted </th>
| |
| − |
| |
| − | <th> Redirect </th>
| |
| − |
| |
| − | </tr>
| |
| − |
| |
| − | <tr>
| |
| − | <td class="total_number_of_pages center_text"> </td>
| |
| − | <td class="total_number_of_our_wiki_pages center_text"></td>
| |
| − | <td class="total_number_of_hq_pages center_text"></td>
| |
| − | <td class="total_number_of_not_sorted_pages center_text"></td>
| |
| − | <td class="total_number_of_redirect_pages center_text"> </td>
| |
| − | </tr>
| |
| − | </table>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="twoColumns HQ_info">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Not sorted </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <ol class='turquoise_link' id="not_sorted"></ul>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="clear"></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="twoColumns HQ_info">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> HQ pages and Dev </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <ol class='turquoise_link' id="HQ_Hub"></ol>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="twoColumns HQ_info">
| |
| − | <div class="bucket_wrapper">
| |
| − | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Redirect </div>
| |
| − |
| |
| − | <div class="collapse_content" >
| |
| − |
| |
| − | <ol class='turquoise_link' id="redirect" ></ol>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="clear"></div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="oneColumn HQ_info"style="display:none">
| |
| − |
| |
| − | <ol id="complete_list_of_pages" style="display:none">
| |
| − | </ol>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| | | | |
| | | | |
| Line 358: |
Line 21: |
| | | | |
| | $(document).ready(function() { | | $(document).ready(function() { |
| − |
| |
| − |
| |
| | | | |
| | load_page_list ( ); | | load_page_list ( ); |
| − |
| |
| − | $(".list_view").delay( 500 ).fadeIn('slow');
| |
| − | $("#display_as_list").addClass("selected");
| |
| − |
| |
| − | $(".collapse_control").click(function() {
| |
| − |
| |
| − | $(this).next(".collapse_content").toggleClass( "hide_content");
| |
| − |
| |
| − | if( $(this).next(".collapse_content").hasClass("hide_content") ) {
| |
| − | $(this).find(".collapse_icon").addClass("triangle_hide").removeClass("triangle_show");
| |
| − | }
| |
| − | else {
| |
| − | $(this).find(".collapse_icon").addClass("triangle_show").removeClass("triangle_hide");
| |
| − | }
| |
| − | });
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | $("#display_as_list").click(function() {
| |
| − |
| |
| − | $(this).addClass("selected");
| |
| − | $("#display_as_bucket").removeClass("selected");
| |
| − | $(".list_view").fadeIn('slow');
| |
| − | $(".bucket_view").hide();
| |
| − |
| |
| − | });
| |
| − |
| |
| − | $("#display_as_bucket").click(function() {
| |
| − |
| |
| − | $(this).addClass("selected");
| |
| − | $("#display_as_list").removeClass("selected");
| |
| − | $(".bucket_view").fadeIn('slow');
| |
| − | $(".list_view").hide();
| |
| − |
| |
| − | });
| |
| | | | |
| | }); | | }); |
| Line 406: |
Line 31: |
| | function load_page_list () { | | function load_page_list () { |
| | | | |
| − | $("#complete_list_of_pages").load( "https://2017.igem.org/Special:AllPages .mw-allpages-chunk", function() { | + | $("#all_pages").load( "https://2017.igem.org/Special:AllPages .mw-allpages-chunk", function() { |
| | | | |
| | $('ul.mw-allpages-chunk li').each(function () { | | $('ul.mw-allpages-chunk li').each(function () { |
| − | sort_pages( $(this).text(), $(this).html() ); //sort each page | + | // sort_pages( $(this).text(), $(this).html() ); //sort each page |
| | }); | | }); |
| − |
| |
| − | // Wiki counters
| |
| − | $(".total_number_of_pages").html( $( 'ul.mw-allpages-chunk li').length );
| |
| − |
| |
| − | $(".total_number_of_our_wiki_pages").html( $( 'ul.mw-allpages-chunk li').length - ( $("#HQ_Hub").children().length + $("#redirect").children().length + $("#not_sorted").children().length) );
| |
| − |
| |
| − | $(".total_number_of_hq_pages").html( $("#HQ_Hub").children().length );
| |
| − |
| |
| − | $(".total_number_of_redirect_pages").html( $("#redirect").children().length );
| |
| − |
| |
| − | $(".total_number_of_not_sorted_pages").html( $("#not_sorted").children().length );
| |
| | | | |
| | }); | | }); |
