evbogue.com / an
anproto -- authenticated non-networked protocol or another proto sha256 blobs signed with ed25519 keypairs anproto.com
ed25519 social protocols
fork atom

update some style and layout things

Everett Bogue 40cbe82c 1696f640

options
unified split
Changed files
+15 -9
example.js
style.css
template.js
+2
example.js
··· 10 <div id="scroller"> 11 <div class='message'> 12 <h1>ANProto</h1> 13 <p><a href="./try">Try ANProto</a></p> 14 <p><a href="https://wiredove.net/">Wiredove</a></p> 15 </div> 16 </div>
··· 10 <div id="scroller"> 11 <div class='message'> 12 <h1>ANProto</h1> 13 + <p>Try ANProto online:</p> 14 <p><a href="./try">Try ANProto</a></p> 15 + <p>The Official ANProto Client: 16 <p><a href="https://wiredove.net/">Wiredove</a></p> 17 </div> 18 </div>
+10 -7
style.css
··· 91 92 a:hover { 93 color: #8d82fe; 94 } 95 96 img {width: 95%; margin: 1em;} ··· 116 left: 0; 117 background-color: rgba(242,242,242,0.5); 118 backdrop-filter: blur(10px); 119 - border-bottom: 1px solid #333; 120 } 121 122 .message { ··· 136 @media (prefers-color-scheme: dark) { 137 body { 138 background-color: #181818; 139 - color: #ccc; 140 } 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;} 144 145 - textarea, input, iframe { background: #222; color: #f5f5f5; border: 1px solid #222;} 146 147 button { color: #ccc; background: #333; border: 1px solid #444;} 148 button:hover { background: #222;} 149 hr { border: 1px solid #333;} 150 pre, code { background: #333; color: #f5f5f5;} 151 - a {color: #50afe4;} 152 } 153 154 .content {margin-top: 5px;}
··· 91 92 a:hover { 93 color: #8d82fe; 94 + text-decoration: underline; 95 } 96 97 img {width: 95%; margin: 1em;} ··· 117 left: 0; 118 background-color: rgba(242,242,242,0.5); 119 backdrop-filter: blur(10px); 120 + border-bottom: 1px solid #eee; 121 } 122 123 .message { ··· 137 @media (prefers-color-scheme: dark) { 138 body { 139 background-color: #181818; 140 + color: #f5f5f5; 141 } 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;} 147 148 + textarea, input, iframe { background: #333; color: #f5f5f5; border: 1px solid #222;} 149 150 button { color: #ccc; background: #333; border: 1px solid #444;} 151 button:hover { background: #222;} 152 hr { border: 1px solid #333;} 153 pre, code { background: #333; color: #f5f5f5;} 154 + a {color: orange;} 155 } 156 157 .content {margin-top: 5px;}
+3 -2
template.js
··· 15 </head> 16 <body> 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> 20 </div> 21 `; 22 };
··· 15 </head> 16 <body> 17 <div id='navbar'> 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> 21 </div> 22 `; 23 };