Difference between revisions of "Sitemap"

m (Protected "Sitemap" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(248 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;}
  
−
.center_text {text-align: center;}
 
  
−
#HQ_page .threeColumns  .turquoise_link  a { color: #5ba88a; }
 
−
#HQ_page .threeColumns  .turquoise_link  a:hover { color: #93c9b2; }
 
−
#HQ_page .threeColumns  .turquoise_link  a:visited { color: #656b68; }
 
−
#HQ_page .threeColumns  .turquoise_link  a:visited:hover { color: #8f9995; }
 
  
 +
#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 ol {margin-left:20px;}
+
#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; }
  
  
−
.bucket_wrapper {border:1px solid #d3d3d3;padding: 10px 15px; border-radius:3px;}
+
#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;}
  
  
−
.hide_content{ 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; }
  
−
.collapse_icon { float:left; }
+
.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:after { content: "▼ "; }
 
  
−
.collapse_control {cursor:pointer; font-weight:bold; font-size:16px; padding-bottom:5px; color: #4e606e;}
+
.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{ font-size: 12px; }
 
.display_style_button.selected { font-size: 16px; }
 
.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="oneColumn HQ_info">
+
<div class="threeColumns "></div>
 +
<div class="threeColumns ">
 +
<center> <h5> View mode </h5>
  
  
−
<a href="" class="display_style_button" id="list_display" > LIST DISPLAY </a>
+
<div class="display_control" id="display_as_list">
−
<br>
+
LIST
−
<a href="" class="display_style_button" id="bucket_display"  >  BUCKET DISPLAY </a>
+
</div>
  
 +
<div class="display_control"  id="display_as_bucket">
 +
MENU
 +
</div>
 +
</center>
 +
</div>
  
  
 +
 +
 +
<div class="threeColumns ">
 
</div>
 
</div>
  
  
  
−
<div class="oneColumn HQ_info ">
+
 
−
<div class="click_open" > <h5>All Pages </h5> <div class="click_icon">▼</div>
+
<div class="oneColumn list_view" id="list_view">
−
<div class="click_content">
+
 
 +
<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 id="main_container" >
  
 
</ol>
 
</ol>
 
</div>
 
</div>
−
</div>
+
 
 +
</div>
 
</div>
 
</div>
  
  
 +
 +
<div class ="bucket_view">
 
<div class="oneColumn">
 
<div class="oneColumn">
−
<h3> Menu items </h3>
+
<h3> Menu view </h3>
−
<p> Lorem ipsum </p>
+
<p>Pages are sorted into "buckets" or categories that mimic the menu on the right side of the page. </p>
 
</div>
 
</div>
  
Line 75: 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 200: Line 241:
  
  
 +
</div>
 
<div class="clear"></div>
 
<div class="clear"></div>
  
Line 243: Line 285:
  
  
−
<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>  Not sorted  </div>
 
<div class="collapse_control" >  <div class="collapse_icon triangle_show"></div>  Not sorted  </div>
Line 249: Line 291:
 
<div class="collapse_content" >
 
<div class="collapse_content" >
  
−
<div id="not_sorted"></div>
+
<ol  class='turquoise_link' id="not_sorted"></ul>
  
 
</div>
 
</div>
Line 259: Line 301:
  
  
−
<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>  HQ pages and Dev  </div>
 
<div class="collapse_control" >  <div class="collapse_icon triangle_show"></div>  HQ pages and Dev  </div>
Line 265: Line 307:
 
<div class="collapse_content" >
 
<div class="collapse_content" >
  
−
<ol id="HQ_Hub"></ol>
+
<ol class='turquoise_link' id="HQ_Hub"></ol>
  
 
</div>
 
</div>
Line 274: Line 316:
  
  
−
<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>  Redirect </div>
 
<div class="collapse_control" >  <div class="collapse_icon triangle_show"></div>  Redirect </div>
Line 280: Line 322:
 
<div class="collapse_content" >
 
<div class="collapse_content" >
  
−
<div id="redirect"></div>
+
<ol  class='turquoise_link' id="redirect" ></ol>
  
 
</div>
 
</div>
Line 315: Line 357:
  
  
−
var how_to_display="";
 
−
 
−
$("#list_display").click(function() {
 
−
$("#list_display").addClass("selected");
 
−
$("#bucket_display").removeClass("selected");
 
−
how_to_display ="list";
 
−
});
 
−
 
−
 
−
 
−
$("#bucket_display").click(function() {
 
−
$("#bucket_display").addClass("selected");
 
−
$("#list_display").removeClass("selected");
 
−
how_to_display ="bucket";
 
−
});
 
−
 
−
switch (how_to_display) {
 
−
 
−
case "bucket":
 
−
case "list":
 
−
load_page_list ( how_to_display );
 
−
break;
 
−
 
−
default :
 
−
how_to_display ="bucket";
 
−
load_page_list ( how_to_display );
 
−
}
 
  
 +
load_page_list ( );
  
 +
$(".list_view").delay( 500 ).fadeIn('slow');
 +
$("#display_as_list").addClass("selected");
  
 
$(".collapse_control").click(function() {
 
$(".collapse_control").click(function() {
Line 358: 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 364: Line 401:
  
  
−
function load_page_list ( how_to_display ) {
+
function load_page_list () {
 
 
 
$("#complete_list_of_pages").load( "https://2016.igem.org/Special:AllPages .mw-allpages-chunk", function() {  
 
$("#complete_list_of_pages").load( "https://2016.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() , how_to_display);
+
−
 
+
 
});
 
});
−
 
  
 
// Wiki counters
 
// Wiki counters
 
$(".total_number_of_pages").html( $( 'ul.mw-allpages-chunk li').length );
 
$(".total_number_of_pages").html( $( 'ul.mw-allpages-chunk li').length );
 
 
−
$(".total_number_of_hq_pages").html( $("#Team_Hub").children().length + $("#HQ_Hub").children().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_redirect_pages").html( $("#redirect").children().length );
Line 385: Line 421:
  
 
});
 
});
 +
 +
  
 
}
 
}
  
  
−
function sort_pages ( page_name , page_link, how_to_display ) {
+
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
 
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 and ":"
+
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
+
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
 
case 0:  // this might be a hub or an unassigned page
−
if (how_to_display =="bucket") {
+
append_tier_one ( page_name );  
−
append_tier_one_bucket ( page_name );
+
−
}
+
−
else if (how_to_display =="list") {
+
−
append_tier_one_list ( page_name );  
+
−
}
+
 
break;  
 
break;  
  
Line 430: Line 464:
 
// is it a HQ page or a dev page ?
 
// is it a HQ page or a dev page ?
 
if( page_name.substring(0, 2 ) == "HQ"  ||  page_name.substring(0, page_name.indexOf("/") ) == "Dev" ) {
 
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;
 
}
 
}
Line 451: Line 521:
  
  
−
function append_tier_one_bucket ( page_name ) {
+
function append_tier_one ( page_name ) {
−
var categories_for_links = ["About",  "Community",  "Requirements", "Calendar", "Judging",  "Safety", "Tracks", "Human_Practices",  "Giant_Jamboree", "Resources", "Team", "Teams", "Sponsors" ];
+
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 460: 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+"'>"+page_name + " Hub</a> <ol  class='turquoise_link' id='" +page_name+"' ></ol> </div>");
 
−
was_page_placed = true;
 
−
}
 
−
}
 
  
 +
 +
$("#"+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>");
  
−
if ( was_page_placed == false ) {
 
−
append_to_not_sorted  (page_name);
 
−
}
 
  
−
}
+
$("#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>");
  
  
−
function append_tier_one_bucket ( page_name ) {
+
was_page_placed = true;
−
var categories_for_links = ["About",  "Community",  "Requirements", "Calendar", "Judging",  "Safety", "Tracks", "Human_Practices",  "Giant_Jamboree", "Resources", "Team", "Sponsors" ];
+
−
var was_page_placed = false;
+
  
−
 
−
for ( i =0; i< categories_for_links.length; i++) {
 
−
// if the page name has that specific category
 
−
 
−
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+"'>"+page_name + " Hub</a> <ol  class='turquoise_link' id='" +page_name+"' ></ol> </div>");
 
−
was_page_placed = true;
 
 
}
 
}
 
}
 
}
−
 
  
 
if ( was_page_placed == false ) {
 
if ( was_page_placed == false ) {
Line 496: Line 553:
  
  
−
// Places all the elements in the main container and all , this can be used for the team information
 
−
function append_tier_one_list ( page_name ) {
 
  
  
−
$("#main_container").append("<div id='"+page_name+"_wrapper'><a  href='"+page_name+"'>"+page_name +"</a> <ol  class='turquoise_link' id='"+page_name+"' ></ol> </div>");
+
function append_tier_two (page_name ) {
  
  
−
}
+
var clean_name = page_name.replace( /\//g , "-");
 +
var no_underscores_name = page_name.replace( /_/g , " ");
  
−
function append_tier_two (page_name ) {
 
  
  
−
var clean_name = page_name.replace( /\//g , "-");
 
  
−
$("#"+page_name.substring(0, page_name.indexOf("/") ) ).append("<li><a href='"+page_name+"'> "+page_name.substring( page_name.indexOf("/")+1, page_name.length )+"</a>  <ul id='"+clean_name+"'>  </ul></li>");
+
// 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 520: 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 533: Line 601:
 
case "Sifuentes anita":
 
case "Sifuentes anita":
 
case "Vinoo":
 
case "Vinoo":
 +
case "THaddock":
 
case "Meagan":
 
case "Meagan":
−
$(".HQ_info").show();
+
$(".HQ_info").delay( 800 ).fadeIn('slow');
 
break;
 
break;
  
Line 540: 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