[jkinsey.net.git] / 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="middle">
            <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="" 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="hidden">
                <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.
                </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.
                </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.
                </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.
                </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.
                </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.
                </div>
            </article>
        </div>

    </body>
</html>
Commit	Line	Data
4bbfb028 JK	1	<html>
4bbfb028 JK	2	<head>
e29d9cc4 JK	3	<link rel="stylesheet" href="/res/reset.css" />
e29d9cc4 JK	4	<link rel="stylesheet" href="/res/style.css" />
4bbfb028	5
e29d9cc4	6	<script src="/js/script.js"></script>
4bbfb028 JK	7
	8	<title>Jack Kinsey</title>
	9	</head>
	10	<body>
	11
d7edfd55	12	<menu id="menu" class="middle">
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	15	<nav id="links">
4bbfb028	16	<ul>
aa933c49 JK	17	<li><a href="/writing" class="" 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	20	<li><a href="/kinsey17-resume.pdf" data-name="resume">Résumé</a></li>
4bbfb028 JK	21	</ul>
	22	</nav>
	23	</menu>
	24
aa933c49 JK	25	<div id="content">
	26	<article id="writing" class="hidden">
	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.
aa933c49 JK	29	</div>
	30	<div class="right">
	31	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.
aa933c49 JK	32	</div>
	33	</article>
	34	<article id="code" class="hidden">
	35	<div class="left">
	36	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.
aa933c49 JK	37	</div>
	38	<div class="right">
	39	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.
aa933c49 JK	40	</div>
	41	</article>
	42	<article id="about" class="hidden">
	43	<div class="left">
	44	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.
aa933c49 JK	45	</div>
	46	<div class="right">
	47	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.
aa933c49 JK	48	</div>
	49	</article>
	50	</div>
4bbfb028 JK	51
	52	</body>
	53	</html>