adding community tab

This commit is contained in:
Davide Scaini
2026-04-11 14:39:19 +02:00
parent 0b569b727c
commit 705e00f852
7 changed files with 443 additions and 40 deletions
+21 -9
View File
@@ -23,15 +23,25 @@ const labels = {
</div>
</div>
<p class="text-sm text-zinc-500 mb-4">Seguiment d'activitats de codi obert i allotjament propi</p>
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Dona suport a Ko-fi
</a>
<div class="flex flex-wrap gap-2 mb-8">
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Dona suport a Ko-fi
</a>
<a
id="feedback-btn"
href="/feedback/"
style="display:none"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
>
💬 Envia comentaris
</a>
</div>
<div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
@@ -146,6 +156,8 @@ const labels = {
try {
const me = await fetch('/api/me', { credentials: 'include' });
if (!me.ok) return;
const feedbackBtn = document.getElementById('feedback-btn');
if (feedbackBtn) feedbackBtn.style.display = '';
} catch { return; }
let data;
try {
+21 -9
View File
@@ -23,15 +23,25 @@ const labels = {
</div>
</div>
<p class="text-sm text-zinc-500 mb-4">Seguimiento de actividades open-source y autoalojado</p>
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Apoya en Ko-fi
</a>
<div class="flex flex-wrap gap-2 mb-8">
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Apoya en Ko-fi
</a>
<a
id="feedback-btn"
href="/feedback/"
style="display:none"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
>
💬 Enviar comentarios
</a>
</div>
<div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
@@ -145,6 +155,8 @@ const labels = {
try {
const me = await fetch('/api/me', { credentials: 'include' });
if (!me.ok) return;
const feedbackBtn = document.getElementById('feedback-btn');
if (feedbackBtn) feedbackBtn.style.display = '';
} catch { return; }
let data;
try {
+21 -9
View File
@@ -24,15 +24,25 @@ const labels = {
</div>
</div>
<p class="text-sm text-zinc-500 mb-4">Open-source, self-hosted activity tracking</p>
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Support on Ko-fi
</a>
<div class="flex flex-wrap gap-2 mb-8">
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Support on Ko-fi
</a>
<a
id="feedback-btn"
href="/feedback/"
style="display:none"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
>
💬 Send feedback
</a>
</div>
<div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
@@ -142,6 +152,8 @@ const labels = {
try {
const me = await fetch('/api/me', { credentials: 'include' });
if (!me.ok) return; // not logged in — hide community section
const feedbackBtn = document.getElementById('feedback-btn');
if (feedbackBtn) feedbackBtn.style.display = '';
} catch { return; }
let data;
try {
+21 -9
View File
@@ -23,15 +23,25 @@ const labels = {
</div>
</div>
<p class="text-sm text-zinc-500 mb-4">Tracciamento attività open-source e self-hosted</p>
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Supporta su Ko-fi
</a>
<div class="flex flex-wrap gap-2 mb-8">
<a
href="https://ko-fi.com/brutsalvadi"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
style="background:#FF5E5B; color:#fff;"
>
☕ Supporta su Ko-fi
</a>
<a
id="feedback-btn"
href="/feedback/"
style="display:none"
class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
>
💬 Invia feedback
</a>
</div>
<div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
@@ -145,6 +155,8 @@ const labels = {
try {
const me = await fetch('/api/me', { credentials: 'include' });
if (!me.ok) return;
const feedbackBtn = document.getElementById('feedback-btn');
if (feedbackBtn) feedbackBtn.style.display = '';
} catch { return; }
let data;
try {
+7
View File
@@ -0,0 +1,7 @@
---
import Base from '../../layouts/Base.astro';
import CommunityView from '../../components/CommunityView.svelte';
---
<Base title="Community — BincioActivity">
<CommunityView base={import.meta.env.BASE_URL} client:only="svelte" />
</Base>