diff --git a/static/css/introHCI.css b/static/css/introHCI.css index 04dbf74..898b0ea 100644 --- a/static/css/introHCI.css +++ b/static/css/introHCI.css @@ -31,4 +31,13 @@ body { right: 0; position: absolute; z-index: -1; -} \ No newline at end of file +} +p{ + font-variant:small-caps; +} +.project p{ + font-variant: small-caps; +} +#project1{ + font-variant: small-caps; +} diff --git a/static/index.html b/static/index.html index ddb0aed..28e9a2b 100644 --- a/static/index.html +++ b/static/index.html @@ -5,7 +5,9 @@ HCI Project Portfolio - + + + @@ -18,12 +20,13 @@ -
+
-
+

Michael Bernstein

human-computer interaction · social computing · crowdsourcing

+
@@ -32,53 +35,58 @@

Projects

+ + + + + diff --git a/static/js/introHCI.js b/static/js/introHCI.js index ae53a40..969e0a6 100644 --- a/static/js/introHCI.js +++ b/static/js/introHCI.js @@ -6,4 +6,16 @@ function initializePage() { $('#testjs').click(function(e) { $('.jumbotron h1').text("Javascript is connected"); }); + $("a.thumbnail").click(projectClick); + function projectClick(e) { + + // prevent the page from reloading + + e.preventDefault(); + // In an event handler, $(this) refers to + + // the object that triggered the event + + $(this).css("background-color", "#7fff00"); +} }