[jkinsey.net.git] / writing / index.html

<html>
    <head>
        <link rel="stylesheet" href="/res/reset.css" />
        <link rel="stylesheet" href="/res/style.css" />

        <script src="/js/script.js"></script>

        <title>Jack Kinsey</title>
    </head>
    <body>

        <menu id="menu" class="top">
            <div id="avatar"><a href="/" class="home"><img src="/res/face.png"></img></a></div></a>
            <div id="name"><a href="/" class="home"><h1>Jack Kinsey</h1></a></div>
            <nav id="links">
                <ul>
                    <li><a href="/writing" class="selected" data-name="writing">Writing</a></li>
                    <li><a href="/code" class="" data-name="code">Code</a></li>
                    <li><a href="/about" class="" data-name="about">About</a></li>
                    <li><a href="/kinsey17-resume.pdf" data-name="resume">R&eacute;sum&eacute;</a></li>
                </ul>
            </nav>
        </menu>

        <div id="content">
            <article id="writing" class="selected">
                <div class="left">
            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.
            <br>
    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.
                </div>
                <div class="right">
    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.
            <br>
            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.
                </div>
            </article>
            <article id="code" class="hidden">
                <div class="left">
            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.
            <br>
    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.
                </div>
                <div class="right">
    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.
            <br>
            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.
                </div>
            </article>
            <article id="about" class="hidden">
                <div class="left">
            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.
            <br>
    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.
                </div>
                <div class="right">
    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.
            <br>
            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.
                </div>
            </article>
        </div>

    </body>
</html>
Commit	Line	Data
d7edfd55 JK	1	<html>
d7edfd55 JK	2	<head>
e29d9cc4 JK	3	<link rel="stylesheet" href="/res/reset.css" />
e29d9cc4 JK	4	<link rel="stylesheet" href="/res/style.css" />
d7edfd55	5
e29d9cc4	6	<script src="/js/script.js"></script>
d7edfd55 JK	7
	8	<title>Jack Kinsey</title>
	9	</head>
	10	<body>
	11
aa933c49	12	<menu id="menu" class="top">
e29d9cc4 JK	13	<div id="avatar"><a href="/" class="home"><img src="/res/face.png"></img></a></div></a>
e29d9cc4 JK	14	<div id="name"><a href="/" class="home"><h1>Jack Kinsey</h1></a></div>
d7edfd55 JK	15	<nav id="links">
d7edfd55 JK	16	<ul>
aa933c49 JK	17	<li><a href="/writing" class="selected" data-name="writing">Writing</a></li>
	18	<li><a href="/code" class="" data-name="code">Code</a></li>
	19	<li><a href="/about" class="" data-name="about">About</a></li>
d7edfd55 JK	20	<li><a href="/kinsey17-resume.pdf" data-name="resume">Résumé</a></li>
	21	</ul>
	22	</nav>
	23	</menu>
	24
aa933c49 JK	25	<div id="content">
	26	<article id="writing" class="selected">
	27	<div class="left">
	28	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.
	29	<br>
	30	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.
	31	</div>
	32	<div class="right">
	33	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.
	34	<br>
	35	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.
	36	</div>
	37	</article>
	38	<article id="code" class="hidden">
	39	<div class="left">
	40	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.
	41	<br>
	42	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.
	43	</div>
	44	<div class="right">
	45	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.
	46	<br>
	47	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.
	48	</div>
	49	</article>
	50	<article id="about" class="hidden">
	51	<div class="left">
	52	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.
	53	<br>
	54	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.
	55	</div>
	56	<div class="right">
	57	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.
	58	<br>
	59	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.
	60	</div>
	61	</article>
	62	</div>
d7edfd55 JK	63
	64	</body>
	65	</html>