Proyecto App Windows

2026-05-03 23:36:48 +02:00
commit 96793b2e1e
1248 changed files with 189750 additions and 0 deletions
@@ -0,0 +1,74 @@
+---
+import { getCollection } from 'astro:content';
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import FeaturedBlogPost from '../../components/FeaturedBlogPost.astro';
+import BlogPostCard from '../../components/BlogPostCard.astro';
+
+const includeDrafts = import.meta.env.DEV || import.meta.env.PUBLIC_INCLUDE_DRAFTS === 'true';
+
+const posts = (await getCollection('blog'))
+  .filter((post) => includeDrafts || !post.data.draft)
+  .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
+
+const featuredPost = posts.find((post) => post.data.featured) ?? posts[0];
+const remainingPosts = featuredPost ? posts.filter((post) => post.id !== featuredPost.id) : [];
+---
+
+<BaseLayout
+  title="Blog | IPTVnator"
+  description="Release notes, tutorials, and project updates from the IPTVnator team."
+  keywords={['IPTVnator blog', 'IPTV release notes', 'EPG, Archive setup', 'Xtream Codes Player (XC)', 'Stalker Player Support (STB)']}
+>
+  <section class="pt-36 pb-24">
+    <div class="mx-auto max-w-6xl px-6">
+      <!-- Header -->
+      <div class="max-w-2xl">
+        <span class="font-mono text-xs uppercase tracking-[0.2em] text-accent-500">
+          Blog
+        </span>
+        <h1 class="mt-4 font-display text-3xl font-bold tracking-tight text-surface-50 sm:text-4xl">
+          Blog
+        </h1>
+        <p class="mt-4 text-lg text-surface-400">
+          Release notes, tutorials, and project updates.
+        </p>
+      </div>
+
+      {posts.length > 0 ? (
+        <>
+          {/* Featured post */}
+          {featuredPost && (
+            <div class="mt-14">
+              <FeaturedBlogPost
+                title={featuredPost.data.title}
+                description={featuredPost.data.description}
+                pubDate={featuredPost.data.pubDate}
+                slug={featuredPost.id}
+                tags={featuredPost.data.tags}
+                heroImage={featuredPost.data.heroImage}
+              />
+            </div>
+          )}
+
+          {/* Remaining posts grid */}
+          {remainingPosts.length > 0 && (
+            <div class="mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
+              {remainingPosts.map((post) => (
+                <BlogPostCard
+                  title={post.data.title}
+                  description={post.data.description}
+                  pubDate={post.data.pubDate}
+                  slug={post.id}
+                  tags={post.data.tags}
+                  heroImage={post.data.heroImage}
+                />
+              ))}
+            </div>
+          )}
+        </>
+      ) : (
+        <p class="mt-14 text-center text-surface-500">No posts yet. Check back soon!</p>
+      )}
+    </div>
+  </section>
+</BaseLayout>