Difference between revisions of "Dev/Page"

Line 1: Line 1:
−
{{Main2018}}
 
−
<html>
 
  
 +
<style>
  
  
 +
.content_control::before { content: "▶"; }
 +
.content_control.displaying_content::before { content: "▼"; }
  
−
<div class="column full_size">
 
  
−
<style>
+
.navigation_help {
 +
 
 +
    float: right;
 +
    width: 20px;
 +
 
 +
    text-align: center;
 +
margin-left: 10px;
 +
}
 +
 
  
−
.image_slider img { width:100%; }
+
.navigation_options{
 +
clear:both;
  
−
ul.image_slider {
+
     border-top: 1px solid #d3d3d3;
−
     list-style: none;
+
padding:10px 0px;
−
    margin: 0px;
+
−
    padding: 0px;
+
 
}
 
}
  
 +
.navigation_options.hide_content {
 +
display:none;
 +
 +
}
 +
 +
 +
.test{
 +
 +
    color: #989898;
 +
    font-weight: bold;
 +
    max-width: 200px;
 +
    min-width: 80px;
 +
    font-size: 120%;
 +
    float: left;
 +
    height: 25px;
 +
    padding: 12px 15px 5px 18px;
  
−
ul.image_slider li{
 
−
display:none;
 
 
}
 
}
  
−
ul.image_slider li.current_image {
+
.navigation_wrapper{
−
display:block;
+
float:left;
 +
margin-right: 10px;
 
}
 
}
  
Line 30: Line 52:
  
  
 +
<div class="column full_size">
  
−
<ul class="image_slider">
+
<div class="navigation_wrapper">
−
<li class="current_image"><img src="http://placehold.it/550x200"></li>
+
<div class="test"> Competition Hub </div>
−
<li class=""><img src="http://placehold.it/550x201"></li>
+
</div>
−
<li class=""><img src="http://placehold.it/550x202"></li>
+
−
</ul>
+
  
 +
<div class="navigation_wrapper">
 +
<div class="test"> 4.- Deliverables  <div class="navigation_help content_control displaying_content"> </div> </div>
  
 +
<div class="navigation_options hide_content" >
 +
<ol>
 +
<a href="https://2018.igem.org/Competition/Team_Requirements"><li>Team Requirements</li></a>
 +
<a href="https://2018.igem.org/Competition/Registration"><li>Registration</li></a>
 +
<a href="https://2018.igem.org/Competition/Rules_of_Conduct"><li>Rules of Conduct</li></a>
 +
<a href="https://2018.igem.org/Competition/Deliverables"><li>Deliverables</li></a>
 +
</ol>
 +
</div>
 
</div>
 
</div>
  
  
−
<script>
+
<div class="navigation_wrapper">
 +
<div class="test"> 1.- Team Wiki  <div class="navigation_help content_control displaying_content"> </div> </div>  
  
−
$(document).ready(function() {
+
<div class="navigation_options hide_content" >
−
var total_number_of_images = $('ul.image_slider li').length;
+
<ol class="multiple_links">
−
var counter = 1;
+
<a href="https://2018.igem.org/Competition/Deliverables/Wiki" class="current"><li>Team Wiki</li></a>
 +
<a href="https://2018.igem.org/Competition/Deliverables/Poster"><li> Team Poster</li></a>
 +
<a href="https://2018.igem.org/Competition/Deliverables/Presentation"><li>Team Presentation </li></a>
 +
<a href="https://2018.igem.org/Competition/Deliverables/Judging_Form"><li>Judging Form </li></a>
 +
</ol>
 +
</div>
 +
</div>
  
−
alert(counter);
 
  
 +
<script>
 +
$(document).ready(function() {
  
−
+
$(".navigation_help").click(function(){
−
});
+
$(this).toggleClass("displaying_content");
 +
$(this).parent().next().toggleClass("hide_content");
 +
});
 +
});
 +
</script>
  
  
−
</div>
+
<div id="HQ_info">
  
 +
<div class="column full_size">
 +
<p>All iGEM 2018 teams are given a namespace on the iGEM 2018 wiki with their team name: <b>2018.igem.org/Team:Example</b>
 +
<br> Teams are allowed to create and edit pages within their respective team namespace. Teams are <b>not allowed</b> to create or edit pages belonging to another team's namespace.</p>
 
</div>
 
</div>
−
</html>
 

Revision as of 19:40, 29 January 2018

<style>


.content_control::before { content: "▶"; } .content_control.displaying_content::before { content: "▼"; }


.navigation_help { 

   float: right;
   width: 20px;

   text-align: center;

margin-left: 10px; }


.navigation_options{ clear:both; 

   border-top: 1px solid #d3d3d3;

padding:10px 0px; }

.navigation_options.hide_content { display:none;

}


.test{ 

   color: #989898;
   font-weight: bold;
   max-width: 200px;
   min-width: 80px;
   font-size: 120%;
   float: left;
   height: 25px;
   padding: 12px 15px 5px 18px;

}

.navigation_wrapper{ float:left; margin-right: 10px; }


</style>


Competition Hub
4.- Deliverables
    <a href="https://2018.igem.org/Competition/Team_Requirements">
  1. Team Requirements
    2. </a> <a href="https://2018.igem.org/Competition/Registration">
  2. Registration
    3. </a> <a href="https://2018.igem.org/Competition/Rules_of_Conduct">
  3. Rules of Conduct
    4. </a> <a href="https://2018.igem.org/Competition/Deliverables">
  4. Deliverables
    5. </a>


1.- Team Wiki
    <a href="https://2018.igem.org/Competition/Deliverables/Wiki" class="current">
  1. Team Wiki
    2. </a> <a href="https://2018.igem.org/Competition/Deliverables/Poster">
  2. Team Poster
    3. </a> <a href="https://2018.igem.org/Competition/Deliverables/Presentation">
  3. Team Presentation
    4. </a> <a href="https://2018.igem.org/Competition/Deliverables/Judging_Form">
  4. Judging Form
    5. </a>


<script> $(document).ready(function() {

$(".navigation_help").click(function(){ $(this).toggleClass("displaying_content"); $(this).parent().next().toggleClass("hide_content"); }); }); </script>


All iGEM 2018 teams are given a namespace on the iGEM 2018 wiki with their team name: 2018.igem.org/Team:Example
Teams are allowed to create and edit pages within their respective team namespace. Teams are not allowed to create or edit pages belonging to another team's namespace.