alixz/alixz.ovh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change gap and margin

Browse Source
This commit is contained in:
Alex
2026-02-28 00:53:11 +01:00
parent a93718b455
commit 1bf85e2c2d
8 changed files with 52 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/page.tsx
View File

@@ -3,7 +3,7 @@ import { Card, CardDescription, CardFooter, CardHeader, CardTitle } from "@/comp
import { Button } from "@/components/ui/button";
import Image from "next/image";
import Link from "next/link";
import { ExternalLink } from "lucide-react";
import { ExternalLink, Github } from "lucide-react";
import { Suspense } from "react";
import { Wakatime } from "@/components/wakatime";
import { MyBarChartSkeleton } from "@/components/bar-chart";
@@ -12,7 +12,40 @@ import { WakatimeHint } from "@/components/wakatime-hint";
export default function Page() {
return <>
<H1>alixz.ovh</H1>
<P>Editing and programming are what makes my kokoro go dokidoki :-)</P>
<div className="inline-flex gap-4 mt-4">
<Link target="_blank" href="https://gitea.alixz.ovh/alixz">
<Button variant="outline" className="w-full">alixz <Github /></Button>
</Link>
</div>
<H2 className="mt-6">Projects</H2>
<Card className="relative mx-auto w-full pt-0 mt-3">
<Image
src="/uwu2x.jpg"
alt="uwu2x cover"
className="relative w-full object-cover h-64"
width={1920} height={1080}
/>
<CardHeader className="gap-2">
<CardTitle>uwu2x</CardTitle>
<CardDescription>
An After Effects extension that improves the quality and the smoothness of clips, similar to what Topaz and Flowframes do, but in one click !
<br />
Used by 7000 people every month, and seen +300,000 times on Youtube.
<br />
<div className="inline-flex gap-4 mt-3">
<Link target="_blank" href="https://www.youtube.com/watch?v=lmhZMG4wl-M">
<Button variant="outline" className="w-full">Trailer <ExternalLink /></Button>
</Link>
<Link target="_blank" href="https://uwu2x.alixz.ovh">
<Button variant="outline" className="w-full">uwu2x.alixz.ovh <ExternalLink /></Button>
</Link>
</div>
</CardDescription>
</CardHeader>
</Card>
<H2 className="mt-6">
Monthly coding stats{" "}
@@ -20,34 +53,8 @@ export default function Page() {
<WakatimeHint />
</span>
</H2>
<Suspense fallback={<MyBarChartSkeleton className="mt-3" />}>
<Wakatime className="mt-3" />
<Suspense fallback={<MyBarChartSkeleton className="mt-2" />}>
<Wakatime className="mt-2" />
</Suspense>
<H2 className="mt-6">Projects</H2>
<Card className="relative mx-auto w-full pt-0 mt-3">
<Image
src="/uwu2x.jpg"
alt="uwu2x cover"
className="relative w-full object-cover h-48"
width={1920} height={1080}
/>
<CardHeader>
<CardTitle>uwu2x</CardTitle>
<CardDescription>
An After Effects extension that improves the quality and the smoothness of clips, similar to what Topaz and Flowframes do, but in one click !
<br />
Used by 7000 people every month, and seen +300,000 times on Youtube.
</CardDescription>
</CardHeader>
<CardFooter className="gap-4">
<Link target="_blank" href="https://www.youtube.com/watch?v=lmhZMG4wl-M">
<Button variant="outline" className="w-full">Trailer <ExternalLink /></Button>
</Link>
<Link target="_blank" href="https://uwu2x.alixz.ovh">
<Button variant="outline" className="w-full">uwu2x.alixz.ovh <ExternalLink /></Button>
</Link>
</CardFooter>
</Card>
</>;
}