diff --git a/css/styles.css b/css/styles.css index 05d1b5e..0fdefd1 100644 --- a/css/styles.css +++ b/css/styles.css @@ -734,7 +734,7 @@ img { } .logo img { - height: 30px; + height: 50px; } } diff --git a/css/video-page.css b/css/video-page.css index 4bc2a9b..7afad0f 100644 --- a/css/video-page.css +++ b/css/video-page.css @@ -792,60 +792,10 @@ /* Media Queries pour le menu réduit */ @media (max-width: 1200px) and (min-width: 1001px) { - .sidebar { - width: 70px; - } - .main-content { margin-left: 70px; width: calc(100% - 70px); } - - .nav-item span { - display: none; - } - - /* Masquer complètement la section Hashtags */ - .category-title, - .tag-item { - display: none; - } - - .nav-item { - justify-content: center; - padding: 15px 0; - position: relative; - } - - .nav-item i { - margin-right: 0; - font-size: 20px; - } - - /* Tooltip for compact mode */ - .nav-item:hover::after { - content: attr(data-title); - position: absolute; - left: 70px; - top: 50%; - transform: translateY(-50%); - background: var(--sidebar-bg); - color: var(--text-color); - padding: 5px 10px; - border-radius: 4px; - white-space: nowrap; - box-shadow: 0 1px 5px rgba(0,0,0,0.2); - z-index: 100; - } - - .logo { - text-align: center; - padding: 10px 0; - } - - .logo img { - height: 30px; - } } /* Message d'erreur */ @@ -856,24 +806,6 @@ margin: 0 auto; } -/* Styles pour la barre latérale */ -.sidebar { - width: 250px; - height: 100vh; - position: fixed; - top: 0; - left: 0; - background-color: var(--sidebar-bg); - overflow-y: auto; - padding: 15px 0; - z-index: 100; - transition: width 0.3s ease; -} - -.sidebar-nav { - margin-bottom: 30px; -} - .nav-item { display: flex; align-items: center; @@ -895,33 +827,6 @@ text-align: center; } -.tag-item { - display: flex; - align-items: center; - padding: 8px 15px; - font-size: 16px; - text-decoration: none; - color: var(--text-color); -} - -.tag-item .tag-dot { - width: 16px; - height: 16px; - border-radius: 50%; - background-color: var(--primary-red); - margin-right: 15px; -} - -.logo { - display: block; - padding: 10px 15px; - margin-bottom: 20px; -} - -.logo img { - height: 40px; -} - /* Modal de téléchargement */ .modal { display: none; diff --git a/includes/footer.php b/includes/footer.php index 41fcb53..4267727 100644 --- a/includes/footer.php +++ b/includes/footer.php @@ -1,50 +1,17 @@ - \ No newline at end of file + + + + + + diff --git a/includes/header.php b/includes/header.php index d7d967a..4a9c168 100644 --- a/includes/header.php +++ b/includes/header.php @@ -1,25 +1,34 @@ -
-
-
\ No newline at end of file + +
+ +
+ diff --git a/includes/sidebar.php b/includes/sidebar.php new file mode 100644 index 0000000..1d38d32 --- /dev/null +++ b/includes/sidebar.php @@ -0,0 +1,55 @@ + + diff --git a/index.php b/index.php index 963dc7b..0743b02 100644 --- a/index.php +++ b/index.php @@ -13,100 +13,10 @@ // Inclure la configuration require_once 'includes/config.php'; ?> - - - - +
- -
-
-
- - -
-
- - - -
- -
-
- +
@@ -370,24 +280,7 @@ KA UBUNTU manifesto
- - - +
diff --git a/video.php b/video.php index 660ced3..3c8c8de 100644 --- a/video.php +++ b/video.php @@ -125,85 +125,11 @@ if (empty($videoData) || isset($videoData['error'])) { - - +
- -
-
-
- - -
-
- - - -
- - -
-
+ @@ -382,23 +308,7 @@ if (empty($videoData) || isset($videoData['error'])) {
- - - +