Experiment to rebuild Diffuse using web applets.
tokono.ma
1@font-face {
2 font-family: "Pixelated MS Sans Serif";
3 src: url("/node_modules/98.css/fonts/converted/ms_sans_serif.woff2") format("woff2");
4 font-weight: normal;
5 font-style: normal;
6}
7
8@font-face {
9 font-family: "Pixelated MS Sans Serif";
10 src: url("/node_modules/98.css/fonts/converted/ms_sans_serif_bold.woff2") format("woff2");
11 font-weight: 700;
12 font-style: normal;
13}
14
15body {
16 background: #3a6ea5;
17 color: white;
18 font-family: "Pixelated MS Sans Serif", sans-serif;
19 font-size: 12px;
20 margin: 12px;
21}
22
23main {
24}
25
26iframe {
27 display: none;
28}
29
30/***********************************
31 * Desktop
32 ***********************************/
33.desktop {
34 display: flex;
35 flex-wrap: wrap;
36 gap: 12px;
37}
38
39.desktop__item {
40 align-items: center;
41 background: transparent;
42 border: 0;
43 cursor: pointer;
44 color: inherit;
45 display: inline-flex;
46 flex-direction: column;
47 font-family: inherit;
48 text-decoration: none;
49
50 &:visited,
51 &:active {
52 color: inherit;
53 text-decoration: none;
54 }
55
56 & > label {
57 cursor: inherit;
58 margin-top: 4px;
59 }
60
61 &:focus {
62 border: 0;
63 outline: 0;
64
65 & label {
66 outline: 1px dotted white;
67 outline-offset: 2px;
68 }
69 }
70}