| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html lang="ca" dir="ltr"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| avm99963 | 68db4d1 | 2020-12-17 22:11:45 +0100 | [diff] [blame] | 5 | <title>Programa Concerts Musicaula</title> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| avm99963 | b3ae1c6 | 2020-12-20 19:24:02 +0100 | [diff] [blame] | 7 | <meta name="robots" content="noindex"> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 8 | <link rel="stylesheet" href="css/styles.css"> |
| 9 | <link rel="manifest" href="manifest.json"> |
| 10 | </head> |
| 11 | <body class="dark-theme"> |
| 12 | <header class="header"> |
| avm99963 | 04c9754 | 2020-12-20 19:11:16 +0100 | [diff] [blame] | 13 | <div class="header-logo"> |
| 14 | <img src="img/logo.svg"> |
| 15 | </div> |
| 16 | <button id="previous-concerts-btn" class="primary-btn" hidden>Concerts anteriors</button> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 17 | </header> |
| 18 | <div class="app-content"> |
| 19 | <section id="no-service-worker" class="message message--error" hidden> |
| 20 | <div class="message-icon"> |
| 21 | <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><g><rect fill="none" height="24" width="24"/><rect fill="none" height="24" width="24"/></g><g><g><path d="M19,6v10.5l1.95,1.95C20.98,18.3,21,18.15,21,18V6c0-1.1-0.9-2-2-2H6.5l2,2H19z"/><path d="M3.86,3.95c-0.35-0.35-0.92-0.35-1.27,0c-0.35,0.35-0.35,0.92,0,1.27L3,5.64L3,18c0,1.1,0.9,2,2,2h12.36l1.42,1.42 c0.35,0.35,0.92,0.35,1.27,0c0.35-0.35,0.35-0.92,0-1.27L3.86,3.95z M5,18V7.64L15.36,18H5z"/></g></g></svg></div> |
| 22 | <h2 class="message-title">Oops!</h2> |
| 23 | <div class="message-text">El teu navegador no és compatible amb aquest web. Pots provar d'accedir amb l'última versió de Chrome, Firefox o Safari.</div> |
| 24 | </section> |
| 25 | <section id="wait-screen" class="message" hidden> |
| 26 | <div class="message-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"/></svg></div> |
| 27 | <h2 class="message-title">Tot llest!</h2> |
| avm99963 | 7ca4095 | 2020-12-19 20:10:47 +0100 | [diff] [blame] | 28 | <div class="message-text">S'ha baixat una còpia d'aquesta app al teu dispositiu i està disponible sense connexió a Internet.</div> |
| 29 | <div class="message-text">Obre aquesta pàgina quan comenci el concert per veure el programa.</div> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 30 | </section> |
| avm99963 | 04c9754 | 2020-12-20 19:11:16 +0100 | [diff] [blame] | 31 | <section id="previous-concerts" class="message" hidden> |
| 32 | <h2 class="message-title">Concerts anteriors</h2> |
| 33 | <div id="previous-concerts-list" class="concerts-list"></div> |
| 34 | </section> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 35 | <section id="booklet" class="booklet" hidden> |
| 36 | <div class="booklet-header"> |
| 37 | <h2 id="concert-title" class="booklet-header-title">Concert de Nadal 2020</h2> |
| 38 | <div id="concert-subtitle" class="booklet-header-subtitle">Joves i adults</div> |
| 39 | </div> |
| 40 | <div id="booklet-content" class="booklet-content"> |
| 41 | </div> |
| 42 | </section> |
| 43 | </div> |
| avm99963 | 20fdf2a | 2020-12-20 13:08:16 +0100 | [diff] [blame] | 44 | <div id="update-available" class="update-available" hidden> |
| 45 | Hi ha una actualització disponible. <a href="/">Recarrega la pàgina</a> per veure els darrers canvis. |
| 46 | </div> |
| avm99963 | 1ca663e | 2020-12-17 19:34:22 +0100 | [diff] [blame] | 47 | <script src="js/script.js"></script> |
| 48 | </body> |
| 49 | </html> |