KptltD00M/backerup-website
0
0
Fork 0
mirror of https://gitlab.w-hs.de/an14051/backerup-website.git synced 2026-07-27 17:35:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update links to Gitea and enhance TerminalTyper for docker-compose support

Browse Source
This commit is contained in:
an14051
2026-05-12 16:11:53 +02:00
parent 0d58fafe4e
commit 6e2951734e
4 changed files with 142 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/page.tsx
+11 -24
View File
@@ -263,13 +263,13 @@ export default function LandingPage() {
</svg>
</Link>
<a
href={LINKS.github}
href={LINKS.gitea}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 rounded-xl border border-white/8 bg-white/3 px-7 py-3.5 text-sm font-semibold text-slate-300 transition-all hover:bg-white/8 hover:text-white hover:scale-105"
>
<GitHubIcon />
GitHub
Gitea
</a>
</div>
</div>
@@ -512,10 +512,10 @@ export default function LandingPage() {
Quick start
</span>
<h2 className="text-4xl font-bold tracking-tight text-white mb-4">
One command to start
Setup with docker-compose
</h2>
<p className="text-slate-400 mb-10">
Backerup runs as a Docker container. Give it access to your Docker socket and you're done.
The easiest way to get Backerup running is with docker-compose for declarative, reproducible deployments.
</p>
<div className="rounded-2xl border border-white/6 glass overflow-hidden text-left">
@@ -523,24 +523,11 @@ export default function LandingPage() {
<span className="h-2.5 w-2.5 rounded-full bg-red-500/70" />
<span className="h-2.5 w-2.5 rounded-full bg-yellow-500/70" />
<span className="h-2.5 w-2.5 rounded-full bg-emerald-500/70" />
<span className="ml-3 text-xs font-mono text-slate-500">terminal</span>
<span className="ml-3 text-xs font-mono text-slate-500">docker-compose setup</span>
</div>
<div className="p-6">
<TerminalTyper mode="docker-compose" />
</div>
<pre className="overflow-x-auto p-6 text-sm font-mono leading-7 text-slate-300">
<span className="text-slate-600 select-none"># Pull &amp; run — replace /path/to/backups with your backup destination</span>{"\n"}
<span className="text-cyan-500 select-none">$ </span>
<span>{"docker run -d \\"}</span>{"\n"}
<span className="text-slate-500 select-none">{" "}</span>
<span>{"--name backerup \\"}</span>{"\n"}
<span className="text-slate-500 select-none">{" "}</span>
<span>{`-p ${LINKS.uiPort}:${LINKS.uiPort} \\`}</span>{"\n"}
<span className="text-slate-500 select-none">{" "}</span>
<span>{"-v /var/run/docker.sock:/var/run/docker.sock \\"}</span>{"\n"}
<span className="text-slate-500 select-none">{" "}</span>
<span>{"-v /path/to/backups:/data \\"}</span>{"\n"}
<span className="text-slate-500 select-none">{" "}</span>
<span className="text-slate-200">{LINKS.dockerImage}</span>{"\n"}
<span className="text-emerald-400">{`✓ Open http://localhost:${LINKS.uiPort} to get started`}</span>
</pre>
</div>
</div>
</AnimateIn>
@@ -571,13 +558,13 @@ export default function LandingPage() {
</p>
<div className="mt-10 flex flex-wrap justify-center gap-4">
<a
href={LINKS.github}
href={LINKS.gitea}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 rounded-xl border border-white/10 bg-white/5 px-7 py-3.5 text-sm font-semibold text-white transition-all hover:bg-white/10 hover:scale-105"
className="flex items-center gap-2 px-4 py-2 rounded-lg border border-white/10 bg-white/3 text-xs text-slate-400 hover:text-white hover:border-white/20 transition-all"
>
<GitHubIcon />
Star on GitHub
Star on Gitea
</a>
<Link
href="/share"