atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

3.1.0 - Added Gitea integration for Projects page
All checks were successful
Docker Deploy / build-and-push (push) Successful in 4m25s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-10-08 16:12:26 -06:00
parent 50e1627ea3
commit 9b98476df6
8 changed files with 612 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/components/ProjectCard.astro
View File

@@ -1,6 +1,7 @@
---
import { Icon } from "astro-icon/components";
import type { Project } from "../types";
import { formatRelativeTime } from "../utils/gitea";
interface Props {
project: Project;
@@ -10,9 +11,9 @@ const { project } = Astro.props;
---
<div
class="card bg-accent text-accent-content w-full max-w-sm shrink shadow-md"
class="card bg-accent text-accent-content w-full max-w-sm shrink shadow-lg hover:shadow-xl transition-shadow"
>
<div class="card-body break-words">
<div class="card-body">
<h2
class="card-title text-xl md:text-2xl font-bold justify-center text-center break-words"
>
@@ -24,28 +25,117 @@ const { project } = Astro.props;
</p>
{
project.tags && project.tags.length > 0 && (
<div class="flex gap-2 flex-wrap mb-4 justify-center">
{project.tags.map((tag: string) => (
<div class="badge badge-primary font-bold">
<Icon name="mdi:tag" class="text-lg" />
{tag}
project.giteaInfo &&
(project.giteaInfo.commits > 0 ||
project.giteaInfo.releases > 0 ||
project.giteaInfo.language) && (
<>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex flex-wrap gap-3 justify-center text-sm">
<div class="flex items-center gap-1.5">
<Icon
name="mdi:source-commit"
class="w-4 h-4"
/>
<span class="font-semibold">
{project.giteaInfo.commits}
</span>
<span class="opacity-70">commits</span>
</div>
<div class="flex items-center gap-1.5">
<Icon name="mdi:tag-multiple" class="w-4 h-4" />
<span class="font-semibold">
{project.giteaInfo.releases}
</span>
<span class="opacity-70">releases</span>
</div>
</div>
))}
</div>
)
<div class="flex flex-wrap gap-2 justify-center mt-2">
{project.giteaInfo.language && (
<div class="badge badge-sm gap-1 bg-accent-content/20 border-accent-content/30">
<Icon
name="mdi:code-tags"
class="w-3 h-3"
/>
{project.giteaInfo.language}
</div>
)}
{project.giteaInfo.updatedAt && (
<div class="badge badge-sm gap-1 bg-accent-content/20 border-accent-content/30">
<Icon
name="mdi:clock-outline"
class="w-3 h-3"
/>
{formatRelativeTime(
project.giteaInfo.updatedAt,
)}
</div>
)}
</div>
</>
)
}
<div class="card-actions justify-end">
<a
href={project.link}
target="_blank"
rel="noopener noreferrer"
class="btn btn-circle"
aria-label={`Visit ${project.name}`}
>
<Icon name="mdi:link" class="text-lg" />
</a>
{
project.giteaInfo?.topics &&
project.giteaInfo.topics.length > 0 && (
<>
<div class="divider my-2 before:bg-accent-content/30 after:bg-accent-content/30" />
<div class="flex gap-2 flex-wrap justify-center">
{project.giteaInfo.topics.map((tag: string) => (
<div class="badge badge-sm badge-outline gap-1">
<Icon name="mdi:tag" class="w-3 h-3" />
{tag}
</div>
))}
</div>
</>
)
}
<div class="card-actions justify-center gap-2 mt-4">
{
project.link && (
<a
href={project.link}
target="_blank"
rel="noopener noreferrer"
class="btn btn-sm gap-2 bg-accent-content text-accent hover:bg-accent-content/90"
aria-label={`Visit ${project.name}`}
>
<Icon name="mdi:link" class="w-4 h-4" />
Source
</a>
)
}
{
project.iosLink && (
<a
href={project.iosLink}
target="_blank"
rel="noopener noreferrer"
class="btn btn-sm gap-2 bg-accent-content text-accent hover:bg-accent-content/90"
aria-label={`Download ${project.name} on iOS App Store`}
>
<Icon name="mdi:apple" class="w-4 h-4" />
iOS
</a>
)
}
{
project.androidLink && (
<a
href={project.androidLink}
target="_blank"
rel="noopener noreferrer"
class="btn btn-sm gap-2 bg-accent-content text-accent hover:bg-accent-content/90"
aria-label={`Download ${project.name} on Google Play Store`}
>
<Icon name="mdi:google-play" class="w-4 h-4" />
Android
</a>
)
}
</div>
</div>
</div>