Difference between revisions of "Dev/Sitemap"

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Mobile}}
+
 
 
<html>
 
<html>
 +
<link rel="stylesheet" type="text/css" href="https://igem.org/wiki/index.php?title=HQ:Sitemap.css&action=raw&ctype=text/css" />
  
 +
<script src="https://igem.org/wiki/index.php?title=HQ:Sitemap.js&action=raw&ctype=text/javascript"></script>
  
<!-- CSS and JS for Team/User Selector Widget -->
 
<link rel="stylesheet" href="http://k.igem.org/common/EasyAutocomplete-1.3.3/easy-autocomplete-KAD-custom.css">
 
<script type="text/javascript" src="http://k.igem.org/js/TeamUserSelector.js"></script>
 
  
 +
<script>
  
 +
var site_name = "2016.igem.org";
  
<style>
+
</script>
.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; 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; }
+
<div class="column full_size" >
#HQ_page .threeColumns  .turquoise_link  a:hover, #HQ_page .twoColumns .turquoise_link  a:hover  , #HQ_page .oneColumn .turquoise_link  a:hover    { color: #93c9b2; }
+
<h1>SITEMAP </h1>
#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;}
+
.teams_view {display:none;}
+
.HQ_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: "✓"; }
+
 
+
 
+
.teams_pages { display: none;}
+
 
+
 
+
#HQ_page a.collapse_team_content {
+
width:20px;
+
}
+
 
+
</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>
 
<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>
 
  
<div class="display_control"  id="display_teams">
 
TEAMS
 
</div>
 
  
  
<div class="display_control"  id="display_HQ">
 
HQ
 
</div>
 
  
</div>
 
  
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
<div class="threeColumns ">
 
</div>
 
  
  
  
 
+
<div class="column full_size">
 
+
<div class="view_format selected_view" id="list_view"> PAGE LIST </div>
<div class="oneColumn list_view" id="list_view">
+
<div class="view_format" id="team_view"> TEAM PAGES </div>
 
+
<div class="view_format HQ_info" id="hq_view"> HQ </div>
<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" >
+
 
+
<div id="main_container" >
+
 
+
<div id="hubmenu_other_info"> <a href="/Other_Info">Other Info </a> <ol class='turquoise_link' id="main_other_info"></ol></div>
+
 
+
</div>
+
 
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<div class="oneColumn teams_view" id="teams_view">
+
 
+
<h3> Teams </h3>
+
<p> Text </p>
+
 
+
 
+
<div class="twoColumns">
+
<div class="bucket_wrapper">
+
<div class="collapse_control" >  <div class="collapse_icon triangle_show"></div>Search  </div>
+
 
+
<div class="collapse_content" >
+
 
+
<input id="TeamSelector1" type="text" size="50" placeholder="Loading...">
+
 
+
<ol id="search_team_container" >
+
 
+
</ol>
+
</div>
+
</div>
+
</div>
+
 
+
 
+
<div class="twoColumns ">
+
<div  class="bucket_wrapper">
+
<div class="collapse_control" >  <div class="collapse_icon triangle_show"></div>All Teams  </div>
+
 
+
<div class="collapse_content" >
+
<ul id="team_container" >
+
 
+
</ul>
+
</div>
+
</div>
+
</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>
  
Line 238: Line 43:
  
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
<div class="threeColumns ">
+
<div class="column full_size multiple_links  view_format_content selected_content" id="list_view_content">
<div  class="bucket_wrapper">
+
<h2> LIST </h2>
<div class="collapse_control" > <div class="collapse_icon triangle_show"></div> Judging  </div>
+
  
<div class="collapse_content" >
+
<ol  id="organized_pages">
  
<div id="Judging_Hub"></div>
+
</ol>
  
</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 class="view_format_content" id="team_view_content">
 
+
<div class = "column full_size">
</div>
+
<h2> TEAMS </h2>    
</div>
+
 
</div>
 
</div>
  
 
+
<div class="column half_size">
<div class="threeColumns ">
+
<ol id="team_list">
<div  class="bucket_wrapper">
+
</ol>
<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>
  
  
<div class="clear"></div>
+
<div class="column half_size">
 
+
<p class="loading"> Loading all team pages... </p>
 
+
  </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>
  
  
<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 class="HQ_info">
</div>
+
<div class="column full_size view_format_content"  id="hq_view_content">
</div>
+
  
 +
<h2> HQ </h2>
 +
<p> This is the view for iGEM HQ </p>
  
</div>
 
<div class="clear"></div>
 
  
 
 
 
 
<div class="HQ_view" id="HQ_view">
 
<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>
 
<table>
<tr>
+
<tr>  
<th> Total number of pages </th>  
+
<th> Total pages </th> <th> Wiki pages </th> <th> HQ pages </th> <th> Redirect pages </th>  <th> Not sorted </th> <th> Team pages </th>
 
+
<th> 2016  Wiki </th>
+
 
+
<th> HQ </th>
+
 
+
<th> Not sorted </th>
+
 
+
<th> Redirect </th>
+
 
+
 
</tr>
 
</tr>
  
<tr>
+
<tr align="center">
<td class="total_number_of_pages center_text"> </td>
+
<td id="total_pages_count">  <p class="loading"> ... </p>  </td>
<td class="total_number_of_our_wiki_pages center_text"></td>
+
<td id="wiki_pages_count"> <p class="loading"> ... </p> </td>
<td class="total_number_of_hq_pages center_text"></td>
+
<td id="hq_pages_count">  <p class="loading"> ... </p> </td>
<td class="total_number_of_not_sorted_pages center_text"></td>
+
<td id="redirect_pages_count"> <p class="loading"> ... </p> </td>
<td class="total_number_of_redirect_pages center_text"> </td>
+
<td id="not_sorted_pages_count"> <p class="loading"> ... </p></td>
 +
<td id="team_pages_count">  <p class="loading"> ... </p> </td>
 
</tr>
 
</tr>
</table>
 
</div>
 
  
  
 +
</table>
  
  
 +
<div class="column half_size">
  
 +
<h3> HQ pages </h2>
  
 
+
<ol id="HQ">
<div class="twoColumns HQ_info">
+
</ol>
<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>
  
<div class="clear"></div>
+
<div class="column half_size">
 +
<h3> Redirects </h3>
 +
<ol id="redirect">
 +
</ol>
  
  
 +
<h3> Not Sorted </h3>
 +
<ol id="not_sorted">
 +
</ol>
  
<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>
  
 
 
 
<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>
 
</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 id ="next_page_load"> </div>
 
<p id="next_page"> </p>
 
</div>
 
 
 
 
 
 
 
<script>
 
 
$("#TeamSelector1").teamSelectWidget();
 
 
$(document).ready(function() {
 
 
load_page_list ("https://2016.igem.org/wiki/index.php?title=Special:AllPages");
 
 
 
$(".list_view").delay( 600 ).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");
 
      $("#display_teams").removeClass("selected");
 
      $("#display_HQ").removeClass("selected");
 
 
      $(".list_view").fadeIn('slow');
 
 
      $(".bucket_view").hide();
 
      $(".teams_view").hide();
 
      $(".HQ_view").hide();
 
    });
 
 
    $("#display_as_bucket").click(function() {
 
 
      $(this).addClass("selected");
 
 
      $("#display_as_list").removeClass("selected");
 
      $("#display_teams").removeClass("selected");
 
      $("#display_HQ").removeClass("selected");
 
 
      $(".bucket_view").fadeIn('slow');
 
 
      $(".list_view").hide();
 
      $(".teams_view").hide();
 
      $(".HQ_view").hide();
 
 
    });
 
 
 
    $("#display_HQ").click(function() {
 
 
      $(this).addClass("selected");
 
 
      $("#display_as_list").removeClass("selected");
 
      $("#display_teams").removeClass("selected");
 
      $("#display_bucket").removeClass("selected");
 
 
      $(".HQ_view").fadeIn('slow');
 
 
      $(".list_view").hide();
 
      $(".teams_view").hide();
 
      $(".bucket_view").hide();
 
 
    });
 
 
    $("#display_teams").click(function() {
 
 
      $(this).addClass("selected");
 
 
      $("#display_as_list").removeClass("selected");
 
      $("#display_as_bucket").removeClass("selected");
 
      $("#display_HQ").removeClass("selected");
 
 
      $(".teams_view").fadeIn('slow');
 
 
      $(".list_view").hide();
 
      $(".bucket_view").hide();
 
      $(".HQ_view").hide();
 
 
    });
 
 
 
 
 
 
});
 
 
 
 
function load_page_list ( page_url ) {
 
          $.get(page_url).then(function(page_html) {
 
              var $link_page = $(page_html);
 
 
              $link_page.find('.mw-allpages-chunk li').each(function () {
 
                  sort_pages( $(this).text(),  $(this).html() );
 
              });
 
 
              var next_page_url = $link_page.find('.mw-allpages-nav a:contains("Next page")').attr('href');
 
 
              if (next_page_url) {
 
                  load_page_list(next_page_url);
 
              }
 
          });
 
 
$(".collapse_team_content").click(function() {
 
$(this).next().next().toggle();
 
});
 
 
}
 
 
 
function sort_pages ( page_name , page_link ) {
 
 
 
if ( page_name.substring(0, 5 ) == "Team:") { // is it a team page?
 
 
if ( ( page_name.match( /\//g ) || []).length == 0 ) {    //place as a root team page
 
 
place_root_team (  page_name, page_name.substring(5, page_name.length),  page_name.replace( /\//g , "-").replace( / /g , "_").replace( /:/g , "0")  );
 
 
}
 
 
else {
 
 
place_nested_pages ( "/"+page_name , (page_name.substring( page_name.lastIndexOf("/")+1 , page_name.length ) ).replace( /_/g , " ") ,  page_name.replace( /\//g , "-").replace( / /g , "_").replace( /:/g , "0")  );
 
 
}
 
 
}
 
 
else { // is a page from HQ?
 
 
if ( is_it_a_special_page ( page_name, page_link ) == false ) {  // check if a page is a redirect or HQ/Dev page
 
 
if ( ( page_name.match( /\//g ) || []).length == 0 ) {    //place as a root page
 
 
place_root_page (  page_name , (page_name.substring( page_name.lastIndexOf("/")+1 , page_name.length ) ).replace( /_/g , " ") ,  page_name.replace( / /g , "_")  );
 
 
}
 
else {  //place pages under root id
 
 
place_nested_pages ( page_name , (page_name.substring( page_name.lastIndexOf("/")+1 , page_name.length ) ).replace( /_/g , " ") ,  page_name.replace( /\//g , "-").replace( / /g , "_")  );
 
 
}
 
}
 
}
 
}
 
 
 
function place_root_team ( page_name, clean_name, name_for_id ) {
 
 
$("#team_container").append("<li> <a class='collapse_team_content' > ▶ </a> <a  href='/"+page_name+"'>"+clean_name+"</a>  <div class='teams_pages' ><ol class='turquoise_link' id='"+name_for_id+"'></ol> </div> </li>");
 
 
}
 
 
 
function is_it_a_special_page ( page_name, page_link ) {
 
 
// is it a HQ page or a dev page ?
 
if( page_name.substring(0, 2 ) == "HQ"  ||  page_name.substring(0, page_name.indexOf("/") ) == "Dev" ) {
 
 
$("#HQ_Hub").append("<li >"+ page_link+"</li>");
 
return true;
 
}
 
 
// is it a redirect?
 
else if( page_link.indexOf("mw-redirect") >= 0)  {
 
$("#redirect").append("<li >"+ page_link+"</li>" );
 
return true;
 
}
 
 
// is not a redirect or a HQ/Dev page; keep working with it
 
else {
 
return false;
 
}
 
 
}
 
 
 
 
function place_root_page ( page_href, clean_name, name_for_id ) {
 
 
  var categories_for_links = ["About",  "Community",  "Requirements", "Calendar", "Judging",  "Safety", "Tracks", "Human_Practices",  "Giant-Jamboree", "Resources", "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_href.substring( 0 ,categories_for_links[i].length) == categories_for_links[i] ) {
 
 
$("#"+categories_for_links[i]+"_Hub").append( "<div> <a href='/"+page_href+"'>"+clean_name+"</a> <ol class='turquoise_link' id='"+name_for_id+"'></ol></div>"  );
 
 
$("#main_container").before(  "<div id='hubmenu_"+categories_for_links[i]+"'> <a href='/"+page_href+"'>"+clean_name+"</a> <ol class='turquoise_link' id='main_"+name_for_id+"'></ol></div>" );
 
 
was_page_placed = true;
 
 
}
 
}
 
 
if ( was_page_placed == false ) {
 
append_to_not_sorted  (page_href);
 
}
 
  }
 
 
 
function place_nested_pages (page_href, clean_name, name_for_id ) {
 
 
// for bucket
 
$("#"+name_for_id.substring(0,  name_for_id.lastIndexOf("-") ) ).append("<li><a href='/"+page_href +" '>"+clean_name+"</a> <ul id='"+name_for_id+"'></ul> </li>");
 
 
//for list
 
$("#main_"+name_for_id.substring(0,  name_for_id.lastIndexOf("-") ) ).append("<li><a href='/"+page_href+"'>"+clean_name+"</a> <ul id='main_"+name_for_id+"'></ul></li>");
 
 
}
 
 
 
 
 
 
function append_to_not_sorted  (page_name) {
 
 
$("#not_sorted").append("<li> <a  href='"+page_name+"'>"+page_name +"</a></li>");
 
 
}
 
 
 
 
switch ( wgUserName) {
 
 
case "Sifuentes anita":
 
case "Vinoo":
 
case "THaddock":
 
case "Meagan":
 
$(".HQ_info").delay( 800 ).fadeIn('slow');
 
break;
 
 
default:
 
$(".HQ_info").hide();
 
break;
 
}
 
 
 
 
</script>
 
 
 
</html>
 
{{2016Bottom}}
 

Latest revision as of 19:42, 19 May 2017

SITEMAP

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.

PAGE LIST
TEAM PAGES
HQ

TEAMS

Loading all team pages...

HQ

This is the view for iGEM HQ

Total pages Wiki pages HQ pages Redirect pages Not sorted Team pages

...

...

...

...

...

...

HQ pages

Redirects

Not Sorted