Live video on the AT Protocol
stream.place
1:root {
2 --sl-font: "Atkinson Hyperlegible Next", serif;
3}
4
5/*
6 from mnvr here:
7 https://gist.github.com/miguelmota/322c89234d60de578f37d3c6d30f7e41?permalink_comment_id=5519791#gistcomment-5519791
8 Add an indicator after external links that'll open in a new window.
9*/
10a[target="_blank"]::after {
11 /* ↗, but nicer. SVG adapted from Inter's rendition of "↗". */
12 content: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.04261 6.80966L0.377841 6.14489L5.32102 1.19318H1.50284L1.51136 0.272727H6.90625V5.67614H5.97727L5.9858 1.85795L1.04261 6.80966Z' fill='white'/%3E%3C/svg%3E%0A");
13 /* inline => inline-block, so that we can give it a height */
14 display: inline-block;
15 height: 0.55em;
16 padding-inline: 0em;
17 aspect-ratio: 1;
18 line-height: 1;
19 vertical-align: text-top;
20 padding-top: 0.25rem;
21}
22
23/* Default: invert for light themes */
24a[target="_blank"]::after {
25 filter: invert(1);
26}
27
28/* Don't invert when theme is dark */
29:root[data-theme="dark"] a[target="_blank"]::after {
30 filter: none;
31}