(Mostly) finished adding content; fixed event catching in the menuOperator function

diff --git a/about/index.html b/about/index.html
index 3bc28d96cb066644a1e5ab5baadef83d31a3d28d..a07165a390e1a461ca1391358341894500268d4d 100644 (file)
--- a/about/index.html
+++ b/about/index.html
@@ -53,7 +53,7 @@
             </article>
             <article id="code" class="hidden">
                 <div>
-                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em>Asterisk</em>" beta</a></h2>
+                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em><em>Asterisk</em></em>" beta</a></h2>
                     <p>A small 3D game prototype developed in JavaScript for the browser with <a href="https://threejs.org/">Three.js</a>.I <a href="http://blog.jkinsey.net/tagged/asterisk/chrono">blogged</a> about its development over the course of several weeks, but many details remain unrevealed.</p>
                 </div>
                 <div>
@@ -72,7 +72,15 @@
             <article id="about" class="selected">
                 <div>
                     <h2>A short history.</h2>
-                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I’ve been programming in some form since 2012, and I’ve been thinking and writing about stories nearly my entire life.</p>
+                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park as a Computer Science major, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I've been programming in some form since 2012, and I've been thinking and writing about stories nearly my entire life.</p>
+                    <p>In recent years I've developed a particular interest in Linux and open source software, and I've been working towards developing my skills in the hopes of contributing back to the FOSS community. I also care deeply about video games as an art form and source of potential for social change.</p>
+                </div>
+                <div>
+                    <h2>Social media.</h2>
+                    <p><a href=”http://blog.jkinsey.net/”>Tumblr.</a> My blog, as described elsewhere on this site.</p>
+                    <p><a href=”https://github.com/jackkinsey/”>GitHub.</a> For those few projects that deserve to be seen by the Internet at large.</p>
+                    <p><a href=”https://twitter.com/_jackkinsey”>Twitter.</a> Seldom used, but I like to keep it around for when I need it.</p>
+                    <p><a href=”https://www.linkedin.com/in/jack-kinsey-26406994/”>LinkedIn.</a> For professional representation.</p>
                 </div>
             </article>
         </div>

diff --git a/code/index.html b/code/index.html
index 76e7ca51647f84b7fd1a9362be3601c949ba3efc..a394f00df7707691fb20405f976ecc28a8d0a5b9 100644 (file)
--- a/code/index.html
+++ b/code/index.html
@@ -53,7 +53,7 @@
             </article>
             <article id="code" class="selected">
                 <div>
-                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em>Asterisk</em>" beta</a></h2>
+                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em><em>Asterisk</em></em>" beta</a></h2>
                     <p>A small 3D game prototype developed in JavaScript for the browser with <a href="https://threejs.org/">Three.js</a>.I <a href="http://blog.jkinsey.net/tagged/asterisk/chrono">blogged</a> about its development over the course of several weeks, but many details remain unrevealed.</p>
                 </div>
                 <div>
@@ -72,7 +72,15 @@
             <article id="about" class="hidden">
                 <div>
                     <h2>A short history.</h2>
-                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I’ve been programming in some form since 2012, and I’ve been thinking and writing about stories nearly my entire life.</p>
+                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park as a Computer Science major, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I've been programming in some form since 2012, and I've been thinking and writing about stories nearly my entire life.</p>
+                    <p>In recent years I've developed a particular interest in Linux and open source software, and I've been working towards developing my skills in the hopes of contributing back to the FOSS community. I also care deeply about video games as an art form and source of potential for social change.</p>
+                </div>
+                <div>
+                    <h2>Social media.</h2>
+                    <p><a href=”http://blog.jkinsey.net/”>Tumblr.</a> My blog, as described elsewhere on this site.</p>
+                    <p><a href=”https://github.com/jackkinsey/”>GitHub.</a> For those few projects that deserve to be seen by the Internet at large.</p>
+                    <p><a href=”https://twitter.com/_jackkinsey”>Twitter.</a> Seldom used, but I like to keep it around for when I need it.</p>
+                    <p><a href=”https://www.linkedin.com/in/jack-kinsey-26406994/”>LinkedIn.</a> For professional representation.</p>
                 </div>
             </article>
         </div>

diff --git a/index.html b/index.html
index 527927692d79bd55671702909199651376ea3464..f2d86a84fa38da682dd23bebde469255855566b9 100644 (file)
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@
             </article>
             <article id="code" class="hidden">
                 <div>
-                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em>Asterisk</em>" beta</a></h2>
+                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em><em>Asterisk</em></em>" beta</a></h2>
                     <p>A small 3D game prototype developed in JavaScript for the browser with <a href="https://threejs.org/">Three.js</a>.I <a href="http://blog.jkinsey.net/tagged/asterisk/chrono">blogged</a> about its development over the course of several weeks, but many details remain unrevealed.</p>
                 </div>
                 <div>
@@ -77,7 +77,10 @@
                 </div>
                 <div>
                     <h2>Social media.</h2>
-                    <p></p>
+                    <p><a href=”http://blog.jkinsey.net/”>Tumblr.</a> My blog, as described elsewhere on this site.</p>
+                    <p><a href=”https://github.com/jackkinsey/”>GitHub.</a> For those few projects that deserve to be seen by the Internet at large.</p>
+                    <p><a href=”https://twitter.com/_jackkinsey”>Twitter.</a> Seldom used, but I like to keep it around for when I need it.</p>
+                    <p><a href=”https://www.linkedin.com/in/jack-kinsey-26406994/”>LinkedIn.</a> For professional representation.</p>
                 </div>
             </article>
         </div>

diff --git a/js/script.js b/js/script.js
index e7ab2b64e94d2eccb94dcc67cfc36770def73e79..f31e254aad406460d2813d1a40c5a4ba2142efb0 100644 (file)
--- a/js/script.js
+++ b/js/script.js
@@ -6,9 +6,7 @@ window.addEventListener('load', function() {
     var body = document.getElementsByTagName("body")[0];
     var menuLoc = parseInt(getComputedStyle(menu).getPropertyValue("top"));
 
-    function menuOperator(position, token="") {
-        event.preventDefault();
-        var node = event.currentTarget;
+    function menuOperator(node, position, token="") {
         menu.setAttribute("class", position);
         for(var i = 0; i < links.length; i++) {
             links[i].children[0].removeAttribute("class");
@@ -31,12 +29,16 @@ window.addEventListener('load', function() {
 
     for(var i = 0; i < links.length - 1; i++) {
         links[i].children[0].onclick = function(event) { 
-            menuOperator("top");
+            event.preventDefault();
+            var node = event.currentTarget;
+            menuOperator(node, "top");
         };
     }
     for(var i = 0; i < home.length; i++) {
         home[i].onclick = function(event) {
-            menuOperator("middle", "home");
+            event.preventDefault();
+            var node = event.currentTarget;
+            menuOperator(node, "middle", "home");
         }
     }
 }, false);

diff --git a/res/style.css b/res/style.css
index 316676b26005ecbe8c79790997aa8d22734800ad..27f3a385dcabf18fc3b498cded0470502dee86bd 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -1,9 +1,4 @@
 @import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300');
-/* pink:473a47
- * blue:004350
- * green:0c5b57
- * yellow:4b4432
- */
 
 body {
     width:100%;
@@ -76,7 +71,6 @@ header.middle #avatar {
     height:300px;
     margin-left:50px;
     margin-right:50px;
-    /*background-color:lightgrey;*/
 }
 
 header.middle #avatar img {
@@ -111,7 +105,6 @@ header.top #avatar {
     width:100px;
     height:50px;
     text-align:center;
-    /*background-color:lightgrey;*/
 }
 
 header.top #avatar img {
@@ -202,6 +195,15 @@ article div {
     margin:25px;
 }
 
+em {
+    font-style:italic;
+}
+
+em > em {
+    font-style:normal;
+    font-weight:bold;
+}
+
 article div h2 {
     margin-bottom:5px;
     font-size:1.5em;
@@ -211,30 +213,15 @@ article div h2 a:link, article div h2 a:visited {
     color:inherit;
 }
 
-article div h2 a:hover {
-}
-
 article div p {
     margin-top:5px;
-    font-weight:bold;
 }
 
 article div p a:link, article div p a:visited {
     color:inherit;
 }
 
-article div p a:hover {
-}
-
 #about div {
     width:600px;
     margin:25px 100px 25px 100px; 
 }
-
-#about div h2 {
-
-}
-
-#about div p {
-
-}

diff --git a/writing/index.html b/writing/index.html
index 2d57773eadd49eedc9fb94934a7100301da13845..47774ad18739db2be09788ca64bd7c0e17c16ea5 100644 (file)
--- a/writing/index.html
+++ b/writing/index.html
@@ -53,7 +53,7 @@
             </article>
             <article id="code" class="hidden">
                 <div>
-                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em>Asterisk</em>" beta</a></h2>
+                    <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em><em>Asterisk</em></em>" beta</a></h2>
                     <p>A small 3D game prototype developed in JavaScript for the browser with <a href="https://threejs.org/">Three.js</a>.I <a href="http://blog.jkinsey.net/tagged/asterisk/chrono">blogged</a> about its development over the course of several weeks, but many details remain unrevealed.</p>
                 </div>
                 <div>
@@ -72,7 +72,15 @@
             <article id="about" class="hidden">
                 <div>
                     <h2>A short history.</h2>
-                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I’ve been programming in some form since 2012, and I’ve been thinking and writing about stories nearly my entire life.</p>
+                    <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park as a Computer Science major, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I've been programming in some form since 2012, and I've been thinking and writing about stories nearly my entire life.</p>
+                    <p>In recent years I've developed a particular interest in Linux and open source software, and I've been working towards developing my skills in the hopes of contributing back to the FOSS community. I also care deeply about video games as an art form and source of potential for social change.</p>
+                </div>
+                <div>
+                    <h2>Social media.</h2>
+                    <p><a href=”http://blog.jkinsey.net/”>Tumblr.</a> My blog, as described elsewhere on this site.</p>
+                    <p><a href=”https://github.com/jackkinsey/”>GitHub.</a> For those few projects that deserve to be seen by the Internet at large.</p>
+                    <p><a href=”https://twitter.com/_jackkinsey”>Twitter.</a> Seldom used, but I like to keep it around for when I need it.</p>
+                    <p><a href=”https://www.linkedin.com/in/jack-kinsey-26406994/”>LinkedIn.</a> For professional representation.</p>
                 </div>
             </article>
         </div>