mirror of
https://github.com/BreizhHardware/ntfy_alerts.git
synced 2026-01-18 16:37:28 +01:00
70 lines
3.3 KiB
HTML
70 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Github-Ntfy Add a Repo</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script src="script.js" defer></script>
|
|
</head>
|
|
<body class="bg-[#1b2124] text-gray-200">
|
|
<header class="text-center py-8 bg-[#23453d] shadow-lg">
|
|
<h1 class="text-5xl font-bold tracking-wide text-white">Github-Ntfy</h1>
|
|
</header>
|
|
|
|
<main class="flex flex-wrap justify-center gap-8 py-12">
|
|
<!-- Github Repo Section -->
|
|
<section class="bg-[#23453d] rounded-lg shadow-lg p-6 w-full max-w-lg">
|
|
<h2 class="text-2xl font-semibold mb-4">Add a Github Repo</h2>
|
|
<form id="addRepoForm" class="space-y-6">
|
|
<div>
|
|
<label for="repo" class="block text-sm font-medium">Name of the Github Repo</label>
|
|
<div class="mt-2 flex items-center border rounded-md bg-gray-700">
|
|
<span class="px-3 text-gray-400">github.com/</span>
|
|
<input type="text" name="repo" id="repo" autocomplete="repo" class="flex-1 py-2 px-3 bg-transparent focus:outline-none" placeholder="BreizhHardware/ntfy_alerts">
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-end gap-4">
|
|
<button type="button" class="px-4 py-2 text-gray-400 hover:text-white">Cancel</button>
|
|
<button type="submit" class="px-4 py-2 bg-green-700 hover:bg-green-600 text-white font-semibold rounded-md">Save</button>
|
|
</div>
|
|
</form>
|
|
<div class="mt-8">
|
|
<h3 class="text-lg font-semibold mb-2">Watched Github Repositories</h3>
|
|
<ul id="watchedReposList" class="space-y-2">
|
|
<!-- Dynamically populated with JavaScript -->
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Docker Repo Section -->
|
|
<section class="bg-[#23453d] rounded-lg shadow-lg p-6 w-full max-w-lg">
|
|
<h2 class="text-2xl font-semibold mb-4">Add a Docker Repo</h2>
|
|
<form id="addDockerRepoForm" class="space-y-6">
|
|
<div>
|
|
<label for="dockerRepo" class="block text-sm font-medium">Name of the Docker Repo</label>
|
|
<div class="mt-2 flex items-center border rounded-md bg-gray-700">
|
|
<span class="px-3 text-gray-400">hub.docker.com/r/</span>
|
|
<input type="text" name="dockerRepo" id="dockerRepo" autocomplete="dockerRepo" class="flex-1 py-2 px-3 bg-transparent focus:outline-none" placeholder="breizhhardware/github-ntfy">
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-end gap-4">
|
|
<button type="button" class="px-4 py-2 text-gray-400 hover:text-white">Cancel</button>
|
|
<button type="submit" class="px-4 py-2 bg-green-700 hover:bg-green-600 text-white font-semibold rounded-md">Save</button>
|
|
</div>
|
|
</form>
|
|
<div class="mt-8">
|
|
<h3 class="text-lg font-semibold mb-2">Watched Docker Repositories</h3>
|
|
<ul id="watchedDockerReposList" class="space-y-2">
|
|
<!-- Dynamically populated with JavaScript -->
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="text-center py-6 bg-[#23453d]">
|
|
<p class="text-sm">I know this web interface is simple, but I'm improving!</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|