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

View File

@ -2,23 +2,15 @@
/* Color scheme */ /* Color scheme */
--textcolor: #121212;
--bgcolor: #fff;
--highlight: #2749c9;
}
@media (prefers-color-scheme: dark) {
* {
--textcolor: #dadada; --textcolor: #dadada;
--bgcolor: #141414; --bgcolor: #141414;
--highlight: #ffc400; --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);
@ -164,7 +156,6 @@ img, svg, video, audio {
} }
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;
} }
@ -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 ------- */

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
@ -21,27 +22,26 @@
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">
</head> </head>
<body> <body>
<header> <header>
<h1> <h1>
<a href="/">benharr.is</a> <a href="#home">benharr.is</a>
</h1> </h1>
<nav> <nav>
<a href="#projects">projects</a> <a href="#projects">projects</a>
<a href="#now">now</a> <a href="#now">now</a>
<a href="#contact">contact me</a>
<a href="https://tilde.team/~ben/">tilde page</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="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> </nav>
</header> </header>
<main> <main>
<section id="home"> <!-- HOME --> <section id="home">
<h1>i'm a computer person</h1>
<h2>i'm a software developer</h2>
<p>i write code and do stuff on the internet</p> <p>i write code and do stuff on the internet</p>
<h3>about me</h3> <h3>about me</h3>
@ -70,16 +70,18 @@
</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
href="https://tilde.chat/">tilde-irc</a></li>
<li>running stuff for the <a href="https://tildeverse.org/">tildeverse</a></li> <li>running stuff for the <a href="https://tildeverse.org/">tildeverse</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>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>doing my best to stay safe and sane during a pandemic</li> <li>doing my best to stay safe and sane during a pandemic</li>
</ul> </ul>
<p>updated december 14, 2020</p> <p>updated december 14, 2020</p>
@ -87,32 +89,39 @@
</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>
<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> </ul>
</section> </section>
<section id="contact"> <section id="contact">
<h3>contact</h3> <h1>contact</h1>
<h3>chat</h3>
<p> <p>
feel free to get in touch via any of the links at the top, or preferably, drop 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>
me a line on 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>.
if you use gpg, make sure to use my tilde.team address. here's <a href="/benharri.asc">my pubkey</a>.</p>
</section> </section>
</main> </main>
</body> </body>
</html> </html>