-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
202 lines (176 loc) · 13.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="it">
<head>
<title>Il Portale di Nicola</title>
<meta charset="utf-8">
<meta name="author" content="Nicola Bernardi">
<meta name="description" content="Come fare un sito web: consigli e molto altro, trucchi, sfondi gratis, programmi C++ già fatti e molto altro nel Portale di Nicola 4.3.6.4">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="css/core.css">
<link rel="stylesheet" href="css/anim.css">
<link rel="stylesheet" href="css/home.css">
<!-- <link rel="stylesheet" href="css/white.css"> -->
<script src="js/comandi.js"></script>
<script src="js/home.js"></script>
<script src="js/pageUtil.js"></script>
<meta name="keywords" content="il portale di nicola, portale nicola, portalenicola, c++, cpp, sfondi gratis, free wallpaper, trucchi, tips, eastereggs, easter eggs, nicola bernardi, tpsit, app android, nicola bernardi sito, il portale di nicola bernardi, nbernardi">
<script data-ad-client="ca-pub-9843209517750049" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- <script src="https://cdn.websitepolicies.io/lib/cookieconsent/1.0.3/cookieconsent.min.js" defer></script><script>window.addEventListener("load",function(){window.wpcc.init({"border":"thin","corners":"large","colors":{"popup":{"background":"#491b1b","text":"#ffffff","border":"#e6b3b3"},"button":{"background":"#e6b3b3","text":"#000000"}},"position":"bottom","transparency":"5","content":{"href":"privacy/","message":"Questo sito utilizza i cookies per offrire una migliore esperienza, oltre a contenuti mirati ","button":"Perfetto","link":"Leggi di più"}})});</script> -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JQNQS81SP0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-JQNQS81SP0');
</script>
<style>
</style>
</head>
<body>
<header>
<!-- NAVBAR GENERATA CON IL JS -->
</header>
<section id="bod">
<section>
<div class="icns">
<a title="Instagram" href="https://www.instagram.com/nico.mon3y.3108/"><img src="images/instag.png" class="icon" alt="Instagram" id="ig"></a>
<a title="Contatti" href="whoami/"><img src="images/contatta.png" class="icon" alt="Contatti" id="contt"></a>
<a title="Sostienimi: donami" href="https://paypal.me/gazzettaleviponti"><img src="images/paypal.png" class="icon" alt="Donami" id="paypll"></a>
<!-- <a title="Vecchio sito - Non più disponibile" href="https://site.nbernardi.tk" disabled><img src="images/old.png" class="icon" alt="OldSite"></a> -->
<a title="C++" href="didattica/cpp/"><img src="images/cpp.png" class="icon" alt="Cpp" id="cplus"></a>
<a title="Informatica" href="didattica/informatica" style="display:none;"><img src="images/coding.png" class="icon" alt="Informatica" style="display:none;"></a>
<img src="images/term.png" class="icon" onclick="cmd()" title="terminal" id="cmddd">
<a title="Giochi" href="giochi/"><img src="images/giochi.png" class="icon" alt="Giochi" id="giuochi"></a>
<a title="Entra nel mio server Discord" href="https://discord.gg/TK8j9nft"><img src="images/discord.png" class="icon" id="discordia" alt="Join into my Discord Server"></a>
</div>
<p style="display:none;">Il Portale di Nicola contiene suggerimenti su come fare un sito web, appunti didattici di diverse materie, nuovi sfondi ogni settimana, programmi C++ già fatti e scaricabili gratis,
trucchi informatici, una guida ai siti web, moltissimi easter eggs e molto altro.
</p>
<h1 id="ciao" onmouseenter="console.log('Easter Egg nascosto abbastanzamolto bene.')">Il Portale di Nicola
</h1>
<article>
<h2 class="tit">Home Page</h2>
</article>
</section>
<section id="icone1" style="clear:left;">
<img id="cop1" src="images/copp.png" alt="copertina" style="clear:right;">
<a title="Didattica" href="didattica/"><img src="images/did.png" class="icon" alt="didattica" id="didat"></a>
<a title="Trucchi" href="trucchi/"><img src="images/tru.png" class="icon" alt="trucchi" id="truc"></a>
<a title="Sfondi" href="sfondi/"><img src="images/sfo.png" class="icon" alt="sfondi" id="sfundi"></a>
</section>
<section id="icone2">
<p style="visibility: hidden;">Questo è un easter-egg necessario: non riuscivo a trovare il modo
per staccare con il CSS e allora ho fatto questo paragrafo nascosto. Se l'hai trovato ti faccio i complimenti</p>
<!--Riguardo a quello che è scritto sopra (è necessario perché non so come aumentare lo spazio col CSS),
ovviamente ho scoperto (da diverso tempo) l'attributo margin, ma mi scoccio di metterlo.-->
<a title="Pagina della personalizzazione" href="settings/"><img src="images/themes.png" class="icon" alt="Personalizzazione del sito" id="ster"></a>
<a title="TPSIT" href="didattica/tpsit/"><img src="images/tpsit.png" class="icon" alt="Tpsit" id="slashtp"></a>
<a title="Interattivo" href="interattivo/"><img src="images/inter.png" class="icon" alt="Interattivo" id="int"></a>
<!-- <p>(!) - Premi le icone sovrastanti per andare alle pagine (oppure usa la barra di navigazione in alto).</p> -->
<div class="tipo">
<p style="display: inline;" id="cosafaccio"><a href="https://youtube.com/@mon3ynax">Iscriviti al mio canale YT</a></p></div>
<img id="cop2" src="images/copp.png" alt="copertina">
</section>
<p style="visibility: hidden;">Altro paragrafo fatto per staccare</p>
<section id="bacheca" style="overflow: auto;">
<article>
<h4 class="whoami"><u>Bacheca</u></h4>
<p class="dat"><b style="color:green;">5 novembre: Cambio dominio</b></p>
<p>
Data l'imminente scadenza del mio dominio (nbernardi.tk) ho deciso di cambiarlo in quello standard di GitHub
in modo da non cambiarlo più e che rimanga online potenzialmente all'infinito
</p>
<p class="dat"><b style="color:green;">28 maggio: Nuovissimo articolo sul JSON nell pagina JavaScript</b></p>
<p><a href="didattica/tpsit/javascript/">
Oggi parliamo del JSON, che cos'è? Come usarlo? Parleremo proprio di questo nell'articolo dedicato nella pagina JavaScript.
Il tutorial di oggi è veramente molto semplice. Clicca qui per leggere l'articolo.
</a></p>
<p class="dat"><b>Comunicazione di servizio:</b></p>
<p>
Non so quanto attivo sarò durante l'estate, nonostante ciò, cercherò di non trascurare troppo il mio sito.
</p>
<p class="dat" id="anal"><b>Analytics della settimana</b></p>
<p>Utenti: <span id="useratori">0</span>.
</p>
<!-- ↑ ↓ -->
<ol>
<li>🏆 Home Page - 1884 visual.</li>
<li>🥈Impostazioni - 1255 visual.</li>
<li>🥉↑(5) JavaScript - 482 visual.</li>
<li>↓(3) Interattivo - 465 visual.</li>
<li>↓(4) Sfondi (pg1) - 351 visual.</li>
<li>↑(15) Trucchi - 271 visual.</li>
<li>↓(6) Aggiornamenti - 235 visual.</li>
<li>↓(7) Pannello di controllo - 201 visual.</li>
<li>↓(8)Contatti - 192 visual.</li>
<li>↓(9) Didattica - 168 visual.</li>
</ol>
<p><small>Ultimo aggiornamento: 8 giugno 2023</small></p>
<p><sub>I numeri tra parentesi rappresentano la posizione che avevano lo scorso aggiornamento</sub></p>
<p>Considerazioni: Le pagine <a href="trucchi/">Trucchi</a> (dopo l'ultimo aggiornamento) e la pagina <a href="didattica/tpsit/javascript/">JavaScript</a> hanno riscosso un notevole successo, pertanto i prossimi aggiornamenti al sito si concentreranno in quelle pagine</p>
</article>
</section>
<section id="eroi" style="overflow: auto;">
<article>
<h4 class="whoami"><span>Evento:</span> -</h4>
<!--js-->
<div style="width: 45%; float:left;"><p>
Nessun evento per ora. Stay tuned!
</p></div>
<div style="width: 45%; float:right"><p id="donaaa">In questa pagina sono presenti i bottoni e le cose relative agli eventi/festività in Italia.</p></div>
<div style="clear:both; text-align: center;">
<!-- <button onclick="animazATema()">Premi qui per avviare l'animazione a tema</button>
<button onclick="localStorage.removeItem('festa'); location.reload()">Premi qui per fermare l'animazione a tema</button>
<p>Giorni all'evento: <span id="ggEv" style="color:red;">-</span></p> -->
</div>
</article>
</section>
<section id="nov">
<article id="novModif">
<h3 class="tit3">Novità</h3>
<p class="dat"><b>5 novembre 2023:</b></p>
<p>Aggiornata la bacheca.</p>
<p class="dat"><b>10 giugno 2023:</b></p>
<p class="dat"><b>10 giugno 2023:</b></p>
<p>Aggiunta un'animazione carina per augurare buone vacanze estive.</p>
<p class="dat"><b>10 giugno 2023:</b></p>
<p>Tolto il countdown dell'ultimo giorno di scuola.</p>
<p><b><a style="color: red;" href="https://www.instagram.com/nico.mon3y.3108/">Seguimi su Instagram per più aggiornamenti e per partecipare attivamente ai miei sondaggi.</a></b></p>
<h3 id="agg" title="Pagina della trasparenza"><a id="colagg" onmouseenter="document.getElementById('colagg').innerHTML='Pagina della Trasparenza'" onmouseleave="document.getElementById('colagg').innerHTML='•••'" href="aggiornamenti/">•••</a></h3>
</article>
</section>
<section id="vhs">
<article>
<h4 class="whoami">Potrebbe interessarti...</h4>
<h3 class="xte"><a href="settings/">Il Portale di Nicola ora più personalizzabile</a></h3>
<p class="ioo">
Dopo il grande successo della pagina della personalizzazione, sto puntando a rendere il sito più personalizzabile possibile.
È ora possibile personalizzare il font del sito. Cosa aspetti? Vai alla <a href="settings/">Pagina della personalizzazione</a> e scegli il tuo preferito!
</p>
<h3 class="xte"><a href="https://discord.gg/TK8j9nft">Entra nel mio SERVER DISCORD</a></h3>
<p class="ioo">Ebbene sì, ho creato un server Discord dove chiunque può parlare con me per darmi consigli sul sito o più banalmente per chiaccherare con me.
Ho messo a disposizione diverse chat testuali e diverse chat vocali. Entrate, vi divertirete.
</p>
<h3 class="xte"><a href="https://timemachine.nbernardi.tk">Vai alla time machine</a></h3>
<p class="ioo">I due anni del sito si avvicinano e io ho caricato online i vecchi snapshoot del sito</p>
<h3 class="xte"><a href="didattica/tpsit/">Pagina TPSIT</a></h3>
<p class="ioo">Nella pagina TPSIT, progetti di siti web, linguaggi per farne uno, consigli, interazione HTML - JS e altro ancora.</p>
</article>
</section>
<div class="icns2">
<a title="Instagram" href="https://www.instagram.com/nico.mon3y.3108/"><img src="images/instag.png" class="icn" alt="Instagram"></a>
<a title="Contatti" href="whoami/"><img src="images/contatta.png" class="icn" alt="Contatti"></a>
<a title="Sostienimi: donami" href="https://paypal.me/gazzettaleviponti"><img src="images/paypal.png" class="icn" alt="Donami"></a>
<!-- <a title="Vecchio sito - Non più disponibile" href="https://site.nbernardi.it" disabled><img src="images/old.png" class="icn" alt="OldSite"></a> -->
<a title="C++" href="didattica/cpp/"><img src="images/cpp.png" class="icn" alt="Cpp"></a>
<img src="images/term.png" id="easter" class="icn" onclick="cmd()" title="terminal">
<a title="giochi" href="giochi/"><img src="images/giochi.png" class="icn" alt="giochi"></a>
<a title="Enta nel mio server Discord" href="https://discord.gg/TK8j9nft"><img src="images/discord.png" class="icn" alt="Join into my Discord server"></a>
</div>
<footer style="clear:both;" id="foot">
</footer>
</section>
</body>
</html>