diff options
author | j-james | 2021-02-17 06:38:00 +0000 |
---|---|---|
committer | j-james | 2021-02-17 06:39:49 +0000 |
commit | d85d4ad29fb61d7f3c37bc306c055ca5dad424e7 (patch) | |
tree | 16859831c9ac73b916facf29817cb9daf65ad3af /index.html | |
parent | 9602dc29301db9fcc9d71cadb6c03e0dd982c91f (diff) |
Launch first design of new website
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 81 |
1 files changed, 34 insertions, 47 deletions
@@ -1,54 +1,41 @@ +<html> <head> <title>j-james</title> - <meta charset='utf-8'/> - <link rel='icon' type='image/jpg' href='assets/compass.jpg'/> - <link rel='stylesheet' href='css/style.css'/> - <!-- <script link random stylesheet script> --> + <meta charset="utf-8"/> + <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> + <link rel="stylesheet" href="css/normalize.css"/> + <link rel="stylesheet" href="css/style.css"/> </head> <body> - <!-- <header> + <header> + <h1> + <a href="https://j-james.me">j-james</a> + </h1> <nav> - <a>j-james</a> - - - <a>mastodon</a> - - - <a>discord</a> - - - <a>fraidycat</a> - - - <a>sourcehut</a> - - - <a>github</a> + <a href="https://j-james.me/about/">about</a> + <a href="https://j-james.me/projects/">projects</a> + <a href="https://j-james.me/posts/">posts</a> + <a href="https://j-james.me/bookshelf/">bookshelf</a> </nav> - </header> --> - <marquee behavior=scroll> - <a href="https://j-james.me/">this website</a> - - - <a href="https://j-james.me/math/">math notes</a> - - - <a href="https://j-james.me/spartronics-demo/">spartronics demo</a> - - - <a href="https://j-james.me/interneting-is-hard/">interneting is hard</a> - - - <a href="https://j-james.me/spartronics-slack/">spartronics slack mirror</a> - - - <a href="https://j-james.me/covid/">sars-cov-2 graphing in washington</a> - </marquee> - <strong>welcome to my beautiful website</strong> - <br> - <strong>=======================</strong> - <br> - <a href="https://j-james.me/math/">my math notes</a> - <br> - <a href="https://j-james.me/spartronics-demo/">a website demo with github pages + jekyll</a> - <br> - <a href="https://j-james.me/interneting-is-hard/">a mirror of interneting-is-hard</a> - <br> - <a href="https://j-james.me/spartronics-slack/index.html">archived public spartronics slack channels</a> - <br> - <a href="https://j-james.me/covid/">graphs of the covid-19 outbreak in washington</a> - <br> - <br> - check out my programming projects! (<a href="https://sr.ht/~j-james/">sr.ht</a> | <a href="https://github.com/j-james/">github</a>) + </header> + <main> + <div id="intro"> + <img id="face" src="assets/compass.jpg"/> + <div id="profile"> + <p> Hello, I'm Justice, and I go by j-james on the Internet. </p> + <p> I'm a fourth-year student at <a href="https://www.bisd303.org/bhs">Bainbridge High School</a>, captain of <a href="https://spartronics4915.com">our local FIRST robotics team</a>, and a member of <a href="https://www.bhsultimate.org/">the ultimate frisbee team</a> and <a href="https://www.bihockey.org/">the summer roller hockey league</a> (pre-pandemic). </p> + <p> Outside of school, sports, and social life, I enjoy building and contributing to <a href="https://www.gnu.org/philosophy/free-sw.html">free-and-open-source</a> projects. The majority of my work can either be found on my <a href="https://github.com/j-james">GitHub</a> or at <a href="https://git.sr.ht/~j-james">SourceHut</a>. </p> + </div> + </div> + <div id="details"> + <h1>Projects</h1> + <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> + <h1>Posts</h1> + <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> + </div> + </main> + <footer> + <p> © 2020-2021 j-james </p> + </footer> </body> - +</html> |