projects / jkinsey.net.git / blame
| Commit | Line | Data |
|---|---|---|
| d7edfd55 JK |
1 | <html> |
| 2 | <head> | |
| e29d9cc4 JK |
3 | <link rel="stylesheet" href="/res/reset.css" /> |
| 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> | |
| b0fbfd4f JK |
10 | <body class="pink"> |
| 11 | <main> | |
| d7edfd55 | 12 | |
| aa933c49 | 13 | <menu id="menu" class="top"> |
| b0fbfd4f JK |
14 | <div id="avatar"><a href="/" data-color="yellow" class="home"><img src="/res/face.png"></img></a></div></a> |
| 15 | <div id="name"><a href="/" data-color="yellow" class="home"><h1>Jack Kinsey</h1></a></div> | |
| d7edfd55 JK |
16 | <nav id="links"> |
| 17 | <ul> | |
| b0fbfd4f JK |
18 | <li><a href="/writing" class="selected" data-color="pink" data-name="writing">Writing</a></li> |
| 19 | <li><a href="/code" class="" data-color="blue" data-name="code">Code</a></li> | |
| 20 | <li><a href="/about" class="" data-color="green" data-name="about">About</a></li> | |
| d7edfd55 JK |
21 | <li><a href="/kinsey17-resume.pdf" data-name="resume">Résumé</a></li> |
| 22 | </ul> | |
| 23 | </nav> | |
| 24 | </menu> | |
| 25 | ||
| aa933c49 JK |
26 | <div id="content"> |
| 27 | <article id="writing" class="selected"> | |
| 28 | <div class="left"> | |
| 29 | 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 |
30 | </div> |
| 31 | <div class="right"> | |
| 32 | 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 |
33 | </div> |
| 34 | </article> | |
| 35 | <article id="code" class="hidden"> | |
| 36 | <div class="left"> | |
| 37 | 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 |
38 | </div> |
| 39 | <div class="right"> | |
| 40 | 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 |
41 | </div> |
| 42 | </article> | |
| 43 | <article id="about" class="hidden"> | |
| 44 | <div class="left"> | |
| 45 | 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 |
46 | </div> |
| 47 | <div class="right"> | |
| 48 | 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 |
49 | </div> |
| 50 | </article> | |
| 51 | </div> | |
| d7edfd55 | 52 | |
| b0fbfd4f | 53 | </main> |
| d7edfd55 JK |
54 | </body> |
| 55 | </html> |