Difference between revisions of "Dev/Calendar"

 
(40 intermediate revisions by 2 users not shown)
Line 3: Line 3:
  
  
−
<style>
 
  
−
.clear.extra_space {
+
<div class="column full_size">
−
height: 30px;
+
<h1>2017 iGEM Calendar</h1>
−
}
+
<p>We are working on finalizing the iGEM 2017 calendar at iGEM HQ! We plan to release the calendar at the start of January, 2017.</p>
 +
</div>
  
−
.vertical_line {
+
<div class=" column half_size ">
−
    position: absolute;
+
−
    width: 4px;
+
−
    margin-left: 2.6%;
+
−
    background-color: #d3d3d3;
+
−
height:100vh;
+
−
z-index: -1;
+
−
}
+
  
−
.left_column {
 
−
width: 12%;
 
−
    border: 4px solid #d3d3d3;
 
−
    text-align: center;
 
−
    font-size: 25px;
 
−
    float: left;
 
−
    border-radius: 10px;
 
−
    color: #666666;
 
−
    padding: 4% 0;
 
−
}
 
−
 
−
 
−
.left_column.month_access{
 
−
 
−
border: 4px solid white;
 
−
    color: #72c9b6;
 
−
    font-size: 40px;
 
−
    font-weight: bold;
 
−
    cursor: pointer;
 
−
}
 
−
 
−
.month_access ::before {
 
−
content: "+";
 
−
}
 
−
 
−
.left_column.month_access:hover {
 
−
    border: 4px solid #72c9b6;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease;
 
−
transition: all 0.4s ease;
 
−
}
 
−
 
−
 
−
.right_column  h1{
 
−
font-size: 40px;
 
−
padding: 15px 10px;
 
−
}
 
−
 
−
 
−
.right_column {
 
−
    padding: 10px 0px 15px 0px;
 
−
    float: left;
 
−
width: 80%;
 
−
}
 
−
 
−
.right_column.event_content {
 
−
border-top:  1px solid #d3d3d3;
 
−
}
 
−
 
−
</style>
 
−
 
−
 
−
<div class=" column half_size ">
 
−
<div class="vertical_line"></div>
 
  
 
<div id="january">
 
<div id="january">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> JANUARY  </h1> </div>  
 
<div class="right_column"> <h1> JANUARY  </h1> </div>  
  
Line 83: Line 20:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
  
−
 
 
<div class="left_column"> 25 </div>
 
<div class="left_column"> 25 </div>
 
<div class="right_column event_content">
 
<div class="right_column event_content">
Line 89: Line 25:
 
<p>Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates. We want everyone that participated on the team to receive this recognition. Completing your team roster is also important because it determines whether your team is in the undergraduate or overgraduate section (high school teams are automatically placed into the high school section). </p>
 
<p>Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates. We want everyone that participated on the team to receive this recognition. Completing your team roster is also important because it determines whether your team is in the undergraduate or overgraduate section (high school teams are automatically placed into the high school section). </p>
 
</div>
 
</div>
 +
 +
 +
<div class="clear extra_space"></div>
 +
 +
<div class="left_column"> 25 </div>
 +
<div class="right_column event_content">
 +
<h3> Team Rosters Due </h3>
 +
<p>Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates. We want everyone that participated on the team to receive this recognition. Completing your team roster is also important because it determines whether your team is in the undergraduate or overgraduate section (high school teams are automatically placed into the high school section). </p>
 +
</div>
 +
 
</div>
 
</div>
  
Line 96: Line 42:
 
<div id="february">
 
<div id="february">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> FEBRUARY  </h1> </div>  
 
<div class="right_column"> <h1> FEBRUARY  </h1> </div>  
  
Line 113: Line 59:
 
</div>
 
</div>
  
−
<div class="clear extra space"></div>
+
<div class="clear extra_space"></div>
 
<div id="march">
 
<div id="march">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> MARCH  </h1> </div>  
 
<div class="right_column"> <h1> MARCH  </h1> </div>  
  
Line 138: Line 84:
 
<div id="april">
 
<div id="april">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> APRIL  </h1> </div>  
 
<div class="right_column"> <h1> APRIL  </h1> </div>  
  
Line 162: Line 108:
 
<div id="may">
 
<div id="may">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> MAY  </h1> </div>  
 
<div class="right_column"> <h1> MAY  </h1> </div>  
  
Line 186: Line 132:
 
<div id="june">
 
<div id="june">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> JUNE  </h1> </div>  
 
<div class="right_column"> <h1> JUNE  </h1> </div>  
  
Line 211: Line 157:
 
<div id="july">
 
<div id="july">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> JULY  </h1> </div>  
 
<div class="right_column"> <h1> JULY  </h1> </div>  
  
Line 233: Line 179:
 
<div id="august">
 
<div id="august">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> AUGUST  </h1> </div>  
 
<div class="right_column"> <h1> AUGUST  </h1> </div>  
  
Line 255: Line 201:
 
<div id="september">
 
<div id="september">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> SEPTEMBER </h1> </div>  
 
<div class="right_column"> <h1> SEPTEMBER </h1> </div>  
  
Line 278: Line 224:
 
<div id="october">
 
<div id="october">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> OCTOBER  </h1> </div>  
 
<div class="right_column"> <h1> OCTOBER  </h1> </div>  
  
Line 300: Line 246:
 
<div id="november">
 
<div id="november">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> NOVEMBER  </h1> </div>  
 
<div class="right_column"> <h1> NOVEMBER  </h1> </div>  
  
Line 323: Line 269:
 
<div id="december">
 
<div id="december">
  
−
<div class="left_column month_access"> + </div>   
+
<div class="left_column month_access"> </div>   
 
<div class="right_column"> <h1> DECEMBER  </h1> </div>  
 
<div class="right_column"> <h1> DECEMBER  </h1> </div>  
  
Line 339: Line 285:
  
 
</div>
 
</div>
−
 
−
 
−
 
  
 
</div>
 
</div>
Line 347: Line 290:
  
  
−
<script>
 
−
 
−
$(document).ready(function() {
 
−
 
−
 
−
 
−
$(".month_access").click(function(){
 
  
−
$(this).next().next().fadeToggle(400);
 
−
$(this).toggleClass("less");
 
−
});
 
−
 
  
−
});
 
−
</script>
 
 
</html>
 
</html>

Latest revision as of 15:38, 29 November 2016

MENU
Loading...

2017 iGEM Calendar

We are working on finalizing the iGEM 2017 calendar at iGEM HQ! We plan to release the calendar at the start of January, 2017.

JANUARY

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates. We want everyone that participated on the team to receive this recognition. Completing your team roster is also important because it determines whether your team is in the undergraduate or overgraduate section (high school teams are automatically placed into the high school section).

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates. We want everyone that participated on the team to receive this recognition. Completing your team roster is also important because it determines whether your team is in the undergraduate or overgraduate section (high school teams are automatically placed into the high school section).

FEBRUARY

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

MARCH

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

APRIL

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

MAY

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

JUNE

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

JULY

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

AUGUST

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

SEPTEMBER

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

OCTOBER

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

NOVEMBER

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.

DECEMBER

25

Team Rosters Due

Completing the team roster is important because all of the team members listed on the rosters will receive participation certificates.