styled landing page matching nightd repo

This commit is contained in:
Your Name 2025-12-09 05:40:57 -07:00
parent d28e749f14
commit 417b1207f9

View file

@ -1,56 +1,199 @@
<!-- auto-generated - fdroid index updates will overwrite this file -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width; initial-scale=1.0; minimum-scale=0.5; maximum-scale=2.0; user-scalable=1;" name="viewport">
<title>
My First F-Droid Repo Demo
</title>
<base href="index.html">
<link href="index.css" rel="stylesheet" type="text/css">
<link href="icons/icon.png" rel="icon" type="image/png">
<link href="icons/icon.png" rel="shortcut icon" type="image/png">
<meta content="My First F-Droid Repo Demo" property="og:site_name">
<meta content="My First F-Droid Repo Demo" property="og:title">
<meta content property="og:determiner">
<meta content="This is a repository of apps to be used with F-Droid. Applications in this repository are either official binaries built by the original application developers, or are binaries built from source by the admin of f-droid.org using the tools on https://gitlab.com/fdroid." property="og:description">
<meta content="index,nofollow" name="robots">
</head>
<body>
<h2>
My First F-Droid Repo Demo
</h2>
<div id="intro">
<p style="margin-bottom:.2em;">
<span style="float:right;width:100px;margin-left:.5em;">
<a href="index.png" title="QR: test">
<img alt="QR: test" src="index.png" width="100">
</a>
</span>
This is a repository of apps to be used with F-Droid. Applications in this repository are either official binaries built by the original application developers, or are binaries built from source by the admin of f-droid.org using the tools on https://gitlab.com/fdroid.
<br>
<br>
Currently it serves
<kbd>
1
</kbd>
apps. To add it to your F-Droid app, scan the QR code (click it to enlarge) or use this link:
</p>
<p class="center" style="margin-top:.5em">
<a href="https://fdroid.link/#https://MyFirstFDroidRepo.org/fdroid/repo?fingerprint=F3E4B08ED839D197A19AD4D020AE65CD6D84077BF52B0E1C0F7A554CC64F3D24">
<code style="color:#000000;font-weight:bold;">
https://MyFirstFDroidRepo.org/fdroid/repo
</code>
</a>
</p>
<p>
If you would like to manually verify the fingerprint (SHA-256) of the repository signing key, here it is:
<br>
<blockcode style="color:#000000;font-weight:bold;">
F3 E4 B0 8E D8 39 D1 97 A1 9A D4 D0 20 AE 65 CD 6D 84 07 7B F5 2B 0E 1C 0F 7A 55 4C C6 4F 3D 24
</blockcode>
</p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>resumd fdroid repo</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
<link href="icons/icon.png" rel="icon" type="image/png">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--neon-cyan: #00ffff;
--neon-pink: #ff00ff;
--neon-purple: #b400ff;
--dark-bg: #0a0a0f;
--text-color: #e0e0e0;
}
body {
font-family: "Rajdhani", sans-serif;
background: var(--dark-bg);
color: var(--text-color);
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
}
.container {
max-width: 600px;
text-align: center;
}
h1 {
font-family: "Orbitron", sans-serif;
font-size: 2.5rem;
color: var(--neon-cyan);
margin-bottom: 0.5rem;
text-transform: lowercase;
}
.tagline {
color: var(--neon-pink);
margin-bottom: 2rem;
font-size: 1.1rem;
}
.qr-section {
background: rgba(20, 20, 30, 0.8);
border: 1px solid var(--neon-purple);
padding: 2rem;
margin-bottom: 2rem;
}
.qr-section img {
width: 200px;
height: 200px;
margin-bottom: 1rem;
}
.repo-url {
font-family: monospace;
background: rgba(0, 255, 255, 0.1);
padding: 0.8rem 1.2rem;
border: 1px solid var(--neon-cyan);
color: var(--neon-cyan);
display: inline-block;
word-break: break-all;
margin-bottom: 1rem;
}
.copy-btn {
background: var(--neon-purple);
border: none;
color: white;
padding: 0.5rem 1.5rem;
font-family: "Orbitron", sans-serif;
cursor: pointer;
text-transform: lowercase;
transition: all 0.3s;
}
.copy-btn:hover {
background: var(--neon-pink);
box-shadow: 0 0 15px var(--neon-pink);
}
.apps {
margin-top: 2rem;
}
.app-card {
background: rgba(20, 20, 30, 0.8);
border: 1px solid var(--neon-purple);
padding: 1.5rem;
margin-bottom: 1rem;
text-align: left;
display: flex;
gap: 1rem;
align-items: center;
}
.app-icon {
width: 64px;
height: 64px;
background: var(--neon-purple);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
}
.app-info h3 {
font-family: "Orbitron", sans-serif;
color: var(--neon-pink);
text-transform: lowercase;
margin-bottom: 0.3rem;
}
.app-info p {
color: #aaa;
font-size: 0.9rem;
}
.badge {
display: inline-block;
padding: 0.2rem 0.6rem;
background: var(--neon-purple);
color: white;
font-size: 0.75rem;
margin-top: 0.5rem;
}
.badge-root {
background: #ff6b9d;
}
.instructions {
margin-top: 2rem;
text-align: left;
background: rgba(20, 20, 30, 0.6);
padding: 1.5rem;
border-left: 3px solid var(--neon-cyan);
}
.instructions h4 {
color: var(--neon-cyan);
margin-bottom: 0.5rem;
font-family: "Orbitron", sans-serif;
text-transform: lowercase;
}
.instructions ol {
margin-left: 1.2rem;
color: #ccc;
}
.instructions li {
margin-bottom: 0.5rem;
}
a {
color: var(--neon-cyan);
}
.back-link {
margin-top: 2rem;
color: var(--neon-pink);
text-decoration: none;
font-family: "Orbitron", sans-serif;
text-transform: lowercase;
}
.back-link:hover {
text-shadow: 0 0 10px var(--neon-pink);
}
</style>
</head>
<body>
<div class="container">
<h1>resumd repo</h1>
<p class="tagline">// f-droid app repository</p>
<div class="qr-section">
<img src="index.png" alt="QR Code">
<div class="repo-url">https://sudoxnym.github.io/resumd-fdroid</div>
<br><br>
<button class="copy-btn" onclick="navigator.clipboard.writeText('https://sudoxnym.github.io/resumd-fdroid');this.textContent='copied!';setTimeout(()=>this.textContent='copy url',2000)">copy url</button>
</div>
</body>
<div class="apps">
<h3 style="color:var(--neon-cyan);font-family:Orbitron;text-transform:lowercase;margin-bottom:1rem">// available apps</h3>
<div class="app-card">
<div class="app-icon">📱</div>
<div class="app-info">
<h3>resumd</h3>
<p>recent apps overlay for rooted android tv. view, switch, pin, and close running apps.</p>
<span class="badge">v1.0</span>
<span class="badge badge-root">root required</span>
</div>
</div>
</div>
<div class="instructions">
<h4>// how to add this repo</h4>
<ol>
<li>open <strong>f-droid</strong> or <strong>neostore</strong></li>
<li>go to settings → repositories</li>
<li>tap "add repository"</li>
<li>paste the url above or scan the qr code</li>
<li>refresh and install apps</li>
</ol>
</div>
<a href="https://github.com/sudoxnym/resumd" class="back-link">← view source on github</a>
</div>
</body>
</html>