source ⟩ hypertext ⟩ public ⟩ cosmetics ⟩ links.css

/* Links.css */
/* Adds icons after external links showing where they go */
/* CC0 Public Domain - Do what you will */

a::after {
	/*Manipulations stuff*/
	opacity: 0.8;
}

a:hover::after,
a:focus::after {
	/*Manipulations stuff*/
	opacity: 1;
}

/* FILE TYPES */

a[href$=".pdf"]::after {
	content: "PDF";
	display: inline-block;
	margin-inline-start: 0.5ch;
	/*Typography stuff*/
	font-family: var(--sans-serif);
	font-size: 0.8em;
	font-variant-caps: all-small-caps;
	/*Miscellaneous*/
	letter-spacing: var(--caps-spacing);
}

a[href$="/feed"]::after,
a[href$="feed.xml"]::after {
	content: "";
	background-image: url("/favicons/rss.png");
}

a[href$=".jpg"]::after,
a[href$=".jpeg"]::after,
a[href$=".gif"]::after,
a[href$=".png"]::after,
a[href$=".avif"]::after,
a[href$=".webp"]::after {
	content: "img";
	display: inline-block;
	margin-inline-start: 0.5ch;
	/*Typography stuff*/
	font-family: var(--sans-serif);
	font-size: 0.8em;
	font-variant-caps: all-small-caps;
	/*Miscellaneous*/
	letter-spacing: var(--caps-spacing);
}

figure > a[href$=".jpg"]::after,
figure > a[href$=".jpeg"]::after,
figure > a[href$=".gif"]::after,
figure > a[href$=".png"]::after,
figure > a[href$=".avif"]::after,
figure > a[href$=".webp"]::after {
	content: none;
}

a[href$=".webm"]::after,
a[href$=".mov"]::after,
a[href$=".avi"]::after,
a[href$=".mkv"]::after,
a[href$=".mp4"]::after {
	content: "vid";
	display: inline-block;
	margin-inline-start: 0.5ch;
	/*Typography stuff*/
	font-family: var(--sans-serif);
	font-size: 0.8em;
	font-variant-caps: all-small-caps;
	/*Miscellaneous*/
	letter-spacing: var(--caps-spacing);
}

a[href^="mailto:"]::after {
	content: "✉\fe0e";
	display: inline-block;
	margin-inline-start: 0.5ch;
	/*Typography stuff*/
	font-size: 0.8em;
}

/* WEBSITES */
/* I have to list all of these manually, because we live in hell */

a[href*="aeon.co"]::after,
a[href*="amazon."]::after,
a[href*="arstechnica.com"]::after,
a[href*="theatlantic.com"]::after,
a[href*="atlasobscura.com"]::after,
a[href*="bandcamp.com"]::after,
a[href*="bbc.co.uk"]::after,
a[href*="berkeley.edu"]::after,
a[href*="billwurtz.com"]::after,
a[href*="blogger.com"]::after,
a[href*="blogspot."]::after,
a[href*="bloomberg.com"]::after,
a[href*="bookshop.org"]::after,
a[href*="bzarg.com"]::after,
a[href*="cornell.edu"]::after,
a[href*="dashnet.org"]::after,
a[href*="dedalvs.com"]::after,
a[href*="languageinvention.com"]::after,
a[href*="deviantart.net"]::after,
a[href*="deviantart.com"]::after,
a[href*="fav.me"]::after,
a[href*="sta.sh"]::after,
a[href*="discord.com"]::after,
a[href*="discord.gg"]::after,
a[href*="discordapp.com"]:not(a[href*="cdn.discordapp.com"])::after,
a[href*="economist.com"]::after,
a[href*="english-heritage.org.uk"]::after,
a[href*="facebook.com"]::after,
a[href*="fb.me"]::after,
a[href$="/feed"]::after,
a[href$="feed.xml"]::after,
a[href*="flickr.com"]::after,
a[href*="honest-broker.com"]::after,
a[href*="github.com"]::after,
a[href*="github.io"]::after,
a[href*="google."]::after,
a[href*=".google"]::after,
a[href*="gov.uk"]::after,
a[href*=".gov/"]::after,
a[href$=".gov"]::after,
a[href*="theguardian.com"]::after,
a[href*="gwern.net"]::after,
a[href*="href.cool"]::after,
a[href*="icebergcharts.com"]::after,
a[href*="imgur.com"]::after,
a[href*="imgur.io"]::after,
a[href*="instagram.com"]::after,
a[href*="intuitor.com"]::after,
a[href*="itch.io"]::after,
a[href*="kottke.org"]::after,
a[href*="krystal.uk"]::after,
a[href*="lowtechmagazine.com"]::after,
a[href*="manchestereveningnews.co.uk"]::after,
a[href*="mit.edu"]::after,
a[href*="motherjones.com"]::after,
a[href*="nationalgeographic.com"]::after,
a[href*="nationaltrust.org.uk"]::after,
a[href*="nature.com"]::after,
a[href*="neocities.org"]::after,
a[href*="netflix.com"]::after,
a[href*="newyorker.com"]::after,
a[href*="nytimes.com"]::after,
a[href*="nyti.ms"]::after,
a[href*="orionsarm.com"]::after,
a[href*="practicaltypography.com"]::after,
a[href*="projectrho.com"]::after,
a[href*="propublica.org"]::after,
a[href*="reddit.com"]::after,
a[href*="quantamagazine.org"]::after,
a[href*="quoteinvestigator.com"]::after,
a[href*="qntm.org"]::after,
a[href*="rhizome.org"]::after,
a[href*="seximal.net"]::after,
a[href*="slate.com"]::after,
a[href*="smithsonianmag.com"]::after,
a[href*="spitalfieldslife.com"]::after,
a[href*="steampowered.com"]::after,
a[href*="steen.free.fr"]::after,
a[href*="substack.com"]::after,
a[href*="tedium.co"]::after,
a[href*="thebeautyoftransport.com"]::after,
a[href*="twitter.com"]::after,
a[href*="/x.com"]::after,
a[href*="tumblr.com"]::after,
a[href*="uglyluck.com"]::after,
a[href*="upenn.edu"]::after,
a[href*="vice.com"]::after,
a[href*="vimeo.com"]::after,
a[href*="volkskrant.nl"]::after,
a[href*="washingtonpost.com"]::after,
a[href*="wapo.st"]::after,
a[href*="wikipedia.org"]::after,
a[href*="commons.wikimedia.org"]::after,
a[href*="wiktionary.org"]::after,
a[href*="wired.com"]::after,
a[href*="wired.co.uk"]::after,
a[href*="wordpress.com"]::after,
a[href*="wordpress.org"]::after,
a[href*="worksinprogress.co"]::after,
a[href*="xkcd.com"]::after,
a[href*="youtube.com"]::after,
a[href*="youtu.be"]::after {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-inline-start: 0.5ch;
	
	background-size: cover;
	box-shadow: 0 0 0 1px var(--text);
	/*Manipulations stuff*/
	transform: translate(0, calc(0.5em - 1ex));
}

a[href*="aeon.co"]::after {
	content: "";
	background-image: url("/favicons/aeon.png");
}

a[href*="amazon."]::after {
	content: "";
	background-image: url("/favicons/amazon.png");
}

a[href*="arstechnica.com"]::after {
	content: "";
	background-image: url("/favicons/arstechnica.png");
}

a[href*="atlasobscura.com"]::after {
	content: "";
	background-image: url("/favicons/atlasobscura.png");
}

a[href*="theatlantic.com"]::after {
	content: "";
	background-image: url("/favicons/atlantic.png");
}

a[href*="bandcamp.com"]::after {
	content: "";
	background-image: url("/favicons/bandcamp.png");
}

a[href*="bbc.co.uk"]::after {
	content: "";
	background-image: url("/favicons/bbc.png");
}

a[href*="berkeley.edu"]::after {
	content: "";
	background-image: url("/favicons/berkeley.png");
}

a[href*="billwurtz.com"]::after {
	content: "";
	background-image: url("/favicons/billwurtz.png");
}

a[href*="blogspot."]::after,
a[href*="blogger.com"]::after {
	content: "";
	background-image: url("/favicons/blogger.png");
}
a[href*="diamondgeezer.blogspot."]::after {
	content: "";
	background-image: url("/favicons/dg.png");
}

a[href*="bloomberg.com"]::after {
	content: "";
	background-image: url("/favicons/bloomberg.png");
}

a[href*="bookshop.org"]::after {
	content: "";
	background-image: url("/favicons/bookshop.png");
}

a[href*="bzarg.com"]::after {
	content: "";
	background-image: url("/favicons/bzarg.png");
}

a[href*="cornell.edu"]::after {
	content: "";
	background-image: url("/favicons/cornell.png");
}

a[href*="dashnet.org"]::after {
	content: "";
	background-image: url("/favicons/dashnet.png");
}

a[href*="dedalvs.com"]::after,
a[href*="languageinvention.com"]::after {
	content: "";
	background-image: url("/favicons/dedalvs.png");
}

a[href*="deviantart.net"]::after,
a[href*="deviantart.com"]::after,
a[href*="fav.me"]::after,
a[href*="sta.sh"]::after {
	content: "";
	background-image: url("/favicons/deviantart.png");
}

a[href*="discord.com"]::after,
a[href*="discord.gg"]::after,
a[href*="discordapp.com"]:not(a[href*="cdn.discordapp.com"])::after {
	content: "";
	background-image: url("/favicons/discord.png");
}

a[href*="economist.com"]::after {
	content: "";
	background-image: url("/favicons/economist.png");
}

a[href*="english-heritage.org.uk"]::after {
	content: "";
	background-image: url("/favicons/englishheritage.png");
}

a[href*="facebook.com"]::after,
a[href*="fb.me"]::after {
	content: "";
	background-image: url("/favicons/facebook.png");
}

a[href*="flickr.com"]::after {
	content: "";
	background-image: url("/favicons/flickr.png");
}

a[href*="honest-broker.com"]::after {
	content: "";
	background-image: url("/favicons/gioia.png");
}

a[href*="github.com"]::after,
a[href*="github.io"]::after {
	content: "";
	background-image: url("/favicons/github.png");
}

a[href*="google."]::after,
a[href*=".google"]::after {
	content: "";
	background-image: url("/favicons/google.png");
}

a[href*="gov.uk"]::after {
	content: "";
	background-image: url("/favicons/govuk.png");
}

a[href*=".gov/"]::after,
a[href$=".gov"]::after {
	content: "";
	background-image: url("/favicons/usagov.png");
}

a[href*="theguardian.com"]::after {
	content: "";
	background-image: url("/favicons/guardian.png");
}

a[href*="gwern.net"]::after {
	content: "";
	background-image: url("/favicons/gwern.png");
}

a[href*="href.cool"]::after {
	content: "";
	background-image: url("/favicons/hrefcool.png");
}

a[href*="icebergcharts.com"]::after {
	content: "";
	background-image: url("/favicons/iceberg.png");
}

a[href*="imgur.com"]::after,
a[href*="imgur.io"]::after {
	content: "";
	background-image: url("/favicons/imgur.png");
}

a[href*="instagram.com"]::after {
	content: "";
	background-image: url("/favicons/instagram.png");
}

a[href*="intuitor.com"]::after {
	content: "";
	background-image: url("/favicons/intuitor.png");
}

a[href*="itch.io"]::after {
	content: "";
	background-image: url("/favicons/itch.png");
}

a[href*="kottke.org"]::after {
	content: "";
	background-image: url("/favicons/kottke.png");
}

a[href*="krystal.uk"]::after {
	content: "";
	background-image: url("/favicons/krystaluk.png");
}

a[href*="lowtechmagazine.com"]::after {
	content: "";
	background-image: url("/favicons/lowtechmagazine.png");
}

a[href*="manchestereveningnews.co.uk"]::after {
	content: "";
	background-image: url("/favicons/manchestereveningnews.png");
}

a[href*="mit.edu"]::after {
	content: "";
	background-image: url("/favicons/mit.png");
}

a[href*="motherjones.com"]::after {
	content: "";
	background-image: url("/favicons/motherjones.png");
}

a[href*="nationalgeographic.com"]::after {
	content: "";
	background-image: url("/favicons/natgeo.png");
}

a[href*="nationaltrust.org.uk"]::after {
	content: "";
	background-image: url("/favicons/nationaltrust.png");
}

a[href*="nature.com"]::after {
	content: "";
	background-image: url("/favicons/nature.png");
}

/* BEGIN Neocities */

a[href*="neocities.org"]::after {
	content: "";
	background-image: url("/favicons/neocities.png");
}

/* END Neocities */

a[href*="netflix.com"]::after {
	content: "";
	background-image: url("/favicons/netflix.png");
}

a[href*="newyorker.com"]::after {
	content: "";
	background-image: url("/favicons/newyorker.png");
}

a[href*="nytimes.com"]::after,
a[href*="nyti.ms"]::after {
	content: "";
	background-image: url("/favicons/nytimes.png");
}

a[href*="orionsarm.com"]::after {
	content: "";
	background-image: url("/favicons/orionsarm.png");
}

a[href*="practicaltypography.com"]::after {
	content: "";
	background-image: url("/favicons/practicaltypography.png");
}

a[href*="projectrho.com"]::after {
	content: "";
	background-image: url("/favicons/atomicrockets.png");
}

a[href*="propublica.org"]::after {
	content: "";
	background-image: url("/favicons/propublica.png");
}

a[href*="reddit.com"]::after {
	content: "";
	background-image: url("/favicons/reddit.png");
}

a[href*="qntm.org"]::after {
	content: "";
	background-image: url("/favicons/qntm.png");
}

a[href*="quantamagazine.org"]::after {
	content: "";
	background-image: url("/favicons/quanta.png");
}

a[href*="quoteinvestigator.com"]::after {
	content: "";
	background-image: url("/favicons/quoteinvestigator.png");
}

a[href*="rhizome.org"]::after {
	content: "";
	background-image: url("/favicons/rhizome.png");
}

a[href*="seximal.net"]::after {
	content: "";
	background-image: url("/favicons/seximal.png");
}

a[href*="slate.com"]::after {
	content: "";
	background-image: url("/favicons/slate.png");
}

a[href*="smithsonianmag.com"]::after {
	content: "";
	background-image: url("/favicons/smithsonian.png");
}

a[href*="spitalfieldslife.com"]::after {
	content: "";
	background-image: url("/favicons/spitalfields.png");
}

a[href*="steampowered.com"]::after {
	content: "";
	background-image: url("/favicons/steam.png");
}

a[href*="steen.free.fr"]::after {
	content: "";
	background-image: url("/favicons/steen.png");
}

a[href*="substack.com"]::after {
	content: "";
	background-image: url("/favicons/substack.png");
}

a[href*="tedium.co"]::after {
	content: "";
	background-image: url("/favicons/tedium.png");
}

a[href*="thebeautyoftransport.com"]::after {
	content: "";
	background-image: url("/favicons/tbot.png");
}

a[href*="twitter.com"]::after,
a[href*="/x.com"]::after {
	content: "";
	background-image: url("/favicons/twitter.png");
}

a[href*="tumblr.com"]::after {
	content: "";
	background-image: url("/favicons/tumblr.png");
}

a[href*="uglyluck.com"]::after {
	content: "";
	background-image: url("/favicons/krow.png");
}

a[href*="upenn.edu"]::after {
	content: "";
	background-image: url("/favicons/penn.png");
}

a[href*="vice.com"]::after {
	content: "";
	background-image: url("/favicons/vice.png");
}

a[href*="vimeo.com"]::after {
	content: "";
	background-image: url("/favicons/vimeo.png");
}

a[href*="volkskrant.nl"]::after {
	content: "";
	background-image: url("/favicons/volkskrant.png");
}

a[href*="washingtonpost.com"]::after,
a[href*="wapo.st"]::after {
	content: "";
	background-image: url("/favicons/wapo.png");
}

a[href*="wikipedia.org"]::after {
	content: "";
	background-image: url("/favicons/wikipedia.png");
}
a[href*="commons.wikimedia.org"]::after {
	content: "";
	background-image: url("/favicons/commons.png");
}
a[href*="wiktionary.org"]::after {
	content: "";
	background-image: url("/favicons/wiktionary.png");
}

a[href*="wired.com"]::after,
a[href*="wired.co.uk"]::after {
	content: "";
	background-image: url("/favicons/wired.png");
}

a[href*="wordpress.com"]::after,
a[href*="wordpress.org"]::after {
	content: "";
	background-image: url("/favicons/wordpress.png");
}

a[href*="worksinprogress.co"]::after {
	content: "";
	background-image: url("/favicons/worksinprogress.png");
}

a[href*="xkcd.com"]::after {
	content: "";
	background-image: url("/favicons/xkcd.png");
}

a[href*="youtube.com"]::after,
a[href*="youtu.be"]::after {
	content: "";
	background-image: url("/favicons/youtube.png");
}