[WIP] A simple wake-on-lan service
make look prettu
+57
-4
+6
-4
src/server/index.html
+6
-4
src/server/index.html
···
13
13
headers: {
14
14
"Content-Type": "application/json",
15
15
},
16
-
}).catch((err) => {
17
-
console.err(err);
18
-
alert(err);
19
-
});
16
+
})
17
+
.catch((err) => {
18
+
console.err(err);
19
+
alert(err);
20
+
})
21
+
.then(() => alert(`Magic packet for ${mac} has been broadcast`));
20
22
}
21
23
</script>
22
24
</head>
+51
src/server/styles.css
+51
src/server/styles.css
···
1
1
:root {
2
2
color-scheme: dark;
3
+
4
+
--base: #303446;
5
+
--text: #c6d0f5;
6
+
--overlay-2: #626880;
7
+
--selection: color-mix(in oklab, 100% var(--overlay-2), 70% transparent);
8
+
--teal: #81c8be;
9
+
}
10
+
11
+
::selection {
12
+
background-color: var(--selection);
13
+
}
14
+
15
+
body,
16
+
html {
17
+
height: 100%;
18
+
width: 100%;
19
+
margin: 0;
20
+
21
+
background-color: var(--base);
22
+
color: var(--text);
23
+
}
24
+
25
+
body {
26
+
display: flex;
27
+
flex-direction: column;
28
+
align-items: center;
29
+
justify-content: center;
30
+
gap: 1em;
31
+
}
32
+
33
+
h1 {
34
+
margin: 0;
35
+
}
36
+
37
+
ul {
38
+
list-style: none;
39
+
margin: 0;
40
+
padding: 0;
41
+
42
+
display: grid;
43
+
gap: inherit;
44
+
grid-template-columns: 1fr 1fr;
45
+
}
46
+
47
+
button {
48
+
width: 100%;
49
+
padding: 5px 1em;
50
+
color: var(--base);
51
+
border: none;
52
+
border-radius: 0.5em;
53
+
background-color: var(--teal);
3
54
}