Jack Kinsey

From: Jack Kinsey Date: Sat, 22 Apr 2017 21:50:14 +0000 (-0400) Subject: subpage setup X-Git-Url: http://git.jkinsey.net/?p=jkinsey.net.git;a=commitdiff_plain;h=d7edfd5512523bef75e659c2706ed0c443144c13 subpage setup --- diff --git a/about/index.html b/about/index.html new file mode 100644 index 0000000..feed348 --- /dev/null +++ b/about/index.html @@ -0,0 +1,30 @@ + + + + + + + + Jack Kinsey + + + + + +

+ + + diff --git a/code/index.html b/code/index.html new file mode 100644 index 0000000..feed348 --- /dev/null +++ b/code/index.html @@ -0,0 +1,30 @@ + + + + + + + + Jack Kinsey + + + + + +

+ + + diff --git a/index.html b/index.html index 83cd334..feed348 100644 --- a/index.html +++ b/index.html @@ -9,14 +9,15 @@ - -

+ diff --git a/js/script.js b/js/script.js index e69de29..1fabcaf 100644 --- a/js/script.js +++ b/js/script.js @@ -0,0 +1,14 @@ +window.addEventListener('load', function() { + var menuLoc = 0; + var links = document.getElementById("links").children[0].children; + var menu = document.getElementById("menu"); + function menuMove(node) { + if(menuLoc) return; + menu.setAttribute("class", "top"); + setTimeout(function() { menu.setAttribute("class", "left") }, 600); + menuLoc = 1; + } + for(var i = 0; i < links.length; i++) { + links[i].onclick = function(node) { menuMove(node); }; + } +}, false); diff --git a/res/face.png b/res/face.png new file mode 100644 index 0000000..d2661f5 Binary files /dev/null and b/res/face.png differ diff --git a/res/style.css b/res/style.css index 2f3e444..8228019 100644 --- a/res/style.css +++ b/res/style.css @@ -1,7 +1,7 @@ @import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300'); body { - background-color:grey; + background-color:#7F7977; width:100%; height:100%; overflow-x:hidden; @@ -13,11 +13,25 @@ menu { position:absolute; width:400px; height:400px; - left:calc(50% - 200px); - top:calc(50% - 200px); font-smooth:never; -webkit-font-smoothing:none; - background-color:black; + /*background-color:black;*/ + transition:all .125s cubic-bezier(0.075, 0.82, 0.165, 1); +} + +menu.middle { + left:calc(50% - 200px); + top:calc(50% - 400px); +} + +menu.top { + left:calc(50% - 200px); + top:0px; +} + +menu.left { + left:0px; + top:0px; } menu nav { @@ -25,19 +39,34 @@ menu nav { flex-direction:column; } -menu div { +menu #avatar { display:block; width:300px; height:300px; margin-left:50px; margin-right:50px; - background-color:lightgrey; + /*background-color:lightgrey;*/ } -menu div img { +menu #avatar img { width:256px; height:256px; margin:22px; + border-radius:50%; +} + +menu #name { + width:100%; + height:50px; + font-size:3em; +} + +menu #name h1 { + display:block; + width:100%; + height:50px; + line-height:50px; + text-align:center; } menu nav ul { @@ -46,14 +75,23 @@ menu nav ul { width:350px; margin-left:25px; margin-right:25px; - height:100px; + height:50px; } menu nav ul li { display:inline-block; text-align:center; width:25%; - height:100px; + height:50px; font-size:1.25em; - line-height:100px; + line-height:50px; +} + +menu nav ul li a:link, menu nav ul li a:visited { + text-decoration:none; + color:inherit; +} + +menu nav ul li a:hover { + text-decoration:underline; } diff --git a/writing/index.html b/writing/index.html new file mode 100644 index 0000000..feed348 --- /dev/null +++ b/writing/index.html @@ -0,0 +1,30 @@ + + + + + + + + Jack Kinsey + + + + + +

+ + +