OverviewFilesCommitsIssuesDocsReleasesPeers

ANProto commits / 40cbe82

update some style and layout things
40cbe82cc47a020e62bfe8d701a5ef7527639981
by Everett Bogue <ev@evbogue.com> · 2025-08-26T19:43:34.000Z

Changed files (3) +15 -9

example.js +2 -0
……@@ -10,7 +10,9 @@ app.get('/', async (c) => {
1010 <div id="scroller">
1111 <div class='message'>
1212 <h1>ANProto</h1>
13 <p>Try ANProto online:</p>
1314 <p><a href="./try">Try ANProto</a></p>
15 <p>The Official ANProto Client:
1416 <p><a href="https://wiredove.net/">Wiredove</a></p>
1517 </div>
1618 </div>
style.css +10 -7
……@@ -91,6 +91,7 @@ a {
9191
9292a:hover {
9393 color: #8d82fe;
94 text-decoration: underline;
9495}
9596
9697img {width: 95%; margin: 1em;}
……@@ -116,7 +117,7 @@ iframe {
116117 left: 0;
117118 background-color: rgba(242,242,242,0.5);
118119 backdrop-filter: blur(10px);
119 border-bottom: 1px solid #333;
120 border-bottom: 1px solid #eee;
120121}
121122
122123.message {
……@@ -136,19 +137,21 @@ iframe {
136137@media (prefers-color-scheme: dark) {
137138 body {
138139 background-color: #181818;
139 color: #ccc;
140 color: #f5f5f5;
140141 }
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;}
144147
145 textarea, input, iframe { background: #222; color: #f5f5f5; border: 1px solid #222;}
148 textarea, input, iframe { background: #333; color: #f5f5f5; border: 1px solid #222;}
146149
147150 button { color: #ccc; background: #333; border: 1px solid #444;}
148151 button:hover { background: #222;}
149152 hr { border: 1px solid #333;}
150153 pre, code { background: #333; color: #f5f5f5;}
151 a {color: #50afe4;}
154 a {color: orange;}
152155}
153156
154157.content {margin-top: 5px;}
template.js +3 -2
……@@ -15,8 +15,9 @@ export const head = async (title) => {
1515 </head>
1616 <body>
1717 <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>
2021 </div>
2122`;
2223};