diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/index.html | 9 | ||||
| -rw-r--r-- | web/styles.css | 22 |
2 files changed, 27 insertions, 4 deletions
diff --git a/web/index.html b/web/index.html index 4d808a8..527a70d 100644 --- a/web/index.html +++ b/web/index.html @@ -79,10 +79,11 @@ ________________________________________________________________________________ </pre> - <div class="source-footer"> - <a href="https://git.doan.luuduct.ai/stack/tree/web/index.html">[ Source Code ]</a> - <a href="/THIRD-PARTY-LICENSES.html">[ Third-party Licenses ]</a> - </div> + <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="https://git.doan.luuduct.ai/stack/about/">[ THIRD PARTY LICENSES ]</a> + <a href="https://git.doan.luuduct.ai/stack/tree/web/index.html">[ SOURCE CODE ]</a> + </nav> </div> </div> diff --git a/web/styles.css b/web/styles.css index f2f158c..a50bc37 100644 --- a/web/styles.css +++ b/web/styles.css @@ -110,8 +110,30 @@ a { } .source-footer { + display: flex; + flex-direction: column; + align-items: flex-end; + gap: 0.5em; text-align: right; margin-top: 32px; margin-bottom: 16px; font-weight: bold; } + +.source-footer .project-license { + color: #923900; +} + +.source-footer .dependency-licenses { + color: #355b3c; +} + +@media (prefers-color-scheme: dark) { + .source-footer .project-license { + color: #efb366; + } + + .source-footer .dependency-licenses { + color: #a3c7a8; + } +} |