{% extends 'base.html' %}
{% load static %}
{% block content %}
<div class="category-container">
  <div class="category-box" id="rpg-box">
    <h2>RPG</h2>
    <div class="category-animation">
      <img src="{% static 'images/rpg-category.jpg' %}" alt="RPG Category">
    </div>
  </div>
  <div class="category-box" id="shooter-box">
    <h2>Shooter</h2>
    <div class="category-animation">
      <img src="{% static 'images/shooter-category.jpg' %}" alt="Shooter Category">
    </div>
  </div>
  <!-- Voeg andere categorieën toe -->
</div>
{% endblock %}