Make the website more minimal.
parent
93b9ea448f
commit
8ee1c411f4
|
@ -32,10 +32,6 @@
|
|||
<dt>Phone
|
||||
<dd><a href="tel:+1-206-331-1994">(206) 331-1994</a>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Location
|
||||
<dd>Renton, WA
|
||||
</div>
|
||||
<div>
|
||||
<dt>GitHub
|
||||
<dd><a href="https://github.com/jamestmartin">jamestmartin</a>
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<meta charset="utf-8">
|
||||
<title>{{ page.title }}</title>
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
<link rel="icon" type="image/png" href="/assets/images/favicon.png">
|
||||
<link rel="canonical" href="{{ site.url }}{{ page.permalink }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<main>{{ content }}</main>
|
|
@ -5,82 +5,51 @@
|
|||
body {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
max-width: 120ch;
|
||||
max-width: 60ch;
|
||||
min-height: 100vh;
|
||||
margin: auto;
|
||||
|
||||
background: #fff;
|
||||
|
||||
font: 15pt/1.5em sans-serif;
|
||||
background-color: #fafafa;
|
||||
|
||||
font-size: 1.4rem;
|
||||
font-family: monospace;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
/*
|
||||
* The website header consists of the website's title and a nav bar.
|
||||
* The title is left-aligned; the nav bar is right-aligned.
|
||||
*
|
||||
* If the nav bar doesn't fit to the right of the site title,
|
||||
* it should be located under the website title and possibly turn into columns.
|
||||
*/
|
||||
body > header {
|
||||
flex: 0 1 auto;
|
||||
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 40px;
|
||||
|
||||
color: #eee;
|
||||
background: #111;
|
||||
|
||||
font-size: 1.25em;
|
||||
figure {
|
||||
margin: 16px 0;
|
||||
padding: 16px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.site-title {
|
||||
display: inline-block;
|
||||
|
||||
font-size: 1.5em;
|
||||
figcaption {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
body > header a {
|
||||
color: inherit;
|
||||
dl {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
/* The site navigation links. These are displayed as columns. */
|
||||
body > header > nav ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
dl div:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
dl dd, ul li:not(:first-child) {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
dl.inline dt {
|
||||
width: 10ch;
|
||||
}
|
||||
|
||||
dl.inline dt:after {
|
||||
content: ":";
|
||||
}
|
||||
|
||||
dl.inline dd {
|
||||
margin: 0;
|
||||
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
body > header > nav li {
|
||||
flex: 1;
|
||||
|
||||
dl.inline dt, dl.inline dd {
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
article {
|
||||
margin: 20px 40px;
|
||||
}
|
||||
|
||||
p, li {
|
||||
max-width: 75ch;
|
||||
}
|
||||
|
||||
aside {
|
||||
float: right;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 300px;
|
||||
}
|
||||
|
|
|
@ -24,9 +24,5 @@ permalink: /contact
|
|||
<dt>LinkedIn
|
||||
<dd><a href="https://www.linkedin.com/in/jamestmartinme/">jamestmartinme</a>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Location
|
||||
<dd>Renton, WA
|
||||
</div>
|
||||
</dl>
|
||||
</article>
|
||||
|
|
66
index.html
66
index.html
|
@ -1,26 +1,48 @@
|
|||
---
|
||||
layout: default
|
||||
layout: simple
|
||||
title: James T. Martin
|
||||
permalink: /
|
||||
---
|
||||
<aside>
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/assets/images/photo.webp">
|
||||
<source type="image/jpeg" srcset="/assets/images/photo.jpg">
|
||||
<img alt="A photo of me." src="/assets/images/photo.jpg">
|
||||
</picture>
|
||||
</aside>
|
||||
<p>
|
||||
My name is James T. Martin.
|
||||
I am a programmer and moderator in <a href="https://proglangdesign.net">the programming language design community</a>.
|
||||
There, I research type theory and time-reversible computing, maintain the community website, and host a bridge between IRC and Discord via Matrix.
|
||||
I value challenging problems, and always strive to find the best solution I can.
|
||||
You can find out more about what I do on <a href="/projects">my Projects page</a>.
|
||||
</p>
|
||||
<p>
|
||||
In high school I wrote Java for the school's robotics competition team, taught my peers Java and Git, and mentored programming at the summer robotics camp.
|
||||
In middle school, I used Unity3d to write a Minecraft clone with infinite procedurally generated worlds and networked multiplayer, and ran a somewhat popular Fallout-themed Minecraft server.
|
||||
</p>
|
||||
<p>
|
||||
Outside of programming, I enjoy playing music, playing D&D, hiking, and skiing.
|
||||
</p>
|
||||
<h1>James T Martin</h1>
|
||||
<figure>
|
||||
<figcaption>Accounts:</figcaption>
|
||||
<dl class="inline">
|
||||
<div>
|
||||
<dt>GitHub</dt>
|
||||
<dd><a href="https://github.com/jamestmartin">jamestmartin</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Discord</dt>
|
||||
<dd>jamestmartin#7117</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Email</dt>
|
||||
<dd>james (at) jtmar (dot) me</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</figure>
|
||||
|
||||
<figure>
|
||||
<figcaption>Communities:</figcaption>
|
||||
<dl>
|
||||
<div>
|
||||
<dt><a href="https://proglangdesign.net">Programming Language Design</a> (since June 2018)</dt>
|
||||
<dd>Moderator of: Reddit & Discord</dd>
|
||||
<dd>Administrator of: IRC bridge</dd>
|
||||
<dd>Programmer of: the website</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt><a href="https://dad.gallery">Do Art Daily</a> (since April 2020)</dt>
|
||||
<dd>Developer</dd>
|
||||
<dd>Artist (beginner)</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</figure>
|
||||
|
||||
<figure>
|
||||
<figcaption>Likes:</figcaption>
|
||||
<ul>
|
||||
<li>Arts: drawing, playing music</li>
|
||||
<li>Computers: Debian Linux, Agda, Haskell, Rust</li>
|
||||
<li>Outdoors: hiking, skiing</li>
|
||||
</ul>
|
||||
|
|
Loading…
Reference in New Issue