Mercurial > libervia-templates
annotate sat_templates/templates/bulma/components/media_player.html @ 402:2bbcb7da56bc default tip
bulma: use Font-Awesome instead of Fontello + start of major redesign:
- Font-Awesome is now used instead of Fontello, following change in Libervia Media.
- This is a beginning of a major redesign of the web templates/web frontend. This
currently breaks a lot of thing.
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 26 Oct 2024 22:53:26 +0200 |
parents | 742c59641bf5 |
children |
rev | line source |
---|---|
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
1 <div class="media_player"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
2 <div class="media_elt"></div> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
3 <div class="media_overlay_play is-flex has-items-centered"> |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 <span class="icon"> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 <i class="icon-play-circled"></i> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 </span> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 </div> |
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
8 <div class="media_controls columns is-mobile has-items-vcentered"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
9 <div class="column is-narrow click_to_play"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
10 <span class="icon is-medium"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
11 <i class="icon-play media_play is-size-4"></i> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
12 <i class="icon-pause media_pause is-size-4"></i> |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 </span> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 </div> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 <div class="column"> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 <progress class="progress" value="0"></progress> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
17 </div> |
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
18 <div class="column is-narrow click_to_change_timer_mode"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
19 <div class="content timer"> |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
20 0:00/0:00 |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 </div> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
22 </div> |
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
23 <div class="column is-narrow click_to_change_volume"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
24 <span class="icon is-medium"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
25 <i class="icon-volume-up media_sound_on is-size-4"></i> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
26 <i class="icon-volume-off media_sound_off is-size-4"></i> |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
27 </span> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
28 </div> |
281
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
29 <div class="column is-narrow click_to_fullscreen"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
30 <span class="icon is-medium"> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
31 <i class="icon-resize-full media_resize_full is-size-4"></i> |
742c59641bf5
bulma (alt media player): renamed from video to media + click_to_[action] moved to column
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
32 <i class="icon-resize-small media_resize_small is-size-4"></i> |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
33 </span> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
34 </div> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
35 </div> |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
36 </div> |