Use alternate stylesheets

Specify alternate stylesheets in the HTML template so that the user can
pick a custom theme (light or dark) and override media blocks.  This is
useful for users who use the resistFingerprinting option in Firefox, as
it makes the browser ignore media blocks.  Alternate stylesheets are
available by default with Firefox-based web browsers, but might not be
available in other browsers.
This commit is contained in:
luca0N! 2022-06-08 16:31:32 -03:00
parent ba5dba9664
commit 15f60d5dcb
Signed by: luca0N
GPG key ID: 2E7B4655CF16D7D6
5 changed files with 338 additions and 1 deletions

View file

@ -5,6 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>luca0N.com</title>
<link rel="stylesheet" type="text/css" href="/assets/luca0n.css" />
<link rel="alternate stylesheet" type="text/css" href="/assets/luca0n_theme_light.css" title="Claro" />
<link rel="alternate stylesheet" type="text/css" href="/assets/luca0n_theme_dark.css" title="Escuro" />
</head>
<body>
<header>