Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
6d6906724a
|
|||
|
eb637d89bd
|
|||
|
d552d9f7d6
|
|||
|
06b79a87bb
|
|||
|
0e8e1d82bf
|
@@ -1,21 +0,0 @@
|
|||||||
<div id="btn-toggle" role="button" aria-label="toggle color scheme. current: system" tabindex="0">
|
|
||||||
<svg width="100%" height="100%" viewBox="0 0 135.46666 135.46667" version="1.1" id="button-toggle-theme-svg" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
|
||||||
<path id="path1" style="opacity:inherit;fill:currentColor;fill-opacity:1;stroke:#171717;stroke-width:0" d="M 67.777258,12.777515 A 55,55 0 0 0 12.777515,67.777258 55,55 0 0 0 67.777258,122.77752 55,55 0 0 0 122.77752,67.777258 55,55 0 0 0 67.777258,12.777515 Z m -0.128157,4.95577 V 117.73338 A 50,50 0 0 1 17.733285,67.733333 50,50 0 0 1 67.649101,17.733285 Z"/></svg>
|
|
||||||
</div>
|
|
||||||
<script type="text/JavaScript">
|
|
||||||
const dummy = document.getElementById('btn-dummy');
|
|
||||||
const btn = document.getElementById('btn-toggle');
|
|
||||||
const btnText = document.getElementById('btn-text');
|
|
||||||
|
|
||||||
const themes = [{n: 'system', i: 'Sys'}, {n: 'light', i:'☀️'}, {n: 'dark', i: '🌙'}];
|
|
||||||
let index = 0;
|
|
||||||
function keydown(e) {
|
|
||||||
if (e.key == ' ' || e.key == 'Enter') {
|
|
||||||
btn.setAttribute('aria-label', 'toggle color scheme. current: ' + (themes[index = (index + 1) % themes.length].n));
|
|
||||||
btnText.innerHTML = themes[index].i;
|
|
||||||
dummy.focus();
|
|
||||||
btn.focus();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
btn.addEventListener('keydown', keydown);
|
|
||||||
</script>
|
|
||||||
File diff suppressed because one or more lines are too long
+132
-374
File diff suppressed because one or more lines are too long
@@ -1,13 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ru-RU" dir="ltr">
|
<html lang="ru-RU" dir="ltr">
|
||||||
<head>
|
<head>
|
||||||
<meta name="generator" content="Hugo 0.147.9">
|
|
||||||
<script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>Подопытный</title>
|
<title>Подопытный</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/felexdev-themes.css">
|
<link rel="stylesheet" href="css/felexdev-themes.css">
|
||||||
<script src="js/felexdev-theme-manager.js"></script>
|
<script src="js/felexdev-theme-manager-minified.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
|
|||||||
Reference in New Issue
Block a user