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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 literal 0 HcmV?d00001