From: Jack Kinsey Date: Sun, 30 Apr 2017 23:00:20 +0000 (-0400) Subject: Added substantial portion of content to the site. X-Git-Url: http://git.jkinsey.net/?p=jkinsey.net.git;a=commitdiff_plain;h=9d04f7fb96dc67b42a489d1443e18ed3902fd6b0 Added substantial portion of content to the site. --- diff --git a/about/index.html b/about/index.html index c8aa74e..3bc28d9 100644 --- a/about/index.html +++ b/about/index.html @@ -1,5 +1,6 @@ + @@ -10,7 +11,7 @@
- + +
-
- About. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant. -
-
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies. +
+

A short history.

+

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.

diff --git a/code/index.html b/code/index.html index 0fb29bb..76e7ca5 100644 --- a/code/index.html +++ b/code/index.html @@ -1,5 +1,6 @@ + @@ -10,7 +11,7 @@
- + +
-
- Code. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant. +
+

Project "Asterisk" beta

+

A small 3D game prototype developed in JavaScript for the browser with Three.js.I blogged about its development over the course of several weeks, but many details remain unrevealed.

-
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies. +
+

Godfather

+

The final project for my CMPSC 122 (intro to algorithms and data structures) course at Penn State. Written in C++, we had to convert faux airport data into statistics on planes landed, departed, crashed, and so on. Hosted on GitHub.

+
+
+

Other 122 work

+

Smaller C++ programs also written for CMPSC 122. We had to write an email address validator, a dynamic array implemented with a physical array, and a dynamic array implemented with a linked list. Not the most exciting of projects, but I'm proud of the code quality.

+
+
+

Child Scare Kills

+

A 2D WarioWare-style browser game written in JavaScript using Three.js. Developed with Liam McFalls for a child care class in high school, so it's a bit goofy.

diff --git a/index.html b/index.html index 71322b4..5279276 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + @@ -10,7 +11,7 @@
- + +
diff --git a/res/files/epidemic.pdf b/res/files/epidemic.pdf new file mode 100644 index 0000000..2245a8a Binary files /dev/null and b/res/files/epidemic.pdf differ diff --git a/res/files/homelessness.pdf b/res/files/homelessness.pdf new file mode 100644 index 0000000..6d8c09c Binary files /dev/null and b/res/files/homelessness.pdf differ diff --git a/res/files/klk.pdf b/res/files/klk.pdf new file mode 100644 index 0000000..25ea8d4 Binary files /dev/null and b/res/files/klk.pdf differ diff --git a/kinsey17-resume.pdf b/res/files/resume.pdf similarity index 100% rename from kinsey17-resume.pdf rename to res/files/resume.pdf diff --git a/res/style.css b/res/style.css index 5ba1ddf..316676b 100644 --- a/res/style.css +++ b/res/style.css @@ -36,7 +36,7 @@ main { background:url(stars.png); } -menu { +header { position:absolute; width:400px; height:400px; @@ -46,28 +46,28 @@ menu { /*background-color:black;*/ } -menu > div > a { +header > div > a { color:inherit; text-decoration:none; } -menu.middle { +header.middle { left:calc(50% - 200px); top:calc(50% - 400px); height:400px; } -menu.top { +header.top { left:calc(50% - 200px); top:10px; height:100px; } -menu, menu > *, menu img, article { +header, header > *, header img, article { transition:all .6s cubic-bezier(0.23, 1, 0.32, 1); } -menu.middle #avatar { +header.middle #avatar { display:block; position:absolute; right:0px; @@ -79,14 +79,14 @@ menu.middle #avatar { /*background-color:lightgrey;*/ } -menu.middle #avatar img { +header.middle #avatar img { width:256px; height:256px; margin:22px; border-radius:50%; } -menu.middle #name { +header.middle #name { position:absolute; right:0px; bottom:50px; @@ -95,7 +95,7 @@ menu.middle #name { font-size:3em; } -menu.middle #name h1 { +header.middle #name h1 { display:block; width:100%; height:50px; @@ -103,7 +103,7 @@ menu.middle #name h1 { text-align:center; } -menu.top #avatar { +header.top #avatar { display:inline-block; position:absolute; right:300px; @@ -114,14 +114,14 @@ menu.top #avatar { /*background-color:lightgrey;*/ } -menu.top #avatar img { +header.top #avatar img { display:inline-block; width:50px; height:50px; border-radius:50%; } -menu.top #name { +header.top #name { display:inline-block; position:absolute; right:0px; @@ -131,7 +131,7 @@ menu.top #name { font-size:2.5em; } -menu.top #name h1 { +header.top #name h1 { display:inline-block; width:100%; height:50px; @@ -139,7 +139,7 @@ menu.top #name h1 { text-align:center; } -menu nav { +header nav { position:absolute; right:0px; bottom:0px; @@ -147,14 +147,14 @@ menu nav { flex-direction:column; } -menu nav ul { +header nav ul { display:flex; flex-direction:row; width:400px; height:50px; } -menu nav ul li { +header nav ul li { display:inline-block; text-align:center; width:25%; @@ -163,12 +163,12 @@ menu nav ul li { line-height:50px; } -menu nav ul li a:link, menu nav ul li a:visited { +header nav ul li a:link, header nav ul li a:visited { text-decoration:none; color:inherit; } -menu nav ul li a:hover, menu nav ul li a.selected { +header nav ul li a:hover, header nav ul li a.selected { text-decoration:underline; } @@ -176,6 +176,7 @@ menu nav ul li a:hover, menu nav ul li a.selected { article { display:flex; flex-direction:row; + flex-wrap:wrap; justify-content:space-between; position:absolute; top:150px; @@ -196,7 +197,44 @@ article.hidden { top:200px; } -article > div { - width:375px; - text-align:justify; +article div { + width:350px; + margin:25px; +} + +article div h2 { + margin-bottom:5px; + font-size:1.5em; +} + +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 8a0a76f..2d57773 100644 --- a/writing/index.html +++ b/writing/index.html @@ -1,5 +1,6 @@ + @@ -10,7 +11,7 @@
- + +
-
- Writing. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant. +
+

My tumblr.

+

Game reviews and analysis, the details of whatever project I'm currently working on, and random updates whenever I do something cool enough that I think it merits description.

-
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies. +
+

Liberal elitism, and other civic issues.

+

A few short essays discussing the idea of 'liberal elitism,' a subject of much debate in connection with the election of Donald Trump as President.

+
+
+

The unifying impact of the AIDS epidemic.

+

An overview and discussion of the broad changes in the LGBTQ community resulting from the HIV/AIDS epidemic in the 80s and 90s.

+
+
+

The confusing and bombastic nudity of Kill la Kill.

+

A brief analysis of the anime Kill la Kill using feminist tools, notably the concepts of objectification and the sexualization of violence.

+
+
+

Chronic homelessness: interviewing the future's home.

+

An introduction to the problem of homelessness in the United States, focusing specifically on chronic homelessness, and a brief discussion of potential unusual solutions to housing shortages. Typeset in LaTeX.

+
+
+

Homelessness in the United States.

+

A website designed to deliver key facts about homelessness in the United States to casual viewers, using select government publications as reputable sources of high-quality information.