Skip to content

Commit 818f297

Browse files
bigBrodyGbigBrodyG
committed
refactor: slim ServerWebStatico (Css folder, images in public, basic 404)
1 parent f1b6c56 commit 818f297

10 files changed

Lines changed: 70 additions & 358 deletions

File tree

‎ServerWebStatico/Css/style.css‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
body {
2+
margin: 0;
3+
font-family: Arial, sans-serif;
4+
background: #f4f6f8;
5+
color: #222;
6+
text-align: center;
7+
}
8+
9+
nav {
10+
background: #2f6fb0;
11+
padding: 15px;
12+
}
13+
14+
nav a {
15+
color: white;
16+
text-decoration: none;
17+
font-weight: bold;
18+
margin: 0 15px;
19+
}
20+
21+
nav a:hover {
22+
text-decoration: underline;
23+
}
24+
25+
img {
26+
max-width: 90%;
27+
border-radius: 10px;
28+
}

‎ServerWebStatico/README.md‎

Lines changed: 0 additions & 45 deletions
This file was deleted.

‎ServerWebStatico/css/style.css‎

Lines changed: 0 additions & 148 deletions
This file was deleted.

‎ServerWebStatico/public/404.html‎

Lines changed: 0 additions & 23 deletions
This file was deleted.

ServerWebStatico/img/mare.jpg renamed to ServerWebStatico/public/img/mare.jpg

File renamed without changes.

ServerWebStatico/img/montagna.png renamed to ServerWebStatico/public/img/montagna.png

File renamed without changes.

‎ServerWebStatico/public/index.html‎

Lines changed: 8 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,18 @@
11
<!DOCTYPE html>
2-
<!-- Home del server web statico - Autore: Giordano Fornari -->
32
<html lang="it">
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Home - Server Statico</title>
8-
<link rel="stylesheet" href="/css/style.css">
6+
<title>Home</title>
7+
<link rel="stylesheet" href="/Css/style.css">
98
</head>
109
<body>
11-
<header>
12-
<h1>Server Web Statico</h1>
13-
<p>Pagine servite da Node.js, senza framework.</p>
14-
</header>
10+
<nav>
11+
<a href="/pagina1.html">Montagna</a>
12+
<a href="/pagina2.html">Mare</a>
13+
</nav>
1514

16-
<main>
17-
<p>Scegli una delle due pagine:</p>
18-
19-
<!-- i due link alle pagine con l'immagine -->
20-
<nav class="scelte">
21-
<a class="card" href="/pagina1.html">
22-
<span class="titolo">Montagna</span>
23-
<span class="sotto">Pagina 1 &rarr;</span>
24-
</a>
25-
<a class="card" href="/pagina2.html">
26-
<span class="titolo">Mare</span>
27-
<span class="sotto">Pagina 2 &rarr;</span>
28-
</a>
29-
</nav>
30-
31-
<!-- link a una pagina che non esiste, per vedere il 404 -->
32-
<p class="nota">
33-
Vuoi vedere l'errore 404? Prova una <a href="/pagina-che-non-esiste.html">pagina che non esiste</a>.
34-
</p>
35-
</main>
36-
37-
<footer>Giordano Fornari</footer>
15+
<h1>Benvenuto nel mio sito</h1>
16+
<p>Scegli una pagina dal menu.</p>
3817
</body>
3918
</html>

‎ServerWebStatico/public/pagina1.html‎

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,17 @@
11
<!DOCTYPE html>
2-
<!-- Pagina 1 (montagna) - Autore: Giordano Fornari -->
32
<html lang="it">
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Montagna - Server Statico</title>
8-
<link rel="stylesheet" href="/css/style.css">
6+
<title>Montagna</title>
7+
<link rel="stylesheet" href="/Css/style.css">
98
</head>
109
<body>
11-
<header>
12-
<h1>Montagna</h1>
13-
<p>Pagina 1</p>
14-
</header>
10+
<nav>
11+
<a href="/">Home</a>
12+
</nav>
1513

16-
<main>
17-
<!-- immagine servita dalla cartella img -->
18-
<figure>
19-
<img src="/img/montagna.png" alt="Montagne innevate sotto un cielo azzurro con il sole" width="900" height="560">
20-
<figcaption>Montagne innevate (PNG)</figcaption>
21-
</figure>
22-
23-
<a class="indietro" href="/">&larr; Torna alla home</a>
24-
</main>
25-
26-
<footer>Giordano Fornari</footer>
14+
<h1>Montagna</h1>
15+
<img src="/img/montagna.png" alt="Montagne innevate">
2716
</body>
2817
</html>

‎ServerWebStatico/public/pagina2.html‎

Lines changed: 7 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,17 @@
11
<!DOCTYPE html>
2-
<!-- Pagina 2 (mare) - Autore: Giordano Fornari -->
32
<html lang="it">
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Mare - Server Statico</title>
8-
<link rel="stylesheet" href="/css/style.css">
6+
<title>Mare</title>
7+
<link rel="stylesheet" href="/Css/style.css">
98
</head>
109
<body>
11-
<header>
12-
<h1>Mare</h1>
13-
<p>Pagina 2</p>
14-
</header>
10+
<nav>
11+
<a href="/">Home</a>
12+
</nav>
1513

16-
<main>
17-
<!-- immagine servita dalla cartella img -->
18-
<figure>
19-
<img src="/img/mare.jpg" alt="Tramonto sul mare con il riflesso del sole sull'acqua" width="900" height="560">
20-
<figcaption>Tramonto sul mare (JPG)</figcaption>
21-
</figure>
22-
23-
<a class="indietro" href="/">&larr; Torna alla home</a>
24-
</main>
25-
26-
<footer>Giordano Fornari</footer>
14+
<h1>Mare</h1>
15+
<img src="/img/mare.jpg" alt="Tramonto sul mare">
2716
</body>
2817
</html>

0 commit comments

Comments
 (0)