Devora/Gitea-Custom
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sito

Browse Source
This commit is contained in:
Ghosterers
2025-12-25 19:19:14 +01:00
parent 480d9cfdb0
commit 3a77f04653
10 changed files with 1012 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

222
templates/home.tmpl Normal file
View File

@@ -0,0 +1,222 @@
{{template "base/head" .}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Devora — Ship your ideas</title>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Hanken+Grotesk:wght@400;600;800&display=swap" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<meta property="og:image" content="/assets/img/logo.png">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Hanken Grotesk', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace'],
},
colors: {
bg: '#0b0f14',
panel: '#111820',
},
boxShadow: {
glow: '0 18px 60px rgba(15,23,42,0.9)',
},
},
},
}
</script>
</head>
<body class="bg-bg text-white overflow-x-hidden antialiased">
<main class="relative min-h-screen flex flex-col justify-between">
<!-- HERO -->
<section class="relative flex flex-1 items-center pt-24 pb-16">
<!-- sfondo -->
<div class="pointer-events-none absolute inset-0">
<div class="absolute -top-40 left-1/2 h-72 w-72 -translate-x-1/2 rounded-full bg-sky-500/20 blur-3xl"></div>
<div class="absolute top-40 -left-10 h-52 w-52 rounded-full bg-indigo-500/20 blur-3xl"></div>
<div class="absolute top-40 -right-10 h-52 w-52 rounded-full bg-emerald-500/16 blur-3xl"></div>
<div class="absolute inset-0 bg-gradient-to-b from-black/40 via-transparent to-black/70"></div>
</div>
<div class="relative z-10 mx-auto flex max-w-6xl flex-col gap-12 px-4 md:flex-row md:items-center">
<!-- copy -->
<div class="max-w-xl text-center md:text-left">
<div class="inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-1 text-[11px] text-white/70">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-400"></span>
Siamo online!
</div>
<h1 class="mt-5 text-4xl font-extrabold tracking-tight sm:text-5xl">
La migliore piattaforma<br />
<span class="bg-gradient-to-r from-amber-400 via-orange-400 to-orange-700 bg-clip-text text-transparent">
di Code Hosting.
</span>
</h1>
<p class="mt-4 text-sm text-white/70">
Devora è il garage digitale per i tuoi side‑project: repository Git, board di lavoro e deploy continui nello stesso posto, in pochi secondi.
</p>
<form class="mt-6 flex flex-col gap-3 sm:flex-row sm:items-center" action="https://devora.k.vu/user/sign_up" method="get">
<button
type="submit"
class="inline-flex h-11 items-center justify-center rounded-full bg-gradient-to-r from-amber-400 via-orange-400 to-orange-700 px-6 text-xs font-semibold shadow-glow hover:brightness-110 transition"
>
Iscriviti subito
</button>
</form>
<p class="mt-2 text-[11px] text-white/45">
Completamente gratuito · Ottieni il tuo prossimo hosting Git in meno di 60 secondi
</p>
<div class="mt-6 flex flex-wrap items-center justify-center gap-5 text-[11px] text-white/45 md:justify-start">
<div>
<span class="block text-xs font-semibold text-white" id="team-online">1+</span>
team online
</div>
<div class="h-8 w-px bg-white/10"></div>
<div>
<span class="block text-xs font-semibold text-white" id="uptime">100% uptime</span>
negli ultimi 12 mesi
</div>
</div>
</div>
<!-- pannello destra -->
<div class="mx-auto w-full max-w-md md:max-w-lg">
<!-- card console -->
<div class="rounded-2xl border border-white/10 bg-panel/90 p-4 shadow-glow backdrop-blur-xl">
<!-- header finestra -->
<div class="flex items-center gap-1.5 text-[10px] text-white/40">
<span class="h-2 w-2 rounded-full bg-rose-400/70"></span>
<span class="h-2 w-2 rounded-full bg-amber-300/70"></span>
<span class="h-2 w-2 rounded-full bg-emerald-400/80"></span>
<span class="ml-3 font-mono text-[10px] text-white/50">dev@studio ▸ git.sh</span>
<span class="ml-auto rounded-full bg-emerald-500/10 px-2 py-0.5 text-[9px] text-emerald-300">LIVE</span>
</div>
<!-- console Git -->
<div class="mt-3 overflow-hidden rounded-xl bg-black/60 border border-white/5">
<div class="flex items-center justify-between border-b border-white/5 px-3 py-1.5">
<span class="font-mono text-[10px] text-white/45">~/studio/app</span>
<span class="rounded-full bg-white/5 px-2 py-0.5 text-[9px] text-white/60">
main · autosync
</span>
</div>
<pre class="scrollbar-thin max-h-52 space-y-0.5 overflow-auto bg-gradient-to-b from-slate-900/80 to-black px-3 py-3 font-mono text-[11px] leading-relaxed text-slate-100">
<span class="text-slate-500">01</span> <span class="text-sky-300">git clone</span> <span class="text-emerald-300">https://devora.k.vu/JustFilyy/EasyBIO-Open-Source-Project.git</span>
<span class="text-slate-500">02</span> <span class="text-sky-300">cd EasyBIO-Open-Source-Project</span>
<span class="text-slate-500">03</span> <span class="text-sky-300">git checkout -b feature/new-ui</span>
<span class="text-slate-500">04</span> <span class="text-sky-300">git add .</span>
<span class="text-slate-500">05</span> <span class="text-sky-300">git commit -m</span> <span class="text-amber-300">"Implement new responsive UI"</span>
<span class="text-slate-500">06</span> <span class="text-sky-300">git push origin feature/new-ui</span>
<span class="text-slate-500">07</span> <span class="text-emerald-400">✔</span> Branch pushed successfully
<span class="text-slate-500">08</span> <span class="text-emerald-400">✔</span> Connected to Devora server
</pre>
</div>
<!-- activity mini -->
<div class="mt-3 grid grid-cols-3 gap-2 text-[10px] text-white/60">
<div class="rounded-xl border border-white/10 bg-white/5 px-3 py-2">
<p class="text-[10px] text-white/70">
Uptime server
</p>
<p class="mt-1 text-[10px] text-white/40" id="uptime-server">
100% last 30 days
</p>
</div>
<div class="rounded-xl border border-sky-400/20 bg-sky-400/5 px-3 py-2">
<p class="text-[10px] text-sky-100">
Latency globale
</p>
<p class="mt-1 text-lg font-semibold text-sky-300" id="latency">--<span class="text-xs align-top">ms</span></p>
</div>
</div>
</div>
</div>
</div>
<!-- onda in basso -->
<div class="pointer-events-none absolute bottom-0 left-0 w-full">
<svg viewBox="0 0 1440 320" preserveAspectRatio="none" class="h-40 w-full opacity-80">
<path fill="#141b23" d="M0,288L40,272C80,256,160,224,240,213.3C320,203,400,213,480,224C560,235,640,245,720,229.3C800,213,880,171,960,160C1040,149,1120,171,1200,181.3C1280,192,1360,192,1400,192L1440,192L1440,320L0,320Z"></path>
<path fill="#0f141b" d="M0,256L60,240C120,224,240,192,360,186.7C480,181,600,203,720,213.3C840,224,960,224,1080,208C1200,192,1320,160,1380,144L1440,128L1440,320L0,320Z"></path>
</svg>
</div>
</section>
<!-- FEATURES -->
<section class="relative border-t border-white/5 bg-black/40 py-10">
<div class="mx-auto max-w-6xl px-4">
<div class="mb-6 flex flex-col gap-2 md:flex-row md:items-end md:justify-between">
<div>
<h2 class="text-sm font-semibold tracking-tight">
Fatto per sviluppatori
</h2>
<p class="mt-1 text-xs text-white/60 max-w-md">
Tutto quello che ti aspetti da un DevOps moderno, senza la fatica di configurarlo da zero.
</p>
</div>
<p class="text-[11px] text-white/40">
Zero‑config · Git‑native · Cloud‑agnostic
</p>
</div>
<div class="grid gap-4 md:grid-cols-3">
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
<div class="mb-2 inline-flex h-7 w-7 items-center justify-center rounded-full bg-sky-500/10 text-xs text-sky-300">
⌘
</div>
<h3 class="text-sm font-semibold">Git‑first workflow</h3>
<p class="mt-1 text-xs text-white/60">
Ogni branch diventa un ambiente isolato, perfetto per review veloci e demo con il team.
</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
<div class="mb-2 inline-flex h-7 w-7 items-center justify-center rounded-full bg-emerald-500/10 text-xs text-emerald-300">
✓
</div>
<h3 class="text-sm font-semibold">CI/CD automatico compatibile con GitHub</h3>
<p class="mt-1 text-xs text-white/60">
Devora actions è completamente compatibile con GitHub Actions, basta fare drag 'n' drop e le tue config funzioneranno
</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/5 p-4">
<div class="mb-2 inline-flex h-7 w-7 items-center justify-center rounded-full bg-indigo-500/10 text-xs text-indigo-300">
☁️
</div>
<h3 class="text-sm font-semibold">Cloud privato e sicuro</h3>
<p class="mt-1 text-xs text-white/60">
Salva al sicuro i tuoi progetti, con uptime elevati e privacy di default. Non utilizziamo codice per addestrare modelli di Intelligenza artificiale.
</p>
</div>
</div>
</div>
</section>
</main>
<script>
// Aggiornamento ping e latency in tempo reale simulato
function randomPing() { return Math.floor(Math.random() * 50) + 20; } // 20-70ms
function randomLatency() { return Math.floor(Math.random() * 100) + 20; } // 20-120ms
setInterval(() => {
document.getElementById('ping').innerHTML = randomPing() + '<span class="text-xs align-top">ms</span>';
document.getElementById('latency').innerHTML = randomLatency() + '<span class="text-xs align-top">ms</span>';
document.getElementById('team-online').innerHTML = Math.floor(Math.random() * 100) + 1 + '+';
}, 1000);
</script>
</body>
</html>
{{template "base/footer" .}}