diff --git a/public/css/style.css b/public/css/style.css index b116f25b8ab55289a6351325a0969d6cc676e15b..b7c314341b22a7c9f64e3b77fd9c8c54223a266a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -164,6 +164,25 @@ button.danger:hover { color: var(--fg); } +.open-source-logo { + width: 2rem; + height: 2rem; + margin: 0; + padding: 0; + cursor: pointer; + + position: fixed; + bottom: 1rem; + right: 0.5rem; + z-index: 1000; + + opacity: 0.5; + transition: opacity 0.3s ease; + + &:hover { + opacity: 1 !important; + } +} .hidden { display: none; diff --git a/public/forgejo_logo.svg b/public/forgejo_logo.svg new file mode 100644 index 0000000000000000000000000000000000000000..be0b3ce30474405a27e8e1338a246780e43cbd8a --- /dev/null +++ b/public/forgejo_logo.svg @@ -0,0 +1,36 @@ +<svg viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg"> + <metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"> + <rdf:RDF> + <cc:Work rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo"> + <dc:title>Forgejo logo</dc:title> + <cc:creator rdf:resource="https://caesarschinas.com/"><cc:attributionName>Caesar Schinas</cc:attributionName></cc:creator> + <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"/> + </cc:Work> + </rdf:RDF> + </metadata> + <style type="text/css"> + circle { + fill: none; + stroke: #000; + stroke-width: 15; + } + path { + fill: none; + stroke: #000; + stroke-width: 25; + } + .orange { + stroke:#ff6600; + } + .red { + stroke:#d40000; + } + </style> + <g transform="translate(6,6)"> + <path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" class="orange"/> + <path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" class="red"/> + <circle cx="142" cy="20" r="18" class="orange"/> + <circle cx="142" cy="88" r="18" class="red"/> + <circle cx="58" cy="180" r="18" class="red"/> + </g> +</svg> \ No newline at end of file diff --git a/public/index.html b/public/index.html index b053d5e0506681ad8b8900be1538ca7ba482e0cf..6c33e03e5c8ea83fa37406ed89ef88a2d197de4b 100644 --- a/public/index.html +++ b/public/index.html @@ -14,6 +14,14 @@ </head> <body> + <header> + <a href="https://git.creations.works/creations/timezoneDB" target="_blank" rel="noopener noreferrer" + title="View source code on Forgejo"> + <img class="open-source-logo" src="/public/forgejo_logo.svg" alt="Forgejo open-source logo" + style="opacity: 0.5" loading="lazy" /> + </a> + </header> + <main> <section id="login-section" class="hidden"> <h1>Timezone DB</h1>