formfield

1
// theme
2
/* click the orb to toggle themes */
3
function setDarkMode(enabled) {
4
  document.documentElement.setAttribute('data-theme', enabled ?
 
  'dark' : 'light');
5
}
6
function getPrefersColorScheme() {
7
  return window.matchMedia('(prefers-color-scheme: dark)').matches
 
  ? 'dark' : 'light';
8
}
9
function initializeTheme() {
10
  const prefersColorScheme = getPrefersColorScheme();
11
  setDarkMode(prefersColorScheme === 'dark');
12
}
13
function toggleTheme() {
14
  const currentTheme = document.documentElement.getAttribute
 
  ('data-theme');
15
  setDarkMode(currentTheme === 'light');
16
}
17
initializeTheme();
18
const toggleButton = document.querySelector('.toggle');
19
toggleButton.addEventListener('click', toggleTheme);
20
 
21
// keyboard shortcuts
22
/* press 'tab', or press '1' and '2' to switch between tabs */
23
var about = document.getElementById('about');
24
var sandbox = document.getElementById('sandbox');
25
var current = about;
26
var btns = document.getElementsByClassName('btn');
27
var current = btns[0];
28
document.onkeydown = function (e) {
29
  if (e.keyCode == 49) {
30
    sandbox.click();
31
  }
32
  if (e.keyCode == 50) {
33
    about.click();
34
  }
35
  if (e.keyCode == 9) {
36
    e.preventDefault();
37
    current.click();
38
    current = (current == btns[0]) ? btns[1] : btns[0];
39
  }
40
}

// bio

formfield is the homepage of Kevin Xia, designer at Meter

menlo.ttf

folder

properties

1 item

size

1.3 MB