Modification du DOM

e4606002 · Nicooo67 · fa50c311 · e4606002 · e4606002 · e4606002
Commit e4606002 authored 1 year ago by Nicooo67
--- a/public/images/vinile.png
+++ b/public/images/vinile.png
--- a/public/js/home.js
+++ b/public/js/home.js
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -3,6 +3,7 @@
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Welcome!{% endblock %}</title>
+        <script src="https://cdn.tailwindcss.com"></script>
        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
        {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
        {% block stylesheets %}

--- a/templates/home.html.twig
+++ b/templates/home.html.twig
@@ -2,22 +2,29 @@
 {% block body %}
    <header>
        <nav></nav>
-        <div>
-            <h2>Trouvez un concert
+        <div class="bg-[#5C9EAD]">
+            <h2 class="text-white">Trouvez un concert
                facilement 
                avec notre carte !</h2>
-                <img src="" alt="">
+                <img src="{{ asset('images/vinile.png') }}" alt="">

        </div>
    </header>
    <main>
        <div>
            <h3>Cliquez sur la ville de votre choix</h3>
-
+            <div class='cadre' id="carte">Carte</div>
        </div>
        <div>
            <h2>Toutes les villes</h2>
+            <div>
+            {% for ville in villes %}
+                <h4>{{ ville.nom }}</h4>
+                <img src="" alt="">
+            {% endfor %}
+            </div>
        </div>
    </main>
    <footer></footer>
+    <script src="{{ asset('js/home.js') }}"></script>
 {% endblock %}
\ No newline at end of file