evbogue.com
+2
example.js
+2
example.js
+10
-7
style.css
+10
-7
style.css
···
91
91
92
92
a:hover {
93
93
color: #8d82fe;
94
+
text-decoration: underline;
94
95
}
95
96
96
97
img {width: 95%; margin: 1em;}
···
116
117
left: 0;
117
118
background-color: rgba(242,242,242,0.5);
118
119
backdrop-filter: blur(10px);
119
-
border-bottom: 1px solid #333;
120
+
border-bottom: 1px solid #eee;
120
121
}
121
122
122
123
.message {
···
136
137
@media (prefers-color-scheme: dark) {
137
138
body {
138
139
background-color: #181818;
139
-
color: #ccc;
140
+
color: #f5f5f5;
140
141
}
141
-
#navbar { background-color: rgba(24,24,24,0.2); }
142
-
.message { background-color: #222; border: 1px solid #1e1e1e;}
143
-
.message:hover { border: 1px solid #333;}
142
+
#navbar { background-color: rgba(24,24,24,0.2); border-bottom: 1px solid orange;}
143
+
#navbar a { color: orange;}
144
+
#navbar:hover { border-bottom: 1px solid magenta;}
145
+
.message { background-color: #222; border: 1px solid #333;}
146
+
.message:hover { border: 1px solid magenta;}
144
147
145
-
textarea, input, iframe { background: #222; color: #f5f5f5; border: 1px solid #222;}
148
+
textarea, input, iframe { background: #333; color: #f5f5f5; border: 1px solid #222;}
146
149
147
150
button { color: #ccc; background: #333; border: 1px solid #444;}
148
151
button:hover { background: #222;}
149
152
hr { border: 1px solid #333;}
150
153
pre, code { background: #333; color: #f5f5f5;}
151
-
a {color: #50afe4;}
154
+
a {color: orange;}
152
155
}
153
156
154
157
.content {margin-top: 5px;}
+3
-2
template.js
+3
-2
template.js
···
15
15
</head>
16
16
<body>
17
17
<div id='navbar'>
18
-
<img src='https://wiredove.net/doveorange_sm.png' class='avatar_small' style='vertical-align: middle;'></strong>
19
-
<strong><span style="color: #fe7a00;">AN</span>Proto</strong>
18
+
<a href='/'><img src='https://wiredove.net/doveorange_sm.png' class='avatar_small' style='vertical-align: middle;'></a>
19
+
<strong><span style="color: #fe7a00;">AN</span>Proto</strong>
20
+
<strong><a href='./try'>Try it</a></strong>
20
21
</div>
21
22
`;
22
23
};