2 версия сайта, чтобы было совсем красиво

2023-04-27 18:04:54 +07:00
parent e7a2be67ff
commit aac4d9fdda
9 changed files with 244 additions and 84 deletions
@@ -1,39 +1,44 @@
 <!DOCTYPE html>
 <html>
-
 <head>
-  <!-- Audio Player -->
-  <script src="https://kit.fontawesome.com/025ae7f87a.js" crossorigin="anonymous"></script>
-  <link href="{{ url_for('static', path='/audio-player/css/player.css') }}" rel="stylesheet">
-  <script src="{{ url_for('static', path='/audio-player/js/player.js') }}"></script>
-
+    <script src="https://kit.fontawesome.com/025ae7f87a.js" crossorigin="anonymous"></script>
+    <script src="{{ url_for('static', path='/js/player.js') }}"></script>
+    <link href="{{ url_for('static', path='/css/log.css') }}" rel="stylesheet">
 </head>
-
 <body>
-  <div class="container">
-    <div class="text-file">
-      {% for lo in log %}
-        <div>
-            <div class="player-container" id="player-container-{{ loop.index }}"></div>
-            <script>
-              new AudioPlayer({
-                container: '#player-container-{{ loop.index }}',
-                audioFile: '{{ lo.audio_file }}'
-              });
-            </script>
-          {% if lo.text %}
-            {% for line in lo.text %}
-              {{ line }}<br>
-            {% endfor %}
-          {% else %}
-            No text file found.
-          {% endif %}
+<div class="container">
+    <h1>My Audio Files</h1>
+
+    {% for lo in log %}
+
+    <div class="card-container"> <!-- изменено на card-container -->
+
+        <div class="player-container" id="player-container-{{ loop.index }}"></div>
+
+        <script>
+            new AudioPlayer({container: '#player-container-{{ loop.index }}', audioFile: '{{ lo.audio_file }}'});
+        </script>
+
+        <div class="card">
+
+            <div class="card-title">{{ lo.title }}</div>
+
+            {% if lo.text %}
+
+            <div class="card-text"> {% for line in lo.text %} {{ line }}<br> {% endfor %}</div>
+
+            {% else %}
+
+            <div class="card-text">No text file found.</div>
+
+            {% endif %}
+
        </div>

-        {% endfor %}
    </div>

-  </div>
-</body>
+    {% endfor %}

+</div>
+</body>
 </html>