<!-- Sidebar de navigation -->
<div class="sidebar">
    <a href="index.php" class="logo">
        <img src="img/logo.png" alt="Kaubuntu.re">
    </a>
    
    <nav class="sidebar-nav">
        <a href="index.php" class="nav-item" data-title="Accueil">
            <i class="fas fa-home"></i> <span>Accueil</span>
        </a>
        <a href="#" class="nav-item" data-title="Direct">
            <i class="fas fa-broadcast-tower"></i> <span>Direct</span>
        </a>
        
        <div class="nav-divider"></div>
        
        <a href="#" class="nav-item" data-title="Explorer">
            <i class="fas fa-compass"></i> <span>Explorer</span>
        </a>
        <a href="#" class="nav-item" data-title="Actualité">
            <i class="fas fa-globe"></i> <span>Actualité</span>
        </a>
        <a href="#" class="nav-item" data-title="Musique">
            <i class="fas fa-music"></i> <span>Musique</span>
        </a>
        <a href="#" class="nav-item" data-title="Histoire">
            <i class="fas fa-monument"></i> <span>Histoire</span>
        </a>
        <a href="#" class="nav-item" data-title="Sport">
            <i class="fas fa-running"></i> <span>Sport</span>
        </a>
        
        <div class="nav-divider"></div>
        
        <div class="category-title">
            <i class="fas fa-hashtag"></i> <span>Hashtags</span>
        </div>
        
        <a href="#" class="tag-item" data-title="Interview">
            <div class="tag-dot"></div> <span>Interview</span>
        </a>
        <a href="#" class="tag-item" data-title="Conférence">
            <div class="tag-dot"></div> <span>Conférence</span>
        </a>
        <a href="#" class="tag-item" data-title="Colonialisme">
            <div class="tag-dot"></div> <span>Colonialisme</span>
        </a>
        <a href="#" class="tag-item" data-title="La Réunion">
            <div class="tag-dot"></div> <span>La Réunion</span>
        </a>
        <a href="#" class="tag-item" data-title="Afrique">
            <div class="tag-dot"></div> <span>Afrique</span>
        </a>
    </nav>
</div>
