word-waltz / commit
links
src/index.html | 5 +++++ src/styles/main.css | 19 +++++++++++++++++++ 2 files changed, 24 insertions(+) diff --git a/src/index.html b/src/index.html index 4d58285..130a23b 100644 --- a/src/index.html +++ b/src/index.html @@ -20,6 +20,11 @@ </a> </header> <div id="app"></div> + <footer class="site-footer"> + Open source on + <a href="https://gitlab.com/PavelSafronov/word-waltz" target="_blank" rel="noopener">GitLab</a> + — a private two-player Wordle duel. Share the link with one friend to play. + </footer> <script type="module" src="./main.ts"></script> </body> diff --git a/src/styles/main.css b/src/styles/main.css index 4acf2fa..b6692e0 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -466,4 +466,23 @@ header { align-items: center; gap: 16px; width: 100%; +} + +/* --- Footer ----------------------------------------------- */ +.site-footer { + text-align: center; + font-size: 0.8rem; + color: var(--color-muted); + padding: 16px; + border-top: 1px solid var(--color-border); + margin-top: auto; +} + +.site-footer a { + color: var(--color-accent); + text-decoration: none; +} + +.site-footer a:hover { + text-decoration: underline; } \ No newline at end of file