player: progress bar position

aircox/static/aircox/css/chunk-common.css

@@ -9403,9 +9403,11 @@ a.navbar-item.is-active {
   --preview-cover-small-size: 10em;
   --player-panel-bg: var(--highlight-color-alpha);
   --player-bar-bg: var(--highlight-color);
-  --progress-border: 1px var(--highlight-color-2) solid;
-  --progress-bg-color: transparent;
-  --progress-bar-color: var(--highlight-color-2);
+  --progress-border-size: 1px;
+  --progress-border: var(--progress-border-size) var(--highlight-color-2) solid;
+  --progress-bg: transparent;
+  --progress-bar-bg: var(--highlight-color-2);
+  --progress-bar-color: var(--highlight-color);
 }
 
 body {
@@ -9583,6 +9585,15 @@ h1, h2, h3, h4, h5, h6, .heading, .title, .subtitle {
   font-size: unset !important;
 }
 
+.list-urls {
+  margin-top: 0.8em;
+  text-align: right;
+  font-size: 1.4em;
+}
+.list-urls a:not(:last-child) {
+  margin-right: 0.8em;
+}
+
 .vc-weekday-1, .vc-weekday-7 {
   color: var(--highlight-color-2) !important;
 }
@@ -9840,15 +9851,19 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
   flex-direction: row;
   margin: 0em;
   padding: 0em;
-  background-color: var(--progress-bg-color);
+  background-color: var(--progress-bg);
 }
 .a-progress .a-progress-bar-container {
   flex-grow: 1;
-  margin: 0em 0.8em;
-  border: var(--progress-border);
+  margin: 0em;
+}
+.a-progress > time, .a-progress .a-progress-bar {
+  height: 100%;
+  padding: 0.4em;
 }
 .a-progress .a-progress-bar {
-  background-color: var(--progress-bar-color);
+  background-color: var(--progress-bar-bg);
+  color: var(--progress-bar-color);
 }
 
 .playlist .header, .a-playlist .header {
@@ -9923,6 +9938,21 @@ preview-header:not(.no-cover) .preview-card-headings .heading {
   background-color: transparent;
 }
 
+.a-player-progress {
+  background: var(--player-bar-bg);
+  height: 0.4em;
+  overflow: hidden;
+}
+.a-player-progress time {
+  display: none;
+}
+.a-player-progress:hover {
+  height: 2em;
+}
+.a-player-progress:hover time {
+  display: unset;
+}
+
 .a-player-bar {
   display: flex;
   background: var(--player-bar-bg);

aircox/templates/aircox/home.html

@@ -38,6 +38,13 @@
     {% for object in logs %}
         {% include "./widgets/log.html" with widget="item" %}
     {% endfor %}
+
+    <nav class="list-urls">
+        <a href="{% url "diffusion-list" %}"
+            aria-label="{% translate "Show all program's for today" %}">
+            {% translate "Today" %}
+        </a>
+    </nav>
 </section>
 {% endif %}
 
@@ -50,6 +57,13 @@
         {% page_widget "item" object open=True %}
         {% endfor %}
     </div>
+
+    <nav class="list-urls">
+        <a href="{% url "page-list" %}"
+            aria-label="{% translate "Show all publications" %}">
+            {% translate "All publications" %}
+        </a>
+    </nav>
 </section>
 {% endif %}
 {% endblock %}

aircox/templates/aircox/program_detail.html

@@ -16,12 +16,10 @@
         {% endfor %}
     </section>
 
-    <nav class="has-text-right">
-        <li class="nav-item">
-            <a href="{% url "episode-list" parent_slug=program.slug %}">
-                {% translate "All episodes" %}
-            </a>
-        </li>
+    <nav class="list-urls">
+        <a href="{% url "episode-list" parent_slug=program.slug %}">
+            {% translate "All episodes" %}
+        </a>
     </nav>
 </section>
 {% endif %}
@@ -37,13 +35,11 @@
         {% endfor %}
     </section>
 
-    <nav class="has-text-right">
-        <li class="nav-item">
-            <a href="{% url "article-list" parent_slug=program.slug %}"
-                aria-label="{% translate "Show all program's articles" %}">
-                {% translate "All articles" %}
-            </a>
-        </li>
+    <nav class="list-urls">
+        <a href="{% url "article-list" parent_slug=program.slug %}"
+            aria-label="{% translate "Show all program's articles" %}">
+            {% translate "All articles" %}
+        </a>
     </nav>
 </section>
 {% endif %}