tidy external link decorations
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Ben Harris 2020-12-15 14:36:23 -05:00
parent 3e85a971d1
commit 31abcf84e7
2 changed files with 36 additions and 15 deletions

View File

@ -252,6 +252,23 @@ a[href*="//"]:after {
opacity: .25;
}
a[href^="mailto:"]:after {
font-weight: 300;
font-size: .85em;
content: "\2709";
color: var(--textcolor);
opacity: .25;
}
a[href^="xmpp:"]:after {
font-weight: 300;
font-size: .85em;
content: "\1F5EA";
color: var(--textcolor);
opacity: .25;
}
a[href^="mailto:"]:hover:after,
a[href^="xmpp:"]:hover:after,
a[href*="//"]:hover:after {
color: var(--highlight);
opacity: 1;
@ -262,22 +279,21 @@ a[href*="//"]:hover:after {
a:before {
font-size: .7em;
margin-right: .4em;
opacity: .75;
}
/* Add more filetypes here if you want */
a[href$=".pdf"]:before { content: "PDF"; }
a[href$=".txt"]:before { content: "TXT"; }
a[href$=".mp3"]:before { content: "MP3"; }
a[href$=".zip"]:before { content: "ZIP"; }
a[href$=".rar"]:before { content: "RAR"; }
a[href$=".pdf"]:before { content: "pdf"; }
a[href$=".txt"]:before { content: "txt"; }
a[href$=".mp3"]:before { content: "mp3"; }
a[href$=".zip"]:before { content: "zip"; }
a[href$=".rar"]:before { content: "rar"; }
a[href$=".jpeg"]:before,
a[href$=".jpg"]:before,
a[href$=".gif"]:before,
a[href$=".png"]:before { content: "IMG"; }
a[href$=".asc"]:before { content: "\1F511"; }
a[href^="mailto:"]:before { content: "\2709"; }
a[href^="xmpp:"]:before { content: "\1F5EA"; }
a[href$=".png"]:before { content: "img"; }
a[href$=".asc"]:before { content: "asc"; }
/* ------- News ------- */
@ -470,4 +486,4 @@ article time {
object-fit: contain;
}
}
}

View File

@ -34,7 +34,6 @@
<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>
@ -96,8 +95,8 @@
<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><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>
<li>some random projects on my <a href="https://tildegit.org/ben" rel="me">tildegit account</a></li>
<li>also <a href="https://github.com/benharri" rel="me">github</a> but i don't publish everything there</li>
</ul>
</section>
@ -117,11 +116,17 @@
a <a href="https://hmm.st/converse.html">web chat</a>!</p>
<h3>email</h3>
<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>.
<p>i have too many email addresses (eg <code>*@bhh.sh</code>), but i mainly use <a href="mailto:ben@tilde.team" rel="me">ben@tilde.team</a> or <a href="mailto:mail@benharr.is" rel="me">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>
<h3>social media?</h3>
<p>i'm on <a href="https://twitter.com/nebsirrah" rel="me">twitter</a> and <a href="https://tilde.zone/@ben" rel="me">mastodon</a>, but i try not to check them all that much.</p>
<h3>resume</h3>
<p>if you're curious, here's my <a href="https://tildegit.org/ben/resume/raw/branch/master/resume.pdf">resume</a>.</p>
</section>
</main>
</body>
</html>
</html>