Draft content menu...
This commit is contained in:
20
index.html
20
index.html
@@ -68,7 +68,7 @@
|
||||
<body data-bs-theme="light">
|
||||
<div class="map" id="map" style="height: 100%;"></div>
|
||||
<div class="d-none" id="scene">
|
||||
<div id="toolbar" class="aton-toolbar-top">
|
||||
<div id="toolbar" class="aton-toolbar-top w-100">
|
||||
<a class="btn aton-btn fs-5" id="back" title="Torna alla mappa">
|
||||
<i class="bi bi-map-fill"></i>
|
||||
</a>
|
||||
@@ -78,9 +78,9 @@
|
||||
<a class="btn aton-btn fs-5" id="clipper" title="Clipper">
|
||||
<i class="bi bi-scissors"></i>
|
||||
</a>
|
||||
<button type="button" class="btn aton-btn fs-6 px-2" data-bs-toggle="modal" data-bs-target="#audio1">
|
||||
Esempio modale audio
|
||||
</button>
|
||||
<a class="btn aton-btn fs-5 float-end" id="menu" title="Menu">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- TODO CSS-only popover -->
|
||||
@@ -96,11 +96,19 @@
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h1 class="modal-title fs-5" id="exampleModalLabel">Che fiero costume</h1>
|
||||
<h1 class="modal-title fs-4 text-center" id="exampleModalLabel">Che fiero costume</h1>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<audio class="w-100 p-2" src="./assets/bt_TracciaAudio_ Che fiero costume.mp3" controls></audio>
|
||||
<h2 class="fs-5 font-bold text-center">Informazioni</h2>
|
||||
<p class="mt-2">
|
||||
L'aria "Che fiero costume" bla bla...
|
||||
</p>
|
||||
<p>
|
||||
Un po' di elucubrazioni sull'opera lirica nel barocco ecc...
|
||||
</p>
|
||||
<h2 class="fs-5 mt-4 text-center font-bold">Ascolta</h2>
|
||||
<audio class="w-100 p-2 mt-1" src="./assets/bt_TracciaAudio_ Che fiero costume.mp3" controls></audio>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Chiudi</button>
|
||||
|
||||
Reference in New Issue
Block a user