From 2bcedf4f248809952bc3d07a5cef603c4f6a62e9 Mon Sep 17 00:00:00 2001 From: stiti Date: Sun, 26 May 2024 17:44:28 +0200 Subject: [PATCH] Ajout de youtube + spotify --- .../application/views/musiques_list.php | 10 +- .../application/views/search_results.php | 97 ++++++++++-------- .../assets/css/musiques_list.css | 19 +++- .../assets/css/search_results.css | 62 +++++++++++ CodeIgniter-3.1.13/assets/css/style.css | 39 +++++++ .../assets/img/reseaux_sociaux/soundcloud.png | Bin 0 -> 3064 bytes .../assets/img/reseaux_sociaux/spotify.png | Bin 0 -> 5249 bytes 7 files changed, 179 insertions(+), 48 deletions(-) create mode 100644 CodeIgniter-3.1.13/assets/css/search_results.css create mode 100644 CodeIgniter-3.1.13/assets/img/reseaux_sociaux/soundcloud.png create mode 100644 CodeIgniter-3.1.13/assets/img/reseaux_sociaux/spotify.png diff --git a/CodeIgniter-3.1.13/application/views/musiques_list.php b/CodeIgniter-3.1.13/application/views/musiques_list.php index c25dd5e..00294b7 100644 --- a/CodeIgniter-3.1.13/application/views/musiques_list.php +++ b/CodeIgniter-3.1.13/application/views/musiques_list.php @@ -32,12 +32,18 @@ Couverture de l'album diff --git a/CodeIgniter-3.1.13/application/views/search_results.php b/CodeIgniter-3.1.13/application/views/search_results.php index 03bd754..b7cc96a 100644 --- a/CodeIgniter-3.1.13/application/views/search_results.php +++ b/CodeIgniter-3.1.13/application/views/search_results.php @@ -3,70 +3,79 @@ + Résultats de la recherche -

Résultats de la recherche pour ""

+

Résultats de la recherche pour ""

-

+

-

Musiques

- +
+

Musiques

+ +
-

Albums

- +
+

Albums

+ +
-

Genres

- +
+

Genres

+ +
-

Artistes

- +
+

Artistes

+ +
-

Aucun résultat trouvé.

+

Aucun résultat trouvé.

diff --git a/CodeIgniter-3.1.13/assets/css/musiques_list.css b/CodeIgniter-3.1.13/assets/css/musiques_list.css index a76360d..258728d 100644 --- a/CodeIgniter-3.1.13/assets/css/musiques_list.css +++ b/CodeIgniter-3.1.13/assets/css/musiques_list.css @@ -35,7 +35,7 @@ a { a:hover { text-decoration: underline; } -/* Styles pour les boutons de pagination */ + .pagination { text-align: center; margin-top: 20px; @@ -58,4 +58,19 @@ a:hover { .pagination .active { background-color: #29043e; -} \ No newline at end of file +} + +.music-links { + margin-top: 10px; +} + +.music-links a { + display: inline-block; + margin-right: 10px; + color: #560d61; + text-decoration: none; +} + +.music-links a:hover { + text-decoration: underline; +} diff --git a/CodeIgniter-3.1.13/assets/css/search_results.css b/CodeIgniter-3.1.13/assets/css/search_results.css new file mode 100644 index 0000000..6c534d6 --- /dev/null +++ b/CodeIgniter-3.1.13/assets/css/search_results.css @@ -0,0 +1,62 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f8f8f8; +} + +.search-title { + color: #6a0dad; + text-align: center; + margin-top: 20px; +} + +.error-message { + color: #f44336; + text-align: center; +} + +.section { + margin-bottom: 30px; +} + +.section-title { + color: #6a0dad; + font-size: 1.5em; +} + +ul { + padding: 0; +} + +ul li { + margin-bottom: 10px; +} + +ul li a { + color: #6a0dad; + text-decoration: none; + transition: color 0.3s ease; +} + +ul li a:hover { + color: #4a0772; +} + +.no-results { + text-align: center; + color: #777; /* Grey */ +} + +/* Responsive styles */ +@media screen and (max-width: 768px) { + ul li { + width: 45%; + } +} + +@media screen and (max-width: 576px) { + ul li { + width: 100%; + } +} diff --git a/CodeIgniter-3.1.13/assets/css/style.css b/CodeIgniter-3.1.13/assets/css/style.css index 7bc1ff3..ff6c1a6 100644 --- a/CodeIgniter-3.1.13/assets/css/style.css +++ b/CodeIgniter-3.1.13/assets/css/style.css @@ -135,3 +135,42 @@ header.short-text a { background-color: #6a0080; } +.music-links { + margin-top: 10px; +} + +.music-links a { + display: inline-block; + margin-right: 10px; + padding: 5px 10px; + border-radius: 5px; + color: #fff; + text-decoration: none; + transition: background-color 0.3s ease; +} +.spotify { + background-color: #5bab15; +} + +.youtube { + background-color: #c51414; +} + +.spotify:hover{ + background-color: #3c6915; +} + +.youtube:hover { + background-color: #7a1818; +} + +.artist-name, +.album-name { + display: inline-block; + margin-right: 10px; + padding: 5px 10px; + border-radius: 5px; + background-color: #7300ff; + color: #fff; + transition: background-color 0.3s ease; +} diff --git a/CodeIgniter-3.1.13/assets/img/reseaux_sociaux/soundcloud.png b/CodeIgniter-3.1.13/assets/img/reseaux_sociaux/soundcloud.png new file mode 100644 index 0000000000000000000000000000000000000000..022d30bf3f01408868a2ec49f5a7af69dfe2701d GIT binary patch literal 3064 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 Yn`s|iEUu|BFfcH9y85}Sb4q9e0NzIyMgRZ+ literal 0 HcmV?d00001 diff --git a/CodeIgniter-3.1.13/assets/img/reseaux_sociaux/spotify.png b/CodeIgniter-3.1.13/assets/img/reseaux_sociaux/spotify.png new file mode 100644 index 0000000000000000000000000000000000000000..46da94cd292c03e0a887f3e111722e2c13045b9d GIT binary patch literal 5249 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 Zxg}^p+>)