index.html

---
layout: default
title: Home
---

<section class="hero">
  <h1>GitHub Repository Dashboard</h1>
  <p>A curated collection of popular GitHub repositories with key metrics and insights, automatically updated monthly.</p>
</section>

<section class="data-section">
  <h2>Latest Data</h2>
  
  <div class="data-cards">
    {% for item in site.data.generated_data %}
      <div class="data-card">
        <h3>{{ item.repository_name }}</h3>
        <p>{{ item.description }}</p>
        <div class="data-metrics">
          <div class="data-metric">
            <span class="metric-label">Stars:</span>
            <span class="data-value">{{ item.stars }}</span>
          </div>
          <div class="data-metric">
            <span class="metric-label">Forks:</span>
            <span class="data-value">{{ item.forks }}</span>
          </div>
          <div class="data-metric">
            <span class="metric-label">Issues:</span>
            <span class="data-value">{{ item.open_issues }}</span>
          </div>
          <div class="data-metric">
            <span class="metric-label">Last Updated:</span>
            <span class="data-value">{{ item.last_updated | date: "%b %d, %Y" }}</span>
          </div>
        </div>
        <a href="{{ item.repository_url }}" class="repo-link" target="_blank">View Repository</a>
      </div>
    {% endfor %}
  </div>
</section>

<section class="blog-section">
  <h2>Latest Posts</h2>
  
  <div class="posts-list">
    {% for post in site.posts %}
      <div class="post-item">
        <h3><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h3>
        <p class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</p>
        <p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
      </div>
    {% endfor %}
  </div>
</section>