m (Protected "Sitemap" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
|||
(304 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{Mobile}} | ||
<html> | <html> | ||
Line 5: | Line 6: | ||
.HQ_info { display:none;} | .HQ_info { display:none;} | ||
− | #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; | + | #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; } |
− | transition:.2s; } | + | |
#HQ_page .threeColumns .hub_link:hover { background-color: white; color:#5ba88a;} | #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 | + | #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_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> | </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> | ||
+ | </div> | ||
− | <div class=" | + | <div class="threeColumns "></div> |
+ | <div class="threeColumns "> | ||
+ | <center> <h5> View mode </h5> | ||
− | |||
− | |||
− | |||
− | < | + | <div class="display_control" id="display_as_list"> |
+ | LIST | ||
+ | </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> | ||
+ | <div class ="bucket_view"> | ||
<div class="oneColumn"> | <div class="oneColumn"> | ||
− | <h3> Menu | + | <h3> Menu view </h3> |
− | <p> | + | <p>Pages are sorted into "buckets" or categories that mimic the menu on the right side of the page. </p> |
</div> | </div> | ||
Line 76: | Line 116: | ||
<div class="collapse_content" > | <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="About_Hub"></div> | ||
Line 179: | Line 219: | ||
<div id="Community_Hub"></div> | <div id="Community_Hub"></div> | ||
+ | <div id="Teams_Hub"></div> | ||
<div id="Tracks_Hub"></div> | <div id="Tracks_Hub"></div> | ||
− | |||
</div> | </div> | ||
Line 187: | Line 227: | ||
</div> | </div> | ||
− | |||
− | + | <div class="threeColumns "> | |
− | <div class=" | + | |
<div class="bucket_wrapper"> | <div class="bucket_wrapper"> | ||
− | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> | + | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Team Wiki Standard Pages </div> |
<div class="collapse_content" > | <div class="collapse_content" > | ||
− | <ul id=" | + | <ul id="Team_Hub"></ul> |
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 204: | Line 241: | ||
+ | </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> | ||
− | |||
− | <div class="twoColumns "> | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="twoColumns HQ_info"> | ||
<div class="bucket_wrapper"> | <div class="bucket_wrapper"> | ||
− | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> | + | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Not sorted </div> |
<div class="collapse_content" > | <div class="collapse_content" > | ||
− | < | + | <ol class='turquoise_link' id="not_sorted"></ul> |
</div> | </div> | ||
Line 233: | Line 297: | ||
</div> | </div> | ||
+ | <div class="clear"></div> | ||
− | <div class="twoColumns "> | + | |
+ | |||
+ | <div class="twoColumns HQ_info"> | ||
<div class="bucket_wrapper"> | <div class="bucket_wrapper"> | ||
− | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> | + | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> HQ pages and Dev </div> |
<div class="collapse_content" > | <div class="collapse_content" > | ||
− | < | + | <ol class='turquoise_link' id="HQ_Hub"></ol> |
</div> | </div> | ||
Line 249: | Line 316: | ||
− | <div class=" | + | <div class="twoColumns HQ_info"> |
+ | <div class="bucket_wrapper"> | ||
+ | <div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Redirect </div> | ||
− | <div class=" | + | <div class="collapse_content" > |
− | + | ||
− | + | <ol class='turquoise_link' id="redirect" ></ol> | |
− | + | ||
− | |||
</div> | </div> | ||
− | + | </div> | |
</div> | </div> | ||
Line 267: | Line 334: | ||
+ | <div class="clear"></div> | ||
− | |||
− | |||
+ | <div class="oneColumn HQ_info"style="display:none"> | ||
− | + | <ol id="complete_list_of_pages" style="display:none"> | |
− | + | </ol> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </div> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <script> | |
− | + | $(document).ready(function() { | |
− | + | ||
− | + | ||
+ | load_page_list ( ); | ||
+ | $(".list_view").delay( 500 ).fadeIn('slow'); | ||
+ | $("#display_as_list").addClass("selected"); | ||
$(".collapse_control").click(function() { | $(".collapse_control").click(function() { | ||
Line 319: | Line 376: | ||
+ | |||
+ | |||
+ | $("#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 324: | Line 400: | ||
− | |||
− | + | function load_page_list () { | |
− | + | ||
− | + | $("#complete_list_of_pages").load( "https://2016.igem.org/Special:AllPages .mw-allpages-chunk", function() { | |
− | + | ||
− | + | $('ul.mw-allpages-chunk li').each(function () { | |
+ | 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 ); | |
− | + | ||
− | + | ||
− | + | }); | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | ||
+ | } | ||
+ | |||
+ | |||
+ | function sort_pages ( page_name , page_link ) { | ||
+ | |||
+ | if ( is_it_a_special_page ( page_name, page_link ) == false ) { // check if a page is a redirect | ||
+ | |||
+ | |||
+ | page_name = page_name.replace(/ /g,"_").replace(/:/g, "_"); // clean string from empty spaces | ||
+ | |||
+ | |||
+ | switch ( (page_name.match( /\//g ) || []).length ) { // check how many "tiers" ( / ) the page name has in order to nest it | ||
+ | |||
+ | case 0: // this might be a hub or an unassigned page | ||
+ | append_tier_one ( page_name ); | ||
+ | break; | ||
+ | |||
+ | case 1: //this page is likely to have a hub to append to | ||
+ | append_tier_two ( page_name ); | ||
+ | break; | ||
+ | |||
+ | case 2: //this page might be a subpage inside a page in a hub list | ||
+ | append_tier_three ( page_name ); | ||
+ | break; | ||
+ | |||
+ | case 3: //this page might be a subpage inside a page in a hub list | ||
+ | append_to_not_sorted (page_name ); | ||
+ | break; | ||
} | } | ||
} | } | ||
− | + | ||
} | } | ||
Line 364: | Line 462: | ||
function is_it_a_special_page ( page_name, page_link ) { | function is_it_a_special_page ( page_name, page_link ) { | ||
− | // is it a HQ page? | + | // is it a HQ page or a dev page ? |
− | if( page_name.substring(0, 2 ) == "HQ" ) { | + | if( page_name.substring(0, 2 ) == "HQ" || page_name.substring(0, page_name.indexOf("/") ) == "Dev" ) { |
− | $("#HQ_Hub").append("<li><a href='/"+page_name+"'>"+page_name +"</a> </li>"); | + | $("#HQ_Hub").append("<li ><a href='/"+page_name+"'>"+page_name +"</a> </li>"); |
return true; | return true; | ||
} | } | ||
+ | |||
+ | // is this a page from a team ? | ||
+ | |||
+ | else if ( page_name.substring(0, 4 ) == "Team") { | ||
+ | |||
+ | console.log (page_name); | ||
+ | |||
+ | if ( page_name.substring(5, 12 ) == "Example" ) { | ||
+ | if ( page_name.substring(5, 13 ) != "Example2") { | ||
+ | //return false; // if it is from team example it is fine | ||
+ | |||
+ | |||
+ | var page_help = page_name.replace(/:/g, "_"); | ||
+ | |||
+ | if ( page_name == "Team:Example") { | ||
+ | $("#Team_Hub").append("<div id='"+page_name+"_wrapper'><a href='/"+page_name+"'>"+page_name+"</a> <ol class='turquoise_link' id='" +page_help+"' ></ol> </div>"); | ||
+ | $("#main_container").append("<div id='"+page_name+"_wrapper'><a href='/"+page_name+"'>"+page_name+"</a> <ol class='turquoise_link' id='main_"+page_help+"' ></ol> </div>"); | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | console.log(page_name); | ||
+ | $("#"+page_help.substring(0, page_help.indexOf("/") ) ).append("<li><a href='/"+page_name+"'> "+page_name.substring( page_name.indexOf("/")+1, page_name.length )+"</a> <ul id='"+page_help+"'> </ul></li>"); | ||
+ | |||
+ | $("#main_"+page_help.substring(0, page_help.indexOf("/") ) ).append("<li><a href='/"+page_name+"'> "+page_name.substring( page_name.indexOf("/")+1, page_name.length )+"</a> <ul id='main_"+page_help+"'> </ul></li>"); | ||
+ | |||
+ | } | ||
+ | |||
+ | return true; // page sorted, done! | ||
+ | } | ||
+ | } | ||
+ | |||
+ | else { | ||
+ | return true; // this is a page from a team, ignore | ||
+ | } | ||
+ | } | ||
+ | |||
// is it a redirect? | // is it a redirect? | ||
else if( page_link.indexOf("mw-redirect") >= 0) { | else if( page_link.indexOf("mw-redirect") >= 0) { | ||
− | $("#redirect").append("<li>"+ page_link+"</li>" ); | + | $("#redirect").append("<li >"+ page_link+"</li>" ); |
return true; | return true; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
else { | else { | ||
return false; | return false; | ||
Line 400: | Line 522: | ||
function append_tier_one ( page_name ) { | function append_tier_one ( page_name ) { | ||
− | var categories_for_links = ["About", "Community", "Requirements", "Calendar", "Judging", "Safety", "Tracks", "Human_Practices", "Giant_Jamboree", "Resources | + | var categories_for_links = ["About", "Community", "Requirements", "Calendar", "Judging", "Safety", "Tracks", "Human_Practices", "Giant_Jamboree", "Resources", "Sponsors" ]; |
var was_page_placed = false; | var was_page_placed = false; | ||
+ | var no_underscores_name = page_name.replace( /_/g , " "); | ||
+ | |||
Line 408: | Line 532: | ||
if ( page_name.substring( 0 ,categories_for_links[i].length) == categories_for_links[i] ) { | if ( page_name.substring( 0 ,categories_for_links[i].length) == categories_for_links[i] ) { | ||
− | + | ||
− | + | ||
+ | $("#"+categories_for_links[i]+"_Hub").append("<div id='"+page_name+"_wrapper'><a href='"+page_name+"'>"+no_underscores_name+"</a> <ol class='turquoise_link' id='" +page_name+"' ></ol> </div>"); | ||
+ | |||
+ | |||
+ | $("#main_container").append("<div id='"+page_name+"_wrapper'><a href='"+page_name+"'>"+no_underscores_name+"</a> <ol class='turquoise_link' id='main_"+page_name+"' ></ol> </div>"); | ||
+ | |||
+ | |||
+ | was_page_placed = true; | ||
+ | |||
} | } | ||
} | } | ||
− | |||
if ( was_page_placed == false ) { | if ( was_page_placed == false ) { | ||
Line 421: | Line 552: | ||
− | + | ||
− | + | ||
Line 429: | Line 559: | ||
var clean_name = page_name.replace( /\//g , "-"); | var clean_name = page_name.replace( /\//g , "-"); | ||
+ | var no_underscores_name = page_name.replace( /_/g , " "); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | // for bucket | ||
+ | $("#"+page_name.substring(0, page_name.indexOf("/") ) ).append("<li><a href='"+page_name+"'> "+no_underscores_name.substring( page_name.indexOf("/")+1, page_name.length )+"</a> <ul id='"+clean_name+"'> </ul></li>"); | ||
+ | |||
+ | |||
+ | |||
+ | //for list | ||
+ | $("#main_"+page_name.substring(0, page_name.indexOf("/") ) ).append("<li><a href='"+page_name+"'> "+no_underscores_name.substring( page_name.indexOf("/")+1, page_name.length )+"</a> <ul id='main_"+clean_name+"'> </ul></li>"); | ||
− | |||
Line 440: | Line 581: | ||
var clean_name = page_name.replace( /\//g , "-"); | var clean_name = page_name.replace( /\//g , "-"); | ||
− | + | var no_underscores_name = page_name.replace( /_/g , " "); | |
− | $("#"+clean_name.substring(0, clean_name.lastIndexOf("-") ) ).append("<li id='"+page_name+"'><a href='"+page_name+"'>"+page_name.substring( page_name.lastIndexOf("/")+1, page_name.length )+"</a></li>"); | + | |
+ | //for bucket | ||
+ | $("#"+clean_name.substring(0, clean_name.lastIndexOf("-") ) ).append("<li id='"+page_name+"'><a href='"+page_name+"'>"+no_underscores_name.substring( page_name.lastIndexOf("/")+1, page_name.length )+"</a></li>"); | ||
+ | |||
+ | //for list | ||
+ | $("#main_"+clean_name.substring(0, clean_name.lastIndexOf("-") ) ).append("<li id='"+page_name+"'><a href='"+page_name+"'>"+no_underscores_name.substring( page_name.lastIndexOf("/")+1, page_name.length )+"</a></li>"); | ||
} | } | ||
+ | |||
+ | |||
Line 453: | Line 601: | ||
case "Sifuentes anita": | case "Sifuentes anita": | ||
case "Vinoo": | case "Vinoo": | ||
+ | case "THaddock": | ||
case "Meagan": | case "Meagan": | ||
− | $(".HQ_info"). | + | $(".HQ_info").delay( 800 ).fadeIn('slow'); |
break; | break; | ||
Line 460: | Line 609: | ||
$(".HQ_info").hide(); | $(".HQ_info").hide(); | ||
break; | break; | ||
+ | |||
+ | |||
+ | |||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Latest revision as of 17:49, 10 June 2016
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.
View mode
LIST
MENU
List view
Complete list of the pages in our wiki ordered alphabetically.
All Pages
Menu view
Pages are sorted into "buckets" or categories that mimic the menu on the right side of the page.
About
Requirements
Competition
Judging
Giant Jamboree
Resources
Teams and Community
Team Wiki Standard Pages
HQ control pages
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.
Total number of pages | 2016 Wiki | HQ | Not sorted | Redirect |
---|---|---|---|---|
Not sorted
HQ pages and Dev
Redirect