diff --git a/app.py b/app.py
index 290fd9a..d0687a7 100644
--- a/app.py
+++ b/app.py
@@ -1,129 +1,145 @@
-from flask import Flask, render_template, request, Response, redirect, url_for, send_file
-from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
-import subprocess
 import os
 import shutil
-import zipfile
-from io import BytesIO
+import subprocess
+from flask import Flask, render_template, request, redirect, url_for, flash, Reponse
+from flask_login import LoginManager, UserMixin, login_user, logout_user, login_required, current_user
+import sys
 
 app = Flask(__name__)
-app.secret_key = 'your_secret_key'
+app.secret_key = 'votre_cle_secrete'  # Clé secrète pour Flask
 
-# Configuration Flask-Login
+# Gestion de l'authentification
 login_manager = LoginManager()
 login_manager.init_app(app)
-login_manager.login_view = 'login'
+login_manager.login_view = 'login'  # Rediriger ici si non connecté
 
-# Utilisateur fictif
+# Simuler une base de données utilisateur
+USERS = {
+    "admin": {"password": "password123"}
+}
+
+# Classe utilisateur
 class User(UserMixin):
-    def __init__(self, id):
-        self.id = id
-
-# Stockage simple d'utilisateurs (en production, utiliser une base de données)
-users = {'garfi': {'admin': 'password123'}}
+    def __init__(self, username):
+        self.id = username
 
 @login_manager.user_loader
 def load_user(user_id):
-    return User(user_id)
+    if user_id in USERS:
+        return User(user_id)
+    return None
+
+@app.route('/')
+@login_required
+def index():
+    return render_template('index.html')
 
 @app.route('/login', methods=['GET', 'POST'])
 def login():
     if request.method == 'POST':
         username = request.form['username']
         password = request.form['password']
-        if username in users and users[username]['password'] == password:
+        
+        if username in USERS and USERS[username]['password'] == password:
             user = User(username)
             login_user(user)
-            return redirect(url_for('index'))
+            flash('Connexion réussie', 'success')
+            return redirect(url_for('index'))  # Redirection vers la page d'accueil
         else:
-            return "Nom d'utilisateur ou mot de passe incorrect", 401
+            flash('Nom d\'utilisateur ou mot de passe incorrect', 'danger')
+            return redirect(url_for('login'))
+    
     return render_template('login.html')
 
 @app.route('/logout')
 @login_required
 def logout():
     logout_user()
+    flash('Vous êtes déconnecté', 'info')
     return redirect(url_for('login'))
 
-@app.route('/')
-@login_required
-def index():
-    return render_template('stream.html')
+# Fonction pour exécuter une commande en temps réel
+def run_command_live(command, cwd=None):
+    process = subprocess.Popen(['stdbuf', '-oL'] + command, stdout=subprocess.PIPE, stderr=subprocess.PIPE, universal_newlines=True, cwd=cwd, bufsize=1)
+    
+    for stdout_line in iter(process.stdout.readline, ""):
+        yield stdout_line
+        sys.stdout.flush()
+    process.stdout.close()
+    process.wait()
 
+# Fonction pour copier les fichiers individuellement
+def copy_files(source, destination):
+    try:
+        if os.path.exists(source):
+            if len(os.listdir(source)) > 0:  # Vérifier si le répertoire contient des fichiers
+                for root, dirs, files in os.walk(source):
+                    for file in files:
+                        file_source = os.path.join(root, file)
+                        file_destination = os.path.join(destination, os.path.relpath(file_source, source))
+                        os.makedirs(os.path.dirname(file_destination), exist_ok=True)
+                        shutil.copy2(file_source, file_destination)
+                return f"Fichiers copiés vers {destination}\n"
+            else:
+                return f"Le répertoire source ({source}) est vide. Aucune copie effectuée.\n"
+        else:
+            return f"Le répertoire source ({source}) n'existe pas. Aucune copie effectuée.\n"
+    except Exception as e:
+        return f"Erreur lors de la copie : {str(e)}\n"
+
+# Fonction pour gérer le téléchargement d'une seule URL
 @app.route('/download', methods=['POST'])
 @login_required
 def download():
-    url = request.form['url']
-    format_choice = request.form['format']
-    delete_choice = request.form['delete_choice']
-    copy_choice = request.form['copy_choice']  # Nouvelle option pour copier ou non
+    url = request.form.get('url')  # Récupérer une seule URL
+    format_choice = request.form.get('format', 'mp3')  # Par défaut à 'mp3'
+    delete_old = request.form.get('delete_old', False)
+    copy_choice = request.form.get('copy_choice', 'no')
 
-    def generate_output():
-        # Répertoires pour le téléchargement en fonction du format choisi
-        output_dir = "/home/garfi/Musique/flac" if format_choice == "flac" else "/home/garfi/Musique/mp3"
+    if not url:
+        return "Aucune URL n'a été soumise.", 400  # Gérer le cas où aucune URL n'est soumise
 
-        # Si l'utilisateur a choisi de supprimer les anciens répertoires
-        if delete_choice == "1":
-            yield "Suppression des anciens répertoires...\n"
-            try:
-                if os.path.exists("/home/garfi/Musique/flac"):
-                    shutil.rmtree("/home/garfi/Musique/flac")
-                    yield "Le répertoire /home/garfi/Musique/flac a été supprimé.\n"
+    # Déterminer le répertoire de téléchargement en fonction du format
+    if format_choice == 'flac':
+        download_dir = "/home/jules/Musique/flac"
+        format_type = 'flac'
+    else:
+        download_dir = "/home/jules/Musique/mp3"
+        format_type = 'mp3'
 
-                if os.path.exists("/home/garfi/Musique/mp3"):
-                    shutil.rmtree("/home/garfi/Musique/mp3")
-                    yield "Le répertoire /home/garfi/Musique/mp3 a été supprimé.\n"
-            except FileNotFoundError as e:
-                yield f"Erreur : {str(e)} - Le répertoire n'existe pas.\n"
-            except Exception as e:
-                yield f"Erreur inattendue lors de la suppression : {str(e)}\n"
+    # Supprimer les anciens répertoires si l'utilisateur a choisi
+    if delete_old:
+        if os.path.exists(download_dir):
+            shutil.rmtree(download_dir)
 
-        # Créer le répertoire pour stocker les nouveaux fichiers
-        os.makedirs(output_dir, exist_ok=True)
+    # Créer le répertoire de téléchargement s'il n'existe pas
+    os.makedirs(download_dir, exist_ok=True)
 
-        # Lancer le téléchargement avec spotdl
-        command = f'spotdl --output "{{artist}}/{{album}}/{{track-number}} - {{title}}.{{output-ext}}" "{url}" --format={format_choice}'
-        process = subprocess.Popen(command, shell=True, stdout=subprocess.PIPE, stderr=subprocess.STDOUT, text=True, cwd=output_dir)
+    # Commande pour télécharger la musique avec spotdl dans le répertoire correct
+    spotdl_command = [
+        'spotdl',
+        '--output', '{artist}/{album}/{track-number} - {title}.{output-ext}',
+        '--format', format_type,
+        url
+    ]
 
-        for line in process.stdout:
-            yield line  # Envoyer les lignes de la commande en temps réel
+    def stream():
+        yield f"Téléchargement en cours dans {download_dir}...\n"
+        for output in run_command_live(spotdl_command, cwd=download_dir):
+            yield output
+        
+        # Exécuter sacad_r pour ajouter les couvertures
+        sacad_command = ['sacad_r', download_dir, '900', 'cover.jpg']
+        yield "Ajout des couvertures...\n"
+        for output in run_command_live(sacad_command):
+            yield output
+        
+        # Copier les fichiers vers /mnt/data/Musique si l'utilisateur a choisi "Oui"
+        if copy_choice == 'yes':
+            yield f"Copie des fichiers depuis {download_dir} vers /mnt/data/Musique...\n"
+            yield copy_files(download_dir, "/mnt/data/Musique")
 
-        process.wait()
-        if process.returncode == 0:
-            yield "\nTéléchargement terminé avec succès.\n"
-
-
-            # Si l'utilisateur a choisi de copier vers /mnt/data/Musique/
-            if copy_choice == "1":
-                share_dir = "/mnt/data/Musique/"
-                try:
-                    shutil.copytree(output_dir, share_dir, dirs_exist_ok=True)
-                    yield f"\nLes fichiers ont été copiés vers {share_dir}.\n"
-                except Exception as e:
-                    yield f"\nErreur lors de la copie des fichiers vers {share_dir} : {str(e)}\n"
-        else:
-            yield f"\nUne erreur est survenue avec le code {process.returncode}.\n"
-
-    return Response(generate_output(), mimetype='text/plain')
-
-@app.route('/download_zip')
-@login_required
-def download_zip():
-    format_choice = request.args.get('format')
-    output_dir = "/home/garfi/Musique/flac" if format_choice == "flac" else "/home/garfi/Musique/mp3"
-
-    # Créer un fichier ZIP dans la mémoire
-    memory_file = BytesIO()
-    with zipfile.ZipFile(memory_file, 'w', zipfile.ZIP_DEFLATED) as zf:
-        for root, dirs, files in os.walk(output_dir):
-            for file in files:
-                file_path = os.path.join(root, file)
-                zf.write(file_path, arcname=os.path.relpath(file_path, output_dir))
-
-    memory_file.seek(0)
-    
-    # Télécharger le fichier ZIP
-    return send_file(memory_file, mimetype='application/zip', as_attachment=True, download_name=f'musique_{format_choice}.zip')
+    return Response(stream(), mimetype='text/plain')
 
 if __name__ == '__main__':
     app.run(debug=True)
diff --git a/demo.png b/demo.png
new file mode 100644
index 0000000..f906bb8
Binary files /dev/null and b/demo.png differ
diff --git a/run.sh b/run.sh
old mode 100755
new mode 100644
diff --git a/static/images/spotify_pirate.png b/static/images/spotify_pirate.png
new file mode 100644
index 0000000..f1c04f7
Binary files /dev/null and b/static/images/spotify_pirate.png differ
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..26d83cb
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Downloader spotify</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <style>
+        body {
+            background-color: #121212;
+            color: white;
+            position: relative;
+        }
+        .container {
+            margin-top: 50px;
+        }
+        .form-label {
+            color: white;
+        }
+        .output-box {
+            background-color: #333;
+            padding: 20px;
+            border-radius: 8px;
+            white-space: pre-wrap;
+            color: lightgreen;
+            height: 500px;
+            overflow-y: auto;
+            text-align: left;
+        }
+        .spotify-icon {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 150px;
+            height: 150px;
+        }
+        .d-flex {
+            display: flex;
+            align-items: center;
+        }
+        /* Ajuster la taille de la liste déroulante */
+        .format-select {
+            width: auto;
+        }
+    </style>
+</head>
+<body>
+    <!-- Ajouter l'icône Spotify pirate -->
+    <img src="{{ url_for('static', filename='images/spotify_pirate.png') }}" alt="Spotify Pirate Icon" class="spotify-icon">
+
+    <div class="container text-center">
+        <h1>Downloader spotify</h1>
+        <form id="downloadForm" action="/download" method="POST">
+            <div class="mb-3">
+                <label for="url" class="form-label">URL Spotify</label>
+                <input type="text" class="form-control" id="url" name="url" placeholder="Entrez une URL Spotify" required>
+            </div>
+            <div class="mb-3 d-flex">
+                <label for="format" class="form-label">Choisissez le format</label>
+                <select class="form-select format-select" id="format" name="format" required>
+                    <option value="flac">FLAC</option>
+                    <option value="mp3">MP3</option>
+                </select>
+            </div>
+
+            <div class="mb-3 d-flex">
+                <input type="checkbox" class="form-check-input me-2" id="delete_old" name="delete_old">
+                <label class="form-check-label me-3" for="delete_old">Supprimer les anciens fichiers</label>
+                <button type="submit" class="btn btn-primary ms-auto">Télécharger</button>
+            </div>
+
+            <div class="mb-3">
+                <label for="copy_choice" class="form-label">Copier vers /mnt/data/Musique ?</label><br>
+                <input type="radio" id="copy_yes" name="copy_choice" value="yes" required>
+                <label for="copy_yes">Oui</label>
+                <input type="radio" id="copy_no" name="copy_choice" value="no" required>
+                <label for="copy_no">Non</label>
+            </div>
+        </form>
+
+        <div id="output" class="output-box mt-3"></div>
+    </div>
+
+    <script>
+        $(document).ready(function() {
+            $('#downloadForm').submit(function(event) {
+                event.preventDefault();
+                $('#output').empty(); // Clear previous output
+
+                var form = $(this);
+                var xhr = new XMLHttpRequest();
+                xhr.open("POST", form.attr('action'), true);
+
+                var seenLines = new Set();  // Stocker les lignes déjà vues
+
+                xhr.onreadystatechange = function() {
+                    if (xhr.readyState == 3 || xhr.readyState == 4) { // Partial or complete data received
+                        var newOutput = xhr.responseText.split("\n");  // Diviser les lignes de l'output
+                        newOutput.forEach(function(line) {
+                            if (!seenLines.has(line) && line.trim() !== "") {  // Vérifier si la ligne est nouvelle
+                                seenLines.add(line);  // Marquer la ligne comme vue
+                                $('#output').append(line + "\n");  // Ajouter la nouvelle ligne
+                            }
+                        });
+                        $('#output').scrollTop($('#output')[0].scrollHeight); // Scroll to the bottom
+                    }
+                };
+
+                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+                xhr.send(form.serialize());
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/templates/login.html b/templates/login.html
index 2b0c577..62b8a2e 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,36 +1,37 @@
 <!DOCTYPE html>
-<html lang="fr">
-
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Connexion</title>
+    <title>Login</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #121212;
+            color: white;
+        }
+        .container {
+            margin-top: 50px;
+        }
+        .form-label {
+            color: white;
+        }
+    </style>
 </head>
-
 <body>
     <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-6">
-                <div class="card mt-5">
-                    <div class="card-body">
-                        <h3 class="card-title text-center">Connexion</h3>
-                        <form method="POST">
-                            <div class="mb-3">
-                                <label for="username" class="form-label">Nom d'utilisateur</label>
-                                <input type="text" class="form-control" id="username" name="username" required>
-                            </div>
-                            <div class="mb-3">
-                                <label for="password" class="form-label">Mot de passe</label>
-                                <input type="password" class="form-control" id="password" name="password" required>
-                            </div>
-                            <button type="submit" class="btn btn-primary w-100">Se connecter</button>
-                        </form>
-                    </div>
-                </div>
+        <h1 class="text-center">Connexion</h1>
+        <form action="/login" method="POST">
+            <div class="mb-3">
+                <label for="username" class="form-label">Nom d'utilisateur</label>
+                <input type="text" class="form-control" id="username" name="username" required>
             </div>
-        </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">Mot de passe</label>
+                <input type="password" class="form-control" id="password" name="password" required>
+            </div>
+            <button type="submit" class="btn btn-primary">Se connecter</button>
+        </form>
     </div>
 </body>
-
 </html>
diff --git a/templates/result.html b/templates/result.html
new file mode 100644
index 0000000..c33345a
--- /dev/null
+++ b/templates/result.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Résultats</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body {
+            background-color: #121212;
+            color: white;
+        }
+        .container {
+            margin-top: 50px;
+        }
+        .output-box {
+            background-color: #333;
+            padding: 20px;
+            border-radius: 8px;
+            white-space: pre-wrap;
+            color: lightgreen;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1 class="text-center">Résultats des commandes</h1>
+        <div class="output-box">
+            {{ output }}
+        </div>
+        <a href="{{ zip_url }}" class="btn btn-primary mt-3">Télécharger les fichiers en ZIP</a>
+    </div>
+</body>
+</html>
diff --git a/templates/stream.html b/templates/stream.html
deleted file mode 100644
index ff11f13..0000000
--- a/templates/stream.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Téléchargement en temps réel</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
-    <style>
-        body { background-color: #f8f9fa; }
-        .container { margin-top: 50px; }
-        .card { border-radius: 10px; }
-        .output-container {
-            background-color: #f1f1f1;
-            padding: 20px;
-            border-radius: 10px;
-            white-space: pre-wrap;
-            font-family: monospace;
-            height: 400px;
-            overflow-y: scroll;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <div class="card shadow-lg p-3 mb-5 bg-white rounded">
-                    <div class="card-body">
-                        <h2 class="text-center mb-4">Télécharger Musique Spotify</h2>
-                        <form id="download-form">
-                            <div class="mb-3">
-                                <label for="url" class="form-label">Saisir l'URL Spotify :</label>
-                                <input type="text" class="form-control" id="url" name="url" required>
-                            </div>
-                            <div class="mb-3">
-                                <label for="format" class="form-label">Choisissez le format :</label>
-                                <select class="form-select" id="format" name="format" required>
-                                    <option value="flac">FLAC</option>
-                                    <option value="mp3">MP3</option>
-                                </select>
-                            </div>
-                            <div class="mb-3">
-                                <label for="delete_choice" class="form-label">Supprimer les anciens répertoires :</label>
-                                <select class="form-select" id="delete_choice" name="delete_choice" required>
-                                    <option value="1">Oui</option>
-                                    <option value="2">Non</option>
-                                </select>
-                            </div>
-                            <div class="mb-3">
-                                <label for="copy_choice" class="form-label">Copier vers /mnt/data/Musique/ :</label>
-                                <select class="form-select" id="copy_choice" name="copy_choice" required>
-                                    <option value="1">Oui</option>
-                                    <option value="2">Non</option>
-                                </select>
-                            </div>
-                            <button type="submit" class="btn btn-primary w-100">Lancer le téléchargement</button>
-                        </form>
-                    </div>
-                </div>
-                <div class="card mt-4">
-                    <div class="card-body">
-                        <h4>Output :</h4>
-                        <div id="output" class="output-container"></div>
-                    </div>
-                </div>
-                <!-- Button to download the ZIP -->
-                <button class="btn btn-secondary w-100 mt-3" onclick="window.location.href='/download_zip?format=' + document.getElementById('format').value">Télécharger ZIP</button>
-            </div>
-        </div>
-    </div>
-    <script>
-        document.getElementById('download-form').addEventListener('submit', function (event) {
-            event.preventDefault();
-            const url = document.getElementById('url').value;
-            const format = document.getElementById('format').value;
-            const delete_choice = document.getElementById('delete_choice').value;
-            const copy_choice = document.getElementById('copy_choice').value;
-            const formData = new URLSearchParams();
-            formData.append('url', url);
-            formData.append('format', format);
-            formData.append('delete_choice', delete_choice);
-            formData.append('copy_choice', copy_choice);
-            fetch('/download', {
-                method: 'POST',
-                body: formData
-            })
-            .then(response => {
-                const outputContainer = document.getElementById('output');
-                const reader = response.body.getReader();
-                const decoder = new TextDecoder();
-                function read() {
-                    reader.read().then(({ done, value }) => {
-                        if (done) return;
-                        outputContainer.textContent += decoder.decode(value, { stream: true });
-                        outputContainer.scrollTop = outputContainer.scrollHeight;
-                        read();
-                    });
-                }
-                read();
-            })
-            .catch(error => console.error('Erreur:', error));
-        });
-    </script>
-</body>
-</html>