Skip to content

Commit e0dee7c

Browse files
EttoreCaputoEttoreCaputo
committed
Aggiornamenti pagina notizie
1 parent fae2d29 commit e0dee7c

1 file changed

Lines changed: 40 additions & 53 deletions

File tree

‎venezia-marea/news.html‎

Lines changed: 40 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@
1414
<meta name="news-id" content="2026-02-23">
1515

1616
<title>Novità – Venezia Marea</title>
17+
<link rel="preconnect" href="https://fonts.googleapis.com">
18+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&display=swap" rel="stylesheet">
1720
<style>
1821
:root {
1922
--accent: #0057a8;
@@ -34,7 +37,7 @@
3437
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
3538
line-height: 1.6;
3639
margin: 0;
37-
padding: 8em 1em 4em;
40+
padding: 4em 1em 4em;
3841
background: radial-gradient(circle at top, #e3f0ff 0, #ffffff 55%);
3942
color: var(--text);
4043
-webkit-font-smoothing: antialiased;
@@ -45,32 +48,20 @@
4548
margin: 0 auto;
4649
}
4750

48-
header {
49-
display: flex;
50-
align-items: center;
51-
justify-content: space-between;
52-
margin-bottom: 24px;
53-
}
54-
55-
.app-name {
56-
font-size: 0.85em;
57-
font-weight: 600;
58-
color: var(--accent);
59-
letter-spacing: 0.03em;
60-
text-transform: uppercase;
61-
}
62-
6351
.lang-switcher {
6452
display: flex;
65-
gap: 6px;
53+
justify-content: center;
54+
gap: 12px;
55+
margin-top: 4px;
56+
margin-bottom: 14px;
6657
}
6758

6859
.lang-switcher button {
6960
background: none;
70-
border: 1px solid #ccc;
71-
border-radius: 6px;
61+
border: 1.2px solid #ccc;
62+
border-radius: 12px;
7263
padding: 3px 10px;
73-
font-size: 0.78em;
64+
font-size: 0.88em;
7465
cursor: pointer;
7566
color: var(--muted);
7667
transition: border-color 0.15s, color 0.15s;
@@ -82,32 +73,34 @@
8273
font-weight: 600;
8374
}
8475

85-
.headline {
86-
display: flex;
87-
align-items: center;
88-
justify-content: space-between;
89-
gap: 12px;
90-
margin-bottom: 16px;
91-
}
92-
9376
.news-date-tag {
94-
display: inline-block;
77+
display: inline-flex;
78+
align-items: center;
79+
justify-content: center;
9580
background: var(--tag-bg);
9681
color: var(--tag-color);
97-
font-size: 0.78em;
82+
font-size: 0.8em;
9883
font-weight: 600;
99-
padding: 3px 10px;
84+
padding: 2px 10px;
10085
border-radius: 20px;
101-
margin-bottom: 14px;
10286
letter-spacing: 0.02em;
87+
width: auto;
88+
max-width: max-content;
89+
margin-inline: auto;
90+
}
91+
92+
.page-heading {
93+
text-align: center;
10394
}
10495

10596
h1 {
106-
font-size: 1.65em;
97+
font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
98+
font-size: 2.2em;
10799
margin: 0;
108-
line-height: 1.2;
109-
color: #020817;
110-
letter-spacing: -0.02em;
100+
line-height: 1.15;
101+
color: var(--accent);
102+
letter-spacing: -0.03em;
103+
font-weight: 700;
111104
}
112105

113106
.news-list {
@@ -206,23 +199,22 @@
206199
<body>
207200

208201
<div class="page">
209-
<header>
210-
<span class="app-name">Venezia Marea</span>
211-
<div class="lang-switcher">
212-
<button id="btn-it" onclick="setLang('it')">IT</button>
213-
<button id="btn-en" onclick="setLang('en')">EN</button>
214-
</div>
215-
</header>
202+
<div class="page-heading">
203+
<h1>VENEZIA MAREA</h1>
204+
<p data-lang="it">Le ultime novità di Venezia Marea</p>
205+
<span class="news-date-tag" data-lang="it">23 febbraio 2026</span>
206+
<span class="news-date-tag" data-lang="en">February 23, 2026</span>
207+
</div>
208+
209+
<div class="lang-switcher">
210+
<button id="btn-it" onclick="setLang('it')">IT</button>
211+
<button id="btn-en" onclick="setLang('en')">EN</button>
212+
</div>
216213

217214
<!-- ═══════════════════════════════════════════
218215
ITALIAN CONTENT
219216
════════════════════════════════════════════ -->
220217
<div data-lang="it">
221-
<div class="headline">
222-
<span class="news-date-tag">23 febbraio 2026</span>
223-
<span style="font-size: 0.8em; color: var(--muted);">Aggiornamenti sull'app</span>
224-
</div>
225-
<h1>Le ultime novità di Venezia Marea</h1>
226218

227219
<div class="news-list">
228220
<div class="news-card">
@@ -289,11 +281,6 @@ <h2>Previsioni marea ancora più precise</h2>
289281
ENGLISH CONTENT
290282
════════════════════════════════════════════ -->
291283
<div data-lang="en">
292-
<div class="headline">
293-
<span class="news-date-tag">February 23, 2026</span>
294-
<span style="font-size: 0.8em; color: var(--muted);">App updates</span>
295-
</div>
296-
<h1>What’s new in Venezia Marea</h1>
297284

298285
<div class="news-list">
299286
<div class="news-card">

0 commit comments

Comments
 (0)