Click events.

This commit is contained in:
Marc Cataford 2015-06-21 01:23:56 -04:00
parent c1d4c88c2c
commit 371e42c235
3 changed files with 11 additions and 17 deletions

View file

@ -5,11 +5,11 @@ $(window).ready(function() {
$("#skillset .section_header").delay(1100).animate({width:"show"},800); $("#skillset .section_header").delay(1100).animate({width:"show"},800);
$("#experience .section_header").delay(1100).animate({width:"show"},800); $("#experience .section_header").delay(1100).animate({width:"show"},800);
$("#projects .section_header").delay(1100).animate({width:"show"},800); $("#projects .section_header").delay(1100).animate({width:"show"},800);
});
//Expanding sections. //Expanding sections.
$(".section_header h1").click(function() { $(".section_header").click(function() {
console.log("Yo"); $(this).parent().find(".contents").toggle();
});
}); });

View file

@ -22,7 +22,7 @@
<div id="header_title"> <div id="header_title">
<p>Hey there! My name is Marc.</p> <p>Hey there! My name is Marc.</p>
</div> </div>
<div id="header_blurb"> <div id="header_blurb" class="invisible">
<p>I am a 25 years old computer engineering major student at McGill University (Montreal, CAN). I also minor <p>I am a 25 years old computer engineering major student at McGill University (Montreal, CAN). I also minor
in mathematics out of playful curiosity. Originally a physiology and mathematics double-major, bioinformatics- in mathematics out of playful curiosity. Originally a physiology and mathematics double-major, bioinformatics-
related courses sparked my interest for all things computer systems and I promptly changed faculty to related courses sparked my interest for all things computer systems and I promptly changed faculty to
@ -36,7 +36,7 @@
</div> </div>
<div id="skillset"> <div id="skillset">
<div class="section_header fleft clearb fullwidth invisible"> <div class="section_header fleft clearb fullwidth invisible">
<center><h1 class="nomargin centered">Skillset</h1></center> <center><h1 class="nomargin">Skillset</h1></center>
</div> </div>
<div class="contents"> <div class="contents">
<ul class="nomargin pad5"> <ul class="nomargin pad5">

View file

@ -21,22 +21,20 @@
} }
#header_blurb { #header_blurb {
display: none; /*display: none;*/
} }
.section_headers { .section_header {}
left: 0;
width: 100%;
height: 50%;
}
.section_header_text {
font-size: 250%;
}
.contents { .contents {
display: none; display: none;
} }
#skillset .section_header { #skillset .section_header {
background-color: #1F7A7A; background-color: #1F7A7A;
} }
#skillset .contents { #skillset .contents {
@ -48,14 +46,10 @@
} }
#experience .contents { #experience .contents {
display: none;
background-color: #33CCCC; background-color: #33CCCC;
} }
#projects .section_header { #projects .section_header {
display: none;
background-color: #33CCCC; background-color: #33CCCC;
} }