ben
/
site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

only use darkmode
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Ben Harris 2020-12-15 13:39:57 -05:00
parent d80da6ae69
commit 3e85a971d1
2 changed files with 125 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/style.css
View File

@ -1,24 +1,16 @@
* { margin: 0; padding: 0; box-sizing: border-box; * { margin: 0; padding: 0; box-sizing: border-box;
/* Color scheme */ /* Color scheme */
--textcolor: #121212;
--bgcolor: #fff;
--highlight: #2749c9;
} --textcolor: #dadada;
--bgcolor: #141414;
--highlight: #ffc400;
@media (prefers-color-scheme: dark) {
* {
--textcolor: #dadada;
--bgcolor: #141414;
--highlight: #ffc400;
}
} }
body { body {
font-size: 18px; font-size: 18px;
font-family: system-ui, sans-serif; font-family: 'JetBrains Mono', ui-monospace, 'Courier New', Courier, monospace;
line-height: 1.4; line-height: 1.4;
color: var(--textcolor); color: var(--textcolor);
background: var(--bgcolor); background: var(--bgcolor);
@ -102,7 +94,7 @@ ul {
} }
ul li::marker { ul li::marker {
content: "\2022 "; content: "\2022 ";
} }
li { li {
@ -162,9 +154,8 @@ img, svg, video, audio {
height: auto; height: auto;
fill: currentColor; fill: currentColor;
} }
code, textarea { code, textarea {
font-family: ui-monospace, SF Mono, Menlo, Monaco, Andale Mono, monospace;
font-size: 1em; font-size: 1em;
opacity: .7; opacity: .7;
} }
@ -253,7 +244,7 @@ section:target iframe {
/* External links */ /* External links */
a[href*="//"]:after { a[href*="//"]:after {
font-weight: 300; font-weight: 300;
font-size: .85em; font-size: .85em;
content: "\2197"; /* top right arrow: ↗ */ content: "\2197"; /* top right arrow: ↗ */
@ -268,7 +259,7 @@ a[href*="//"]:hover:after {
/* File links */ /* File links */
a:before { a:before {
font-size: .7em; font-size: .7em;
margin-right: .4em; margin-right: .4em;
} }
@ -284,6 +275,9 @@ a[href$=".jpeg"]:before,
a[href$=".jpg"]:before, a[href$=".jpg"]:before,
a[href$=".gif"]:before, a[href$=".gif"]:before,
a[href$=".png"]:before { content: "IMG"; } a[href$=".png"]:before { content: "IMG"; }
a[href$=".asc"]:before { content: "\1F511"; }
a[href^="mailto:"]:before { content: "\2709"; }
a[href^="xmpp:"]:before { content: "\1F5EA"; }
/* ------- News ------- */ /* ------- News ------- */
@ -445,22 +439,22 @@ article time {
/* ------- Print ------- */ /* ------- Print ------- */
@media print { @media print {
nav, .lightbox:target:after { display: none; } nav, .lightbox:target:after { display: none; }
article, figure, img { article, figure, img {
page-break-inside: avoid; page-break-inside: avoid;
break-inside: avoid; break-inside: avoid;
} }
/* Inline footnotes */ /* Inline footnotes */
label + input + small { display: inline; } label + input + small { display: inline; }
label + input + small:before { content: "["; } label + input + small:before { content: "["; }
label + input + small:after { content: "]"; } label + input + small:after { content: "]"; }
/* Slides */ /* Slides */
.slides, .slides figure { .slides, .slides figure {
position: relative; position: relative;
height: auto; height: auto;
@ -475,5 +469,5 @@ article time {
height: 100vh; height: 100vh;
object-fit: contain; object-fit: contain;
} }
} }

203
index.html
View File

@ -1,118 +1,127 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Ben Harris</title> <head>
<meta name="description" content="Benjamin Harris"> <meta charset="utf-8">
<meta name="author" content="Benjamin Harris"> <meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#333333">
<link rel="openid.delegate" href="https://benharr.is/" />
<link rel="openid.server" href="https://openid.indieauth.com/openid" />
<link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
<link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
<link rel="pgpkey" href="/benharri.asc">
<link rel="shortcut icon" href="/favicon.ico">
<meta property="og:title" content="benharr.is">
<meta property="og:description" content="Benjamin Harris">
<meta property="og:image" content="/images/profilepic.jpg">
<meta name="twitter:card" content="/images/profilepic.jpg">
<link rel="stylesheet" href="/css/style.css"> <title>Ben Harris</title>
</head> <meta name="description" content="Benjamin Harris">
<body> <meta name="author" content="Benjamin Harris">
<meta name="theme-color" content="#333333">
<link rel="openid.delegate" href="https://benharr.is/" />
<link rel="openid.server" href="https://openid.indieauth.com/openid" />
<link rel="pingback" href="https://webmention.io/benharr.is/xmlrpc" />
<link rel="webmention" href="https://webmention.io/benharr.is/webmention" />
<link rel="pgpkey" href="/benharri.asc">
<link rel="shortcut icon" href="/favicon.ico">
<meta property="og:title" content="benharr.is">
<meta property="og:description" content="Benjamin Harris">
<meta property="og:image" content="/images/profilepic.jpg">
<meta name="twitter:card" content="/images/profilepic.jpg">
<header> <link rel="stylesheet" href="/css/style.css">
<h1> </head>
<a href="/">benharr.is</a>
</h1>
<nav>
<a href="#projects">projects</a>
<a href="#now">now</a>
<a href="https://tilde.team/~ben/">tilde page</a>
<a href="https://tildegit.org/ben/resume/raw/branch/master/resume.pdf">resume</a>
<a href="/benharri.asc">pubkey</a>
<a href="#contact">contact me</a>
</nav>
</header>
<main> <body>
<section id="home"> <!-- HOME --> <header>
<h1>
<a href="#home">benharr.is</a>
</h1>
<nav>
<a href="#projects">projects</a>
<a href="#now">now</a>
<a href="#contact">contact me</a>
<a href="https://tilde.team/~ben/">tilde page</a>
<a href="https://tildegit.org/ben/resume/raw/branch/master/resume.pdf">resume</a>
</nav>
</header>
<h2>i'm a software developer</h2> <main>
<p>i write code and do stuff on the internet</p>
<h3>about me</h3> <section id="home">
<p> <h1>i'm a computer person</h1>
i grew up in the upper peninsula of michigan, received a <p>i write code and do stuff on the internet</p>
bachelor's in computer science from northern michigan university,
and now work professionally as a software developer in traverse <h3>about me</h3>
city, michigan. <p>
</p> i grew up in the upper peninsula of michigan, received a
<p> bachelor's in computer science from northern michigan university,
i like building software and community through code and sysadmin and now work professionally as a software developer in traverse
tools. my current day job involves writing c# for desktop city, michigan.
applications. my primary hobby project is <a href="https://tilde.team/"> </p>
<p>
i like building software and community through code and sysadmin
tools. my current day job involves writing c# for desktop
applications. my primary hobby project is <a href="https://tilde.team/">
tilde.team</a>, a non-commercial public access unix system focused tilde.team</a>, a non-commercial public access unix system focused
on teaching, learning, and building community. on teaching, learning, and building community.
</p> </p>
<p> <p>
some fun facts about me: some fun facts about me:
</p> </p>
<ul> <ul>
<li>i'm left handed</li> <li>i'm left handed</li>
<li>i love to travel and have lived in ecuador and switzerland</li> <li>i love to travel and have lived in ecuador and switzerland</li>
<li>i tend to avoid uppercase letters if i can help it</li> <li>i tend to avoid uppercase letters if i can help it</li>
</ul> </ul>
</section> </section>
<section id="now"> <section id="now">
<h3>what i've been up to</h3> <h1>what i've been up to</h1>
<ul> <ul>
<li>living in traverse city, mi</li> <li>living in traverse city, mi</li>
<li>working at <a href="https://www.hagerty.com">hagerty</a> as a software developer</li> <li>working at <a href="https://www.hagerty.com">hagerty</a> as a software developer</li>
<li>honing my c# skills</li> <li>honing my c# skills</li>
<li>thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li> <li>thinking of cool ideas for <a href="https://tilde.team">tilde.team</a></li>
<li><strike>probably</strike> definitely spending too much time on irc??? <a href="https://tilde.chat/">tilde-irc</a></li> <li><strike>probably</strike> definitely spending too much time on irc??? <a
<li>running stuff for the <a href="https://tildeverse.org/">tildeverse</a></li> href="https://tilde.chat/">tilde-irc</a></li>
<li>learning about and using <a href="https://xmpp.org">xmpp</a> and hosting <a href="https://hmm.st">some</a> <a href="https://tilde.team/wiki/xmpp">xmpp servers</a>.</li> <li>running stuff for the <a href="https://tildeverse.org/">tildeverse</a></li>
<li>doing my best to stay safe and sane during a pandemic</li> <li>learning about and using <a href="https://xmpp.org">xmpp</a> and hosting <a href="https://hmm.st">some</a>
</ul> <a href="https://tilde.team/wiki/xmpp">xmpp servers</a>.</li>
<p>updated december 14, 2020</p> <li>doing my best to stay safe and sane during a pandemic</li>
</ul>
<p>updated december 14, 2020</p>
</section> </section>
<section id="projects"> <section id="projects">
<h3>projects</h3> <h1>projects</h1>
<p>besides tilde.team, i'm also involved in several other projects, including:</p> <p>besides tilde.team, i'm also involved in several other projects, including:</p>
<ul> <ul>
<li><a href="https://tildeverse.org">the tildeverse</a></li> <li><a href="https://tildeverse.org">the tildeverse</a></li>
<li>the original <a href="https://tilde.club"><em>tilde</em></a>, reborn</li> <li>the original <a href="https://tilde.club"><em>tilde</em></a>, reborn</li>
<li><a href="https://hashbang.sh">hashbang</a></li> <li><a href="https://hashbang.sh">hashbang</a></li>
</ul> <li>some random projects on my <a href="https://tildegit.org/ben">tildegit account</a></li>
<li>also <a href="https://github.com/benharri">github</a> but i don't publish everything there</li>
</ul>
</section> </section>
<section id="contact"> <section id="contact">
<h3>contact</h3> <h1>contact</h1>
<p> <h3>chat</h3>
feel free to get in touch via any of the links at the top, or preferably, drop <p>
me a line on irc (if i'm not around, i'll see it soon™). i'm <code>benharri</code> the best way to get ahold of me is irc (if i'm not around, i'll see it soon™). i'm <code>benharri</code>
on <a href="https://freenode.net/">freenode</a> and <code>ben</code> on on <a href="https://freenode.net/">freenode</a> and <code>ben</code> on
<a href="https://tilde.chat">tilde.chat</a> <a href="https://tilde.chat">tilde.chat</a>
</p> </p>
<p>note that the pubkey linked in the header is for my tilde email: <a href="mailto:ben@tilde.team">ben@tilde.team</a>, so be sure to use that address if you need to gpg some mail to me.</p> <p>i'm also on xmpp as <a href="xmpp:ben@hmm.st">ben@hmm.st</a>. feel free to drop me a line there if irc is too
tricky!</p>
<p>if you don't have an xmpp account, you can register one on my <a href="https://hmm.st">server</a>. there's even
a <a href="https://hmm.st/converse.html">web chat</a>!</p>
<p>i'm also on xmpp as <a href="xmpp:ben@hmm.st">ben@hmm.st</a>. feel free to drop me a line there if irc is too tricky!</p> <h3>email</h3>
<p>if you don't have an xmpp account, you can register one on my <a href="https://hmm.st">server</a>. there's even a <a href="https://hmm.st/converse.html">web chat</a>!</p> <p>i have too many email addresses (eg <code>*@bhh.sh</code>), but i mainly use <a href="mailto:ben@tilde.team">ben@tilde.team</a> or <a href="mailto:mail@benharr.is">mail@benharr.is</a>.
</section> if you use gpg, make sure to use my tilde.team address. here's <a href="/benharri.asc">my pubkey</a>.</p>
</section>
</main> </main>
</body> </body>
</html>
</html>