Make the website more minimal.
parent
93b9ea448f
commit
8ee1c411f4
|
|
@ -32,10 +32,6 @@
|
||||||
<dt>Phone
|
<dt>Phone
|
||||||
<dd><a href="tel:+1-206-331-1994">(206) 331-1994</a>
|
<dd><a href="tel:+1-206-331-1994">(206) 331-1994</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<dt>Location
|
|
||||||
<dd>Renton, WA
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<dt>GitHub
|
<dt>GitHub
|
||||||
<dd><a href="https://github.com/jamestmartin">jamestmartin</a>
|
<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 {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
max-width: 120ch;
|
max-width: 60ch;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
||||||
background: #fff;
|
background-color: #fafafa;
|
||||||
|
|
||||||
font: 15pt/1.5em sans-serif;
|
font-size: 1.4rem;
|
||||||
|
font-family: monospace;
|
||||||
|
line-height: 1.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
figure {
|
||||||
* The website header consists of the website's title and a nav bar.
|
margin: 16px 0;
|
||||||
* The title is left-aligned; the nav bar is right-aligned.
|
padding: 16px;
|
||||||
*
|
border-style: solid;
|
||||||
* 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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-title {
|
figcaption {
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
body > header a {
|
dl {
|
||||||
color: inherit;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The site navigation links. These are displayed as columns. */
|
dl div:not(:last-child) {
|
||||||
body > header > nav ul {
|
margin-bottom: 10px;
|
||||||
display: flex;
|
}
|
||||||
flex-wrap: wrap;
|
|
||||||
|
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;
|
margin: 0;
|
||||||
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body > header > nav li {
|
dl.inline dt, dl.inline dd {
|
||||||
flex: 1;
|
|
||||||
|
|
||||||
display: inline-block;
|
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
|
<dt>LinkedIn
|
||||||
<dd><a href="https://www.linkedin.com/in/jamestmartinme/">jamestmartinme</a>
|
<dd><a href="https://www.linkedin.com/in/jamestmartinme/">jamestmartinme</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<dt>Location
|
|
||||||
<dd>Renton, WA
|
|
||||||
</div>
|
|
||||||
</dl>
|
</dl>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
66
index.html
66
index.html
|
|
@ -1,26 +1,48 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: simple
|
||||||
title: James T. Martin
|
title: James T. Martin
|
||||||
permalink: /
|
permalink: /
|
||||||
---
|
---
|
||||||
<aside>
|
<h1>James T Martin</h1>
|
||||||
<picture>
|
<figure>
|
||||||
<source type="image/webp" srcset="/assets/images/photo.webp">
|
<figcaption>Accounts:</figcaption>
|
||||||
<source type="image/jpeg" srcset="/assets/images/photo.jpg">
|
<dl class="inline">
|
||||||
<img alt="A photo of me." src="/assets/images/photo.jpg">
|
<div>
|
||||||
</picture>
|
<dt>GitHub</dt>
|
||||||
</aside>
|
<dd><a href="https://github.com/jamestmartin">jamestmartin</a></dd>
|
||||||
<p>
|
</div>
|
||||||
My name is James T. Martin.
|
<div>
|
||||||
I am a programmer and moderator in <a href="https://proglangdesign.net">the programming language design community</a>.
|
<dt>Discord</dt>
|
||||||
There, I research type theory and time-reversible computing, maintain the community website, and host a bridge between IRC and Discord via Matrix.
|
<dd>jamestmartin#7117</dd>
|
||||||
I value challenging problems, and always strive to find the best solution I can.
|
</div>
|
||||||
You can find out more about what I do on <a href="/projects">my Projects page</a>.
|
<div>
|
||||||
</p>
|
<dt>Email</dt>
|
||||||
<p>
|
<dd>james (at) jtmar (dot) me</dd>
|
||||||
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.
|
</div>
|
||||||
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.
|
</dl>
|
||||||
</p>
|
</figure>
|
||||||
<p>
|
|
||||||
Outside of programming, I enjoy playing music, playing D&D, hiking, and skiing.
|
<figure>
|
||||||
</p>
|
<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