|
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8" /> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
6 | | - <title>PTLANCHER</title> |
| 6 | + <title>Bonazza - PTLANCHER</title> |
7 | 7 | <!-- Favicon dinamico --> |
8 | 8 | <link id="dynamic-favicon" rel="icon" href="https://i.postimg.cc/XYfBdscq/icon.png" type="image/png" /> |
9 | 9 | <style> |
|
15 | 15 | padding: 0; |
16 | 16 | color: #333; |
17 | 17 | } |
18 | | - /* Rimuoviamo l’header classico e usiamo una sezione ASCII art */ |
| 18 | + /* ASCII art header che occupa tutta la larghezza */ |
19 | 19 | .ascii-header { |
| 20 | + width: 100%; |
20 | 21 | text-align: center; |
21 | 22 | margin: 1rem 0; |
22 | | - /* Personalizza dimensione e stile se necessario */ |
| 23 | + /* Font monospace e dimensione scalabile in base alla viewport */ |
23 | 24 | font-family: "Courier New", Courier, monospace; |
24 | | - font-size: 1.2em; |
| 25 | + font-size: 3vw; /* La dimensione si adatta orizzontalmente */ |
25 | 26 | line-height: 1.2; |
26 | 27 | white-space: pre; |
27 | 28 | } |
|
132 | 133 | </head> |
133 | 134 | <body> |
134 | 135 | <div class="container"> |
135 | | - <!-- ASCII art header in sostituzione del precedente header --> |
| 136 | + <!-- ASCII art header che si estende orizzontalmente --> |
136 | 137 | <div class="ascii-header"> |
| 138 | + <pre> |
137 | 139 | ███████████████████████████████████████ |
138 | 140 | █ P T L A N C H E R █ |
139 | 141 | ███████████████████████████████████████ |
| 142 | + </pre> |
140 | 143 | </div> |
141 | 144 |
|
142 | 145 | <div class="account-info" id="account-info"> |
|
145 | 148 |
|
146 | 149 | <!-- Box per la ricerca testuale --> |
147 | 150 | <div class="search-bar"> |
148 | | - <input |
149 | | - type="text" |
150 | | - id="search-input" |
151 | | - placeholder="Cerca giochi per nome, descrizione o lingua..." |
152 | | - /> |
| 151 | + <input type="text" id="search-input" placeholder="Cerca giochi per nome, descrizione o lingua..." /> |
153 | 152 | </div> |
154 | 153 |
|
155 | 154 | <!-- Filtro per tag: selezione tramite dropdown --> |
|
178 | 177 | console.error(error); |
179 | 178 | } |
180 | 179 | } |
181 | | - |
| 180 | + |
182 | 181 | function updateFavicon(versionData) { |
183 | 182 | if (versionData && versionData.icon_link) { |
184 | 183 | let favicon = document.getElementById("dynamic-favicon"); |
|
0 commit comments