diff --git a/public/sans.css b/public/sans.css index 24a2888..cb6126a 100644 --- a/public/sans.css +++ b/public/sans.css @@ -12,5 +12,71 @@ body { font-weight: 400; line-height: 1.65; color: #333; - font-family: monospace; + font-family: serif; } + + +blockquote { + font-style: italic +} + +pre code { + font-family: 'Apl385', monospace; + font-size: 12px; + line-height: 1.5em; + border: 1px solid rgba(100, 100, 100, 0.25); + border-radius: 7px; + display: block; + padding: 20px; + max-height: 75vh; + overflow-y: scroll; + overflow-x: scroll; +} + +@media (prefers-color-scheme:light) { + body { + color: #000; + background-color: #eee + } +} + +@media (prefers-color-scheme:dark) { + body { + color: #eee; + background-color: #000 + } +} + +body, +h1, +h2, +h3, +h4, +h5 { + line-height: 1.5em +} + +hr { + border: 0; + font-size: 0; + height: 2px; + background-color: transparent; + background-image: linear-gradient(42deg, #f79533, #f37055 15%, #ef4e7b 30%, #a166ab 44%, #5073b8 58%, #1098ad 72%, #07b39b 86%, #6dba82); + background-size: cover +} + +a, +a:visited { + color: inherit; + text-decoration: underline; + font-weight: 700 +} + +a:hover { + opacity: .5; + transition-duration: .3s +} + +a[href^="http"]:after { + content: " "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAABfGlDQ1BJQ0MgUHJvZmlsZQAAKJF9kDlLA0EUx3+JR8QDkVhYWCxeVRSN4NEIJogGUkhU8Go2aw7BJMtmRcXGQrAVFEQbr0I/gTYWgrUgCIogNn4DRRsJ6xujxAN8MPN+82benzd/cPt005wrbodU2rYigwFtfGJS8zxSRik1eOnWjazZPzwcRuIr/4zXG1wqX7cqrb/3/0bFTCxrgKtMuM8wLVt4SLhxwTYVK71aS4YSXlGcyPOm4miejz/ejEaCwmfCmpHUZ4TvhX1G0kqBW+k3Rb+9SXzj1Ny88TmP+kllLD02IrlBVj1ZIgwSQCPEAEG66KBX9i5a8dMmJ+zYoq2agxlzyZpNJG2tX5yIaaG00ebT/O0dvaB8/e1XoZbZg54XKFov1KJbcLoGdXeFWtMuVK/CyYWpW/pHqUiWOx6HpyOomgDvFZRPZeOd/vyPKgNQ8uA4z83g2YDcuuO87TtO7kCaxaPzdN6jTy0Ob2F0GcKXsL0DLaJdPf0OLAdnNXFVn+gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAFZaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIj4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CkzCJ1kAAAEhSURBVBgZHZAxSkNBEIb/2d0YX4xoinSKhV1MMIUHSGEn2Ig2Fhq9gBfQIhdQDxAJVqJg4QUE8QDKUxuxEKy0SCDBl+d7u+NMFv7dZeefb3aGetNxHqFsLTm8JF27VNxZNsbfENvVAM8AyBRRsgmGD8MwOFrE+kw7rb1LsMMIEgeJ2EVURorfu/a4ca6vF1OvNQIfWxTgkYnLkGG5glFRw2UpXjM2XFVQbeaUPQXKt5j8s1GiMDM1BcZJFQuNPr7j4Gm3nTRvQ7DbTjHCKqiJmE5/6EsKoLP/t/LWxePsZ3r94QhWYQM17Y3r93KoJssV5w7q5vDMJTyC1NzoRbFC57W09F2QxD4zb3rO4aSzIGNoyaxa8kkhTLqW3SLBSOX/AWKfbOSvXifJAAAAAElFTkSuQmCC'); +} \ No newline at end of file