index.md

layout	default
title	OpenDiensten

{{ site.description }} (help mee!)

{% include github-logo.html %}

• Overzicht
• Geschiedenis

Categorieën

Start videogesprek Start samen schrijven

<div id="geschiedenis-view" class="geschiedenis-view" style="display: none;">
  <div class="geschiedenis-header">
    <h2>Geschiedenis</h2>
    <div class="geschiedenis-actions">
      <button id="export-history-btn" class="history-action-btn" style="display: none;">Exporteer</button>
      <button id="import-history-btn" class="history-action-btn" style="display: none;">Importeer</button>
      <input type="file" id="import-file-input" accept=".json" style="display: none;">
      <button id="clear-history-btn" class="history-action-btn danger" style="display: none;">Wis alles</button>
    </div>
  </div>
  <div id="diensten-lijst" class="diensten-lijst">
    <p class="empty-state">Je hebt nog geen diensten gegenereerd. Klik op "Start videogesprek" of "Start samen schrijven" om te beginnen!</p>
  </div>
</div>

<div id="rating-popover" class="rating-popover" style="display: none;">
  <div class="popover-content">
    <h3>Hoe was de kwaliteit?</h3>
    <div class="star-rating">
      <span class="star" data-rating="1">☆</span>
      <span class="star" data-rating="2">☆</span>
      <span class="star" data-rating="3">☆</span>
      <span class="star" data-rating="4">☆</span>
      <span class="star" data-rating="5">☆</span>
    </div>
    <button class="close-popover">×</button>
  </div>
</div>

<div class="services-grid" id="services-grid">
  <!-- Services will be rendered here by JavaScript -->
</div>

<script type="module" src="/js/opendienstenapp.js"></script>