diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/index.html | 6 | ||||
| -rw-r--r-- | web/message/index.html | 2 | ||||
| -rw-r--r-- | web/styles.css | 42 |
3 files changed, 46 insertions, 4 deletions
diff --git a/web/index.html b/web/index.html index 82cdc18..825e48e 100644 --- a/web/index.html +++ b/web/index.html @@ -51,7 +51,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. | <a href="{{CHAT_PUBLIC_ORIGIN}}/">Message Me</a> | | | | Email: <a href="mailto:doan@luuduct.ai">doan@luuduct.ai</a> | -| GnuPG: <a href="{{WKD_ORIGIN}}/.well-known/openpgpkey/luuduct.ai/hu/t76q8xqkeassgy1kr38re1ppj6cpc1dp?l=doan">3346AA3150F8F16828BB0D14F8C66DF77AFECEA6</a> | +| OpenPGP: <a href="{{WKD_ORIGIN}}/.well-known/openpgpkey/luuduct.ai/hu/t76q8xqkeassgy1kr38re1ppj6cpc1dp?l=doan">3346AA3150F8F16828BB0D14F8C66DF77AFECEA6</a> | | | | <a href="https://smp11.simplex.im/a#ikrTZ8sfleSZEifKV2wI8foAVwkbKfOoKc6TO2P4ZT8">SimpleX Chat</a> | | | @@ -77,14 +77,14 @@ ________________________________________________________________________________ <a href="{{CHAT_PUBLIC_ORIGIN}}/">{{CHAT_HOST}}</a> -* A home-grown experimental messenger. Know its <a href="{{CHAT_PUBLIC_ORIGIN}}/LIMITATIONS.txt">limitations</a>. +* A home-grown experimental messenger. <span class="librejs-note"><a href="https://www.gnu.org/software/librejs/" aria-describedby="chat-js-warning">LibreJS-compliant</a><span class="librejs-warning" id="chat-js-warning" role="tooltip">LibreJS compliance concerns software freedom, not a guarantee of privacy or security. Review the source code, dependencies, and scripts delivered to your browser. Server-delivered code can change between visits; free software can still track users or behave maliciously.</span></span>. Know its <a href="{{CHAT_PUBLIC_ORIGIN}}/LIMITATIONS.txt">limitations</a>. </pre> <nav class="source-footer" aria-label="Licensing and source"> <a class="project-license" href="https://www.gnu.org/licenses/agpl-3.0.html">[ LICENSE ]</a> - <a class="dependency-licenses" href="{{GIT_ORIGIN}}/stack/about/">[ THIRD PARTY LICENSES ]</a> + <a class="dependency-licenses" href="{{SITE_ORIGIN}}/THIRD-PARTY-LICENSES.html">[ THIRD PARTY LICENSES ]</a> <a href="{{GIT_ORIGIN}}/stack/tree/web/index.html">[ SOURCE CODE ]</a> </nav> diff --git a/web/message/index.html b/web/message/index.html index d1739b0..dbab7cf 100644 --- a/web/message/index.html +++ b/web/message/index.html @@ -44,7 +44,7 @@ For now, you can reach me by <a href="mailto:doan@luuduct.ai">email</a> or use t </pre> <nav class="source-footer" aria-label="Licensing and source"> <a class="project-license" href="https://www.gnu.org/licenses/agpl-3.0.html">[ LICENSE ]</a> - <a class="dependency-licenses" href="{{GIT_ORIGIN}}/stack/about/">[ THIRD PARTY LICENSES ]</a> + <a class="dependency-licenses" href="{{SITE_ORIGIN}}/THIRD-PARTY-LICENSES.html">[ THIRD PARTY LICENSES ]</a> <a href="{{GIT_ORIGIN}}/stack/tree/web/message/index.html">[ SOURCE CODE ]</a> </nav> </div> diff --git a/web/styles.css b/web/styles.css index a50bc37..20e469d 100644 --- a/web/styles.css +++ b/web/styles.css @@ -137,3 +137,45 @@ a { color: #a3c7a8; } } + +.librejs-note { + position: relative; +} + +.librejs-note > a { + color: #806000; + text-decoration: underline wavy; + text-underline-offset: .2em; +} + +.librejs-warning { + display: none; + position: absolute; + bottom: 100%; + right: 0; + width: 48ch; + max-width: calc(100vw - 32px); + padding: 1em 2ch; + white-space: normal; + background: #fff; + color: #000; + border: 1px dashed #806000; + z-index: 1; +} + +.librejs-note:hover .librejs-warning, +.librejs-note:focus-within .librejs-warning { + display: block; +} + +@media (prefers-color-scheme: dark) { + .librejs-note > a { + color: #ffdf60; + } + + .librejs-warning { + background: #000; + color: #fff; + border-color: #ffdf60; + } +} |