Click events.
This commit is contained in:
parent
c1d4c88c2c
commit
371e42c235
3 changed files with 11 additions and 17 deletions
6
js/fx.js
6
js/fx.js
|
@ -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();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
16
style.css
16
style.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue