feat: add site footer with license, repo links, and data attribution

static/style.css

@@ -272,6 +272,59 @@ main {
   }
 }
 
+.site-footer {
+  max-inline-size: 540px;
+  margin-block-start: 64px;
+  margin-inline: auto;
+  padding-inline: 20px;
+  padding-block-end: 48px;
+  border-block-start: 1px solid var(--color-separator);
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--color-label-secondary);
+  text-align: center;
+
+  .footer-inner {
+    padding-block-start: 24px;
+  }
+
+  a {
+    color: var(--color-link);
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .footer-license {
+    margin-block-end: 8px;
+  }
+
+  .footer-links {
+    margin-block-end: 16px;
+  }
+
+  .footer-sep {
+    margin-inline: 8px;
+    color: var(--color-label-tertiary);
+  }
+
+  .footer-attribution {
+    p {
+      margin-block-end: 6px;
+    }
+
+    ul {
+      list-style: none;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 4px 16px;
+    }
+  }
+}
+
 @media (max-width: 480px) {
   main {
     margin-block-start: 40px;
@@ -302,6 +355,13 @@ main {
       font-size: 13px;
     }
   }
+
+  .site-footer {
+    margin-block-start: 40px;
+    padding-inline: 16px;
+    padding-block-end: 32px;
+    font-size: 12px;
+  }
 }
 
 @media (max-width: 360px) {

templates/index.html

@@ -204,5 +204,26 @@ curl {{ site_domain }}/tor</code></pre>
       </details>
     </section>
   </main>
+
+  <footer class="site-footer">
+    <div class="footer-inner">
+      <p class="footer-license">Website source code licensed under <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0</a></p>
+      <nav class="footer-links" aria-label="Project links">
+        <a href="https://github.com/NetworkCats/rustyip">Website Source</a>
+        <span class="footer-sep" aria-hidden="true">|</span>
+        <a href="https://github.com/NetworkCats/Merged-IP-Data">IP Database</a>
+      </nav>
+      <div class="footer-attribution">
+        <p>IP data provided by:</p>
+        <ul>
+          <li><a href="https://www.maxmind.com/">MaxMind GeoLite2</a> (<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>)</li>
+          <li><a href="https://ipinfo.io/">IPinfo Lite</a> (<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>)</li>
+          <li><a href="https://db-ip.com/">DB-IP</a> (<a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>)</li>
+          <li><a href="https://www.routeviews.org/">RouteViews ASN</a> (<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>)</li>
+          <li><a href="https://github.com/NetworkCats/OpenProxyDB">OpenProxyDB</a> (<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0</a>)</li>
+        </ul>
+      </div>
+    </div>
+  </footer>
 </body>
 </html>