tidy external link decorations
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
3e85a971d1
commit
31abcf84e7
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
15
index.html
15
index.html
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue