diff options
-rw-r--r-- | css/style.css | 36 | ||||
-rw-r--r-- | index.html | 15 |
2 files changed, 36 insertions, 15 deletions
diff --git a/css/style.css b/css/style.css index 96953c9..a5aec77 100644 --- a/css/style.css +++ b/css/style.css @@ -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; } -} \ No newline at end of file +} diff --git a/index.html b/index.html index e124255..bb08527 100644 --- a/index.html +++ b/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> \ No newline at end of file +</html> |