Si comincia svegliandosi sulla panchina dei vecchietti dopo una notte brava: gli occhi che si aprono a fatica, la piazza sfocata e doppia; e dal Barone il telefonino col sito di San Piero, che si apre a tutto schermo, e il Muro del Sanpierino vero coi messaggi del 2007, «Aggiorna» compreso (Andrea)

- Il risveglio (src/engine/risveglio.js): primo piano sopra la scena, con le battute mentre le palpebre si aprono e
  i vecchietti che danno la notizia del palio; «Salta» lo salta.
- Il telefonino del Barone (src/engine/telefono.js): sale dal basso come il libro, la home di sanpiero50037.it dalla
  Wayback Machine nello schermo, il mattone del muro apre il muro.
- Il muro (assets/muro, tools/muro.py): la pagina vera rifatta statica dal muro riesumato, coi 24 messaggi del dump
  (senza email né IP) e quelli del gioco, che arrivano con la storia; «Scrivi» spento.
- Il gioco sgancia i service worker di altre app rimasti sul suo indirizzo (la Bussola su localhost:8080).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01GiECd9RWGMKV7n3K1mdy8T
This commit is contained in:
2026-10-31 09:52:34 +01:00
co-authored by Claude Opus 5.5
parent 1ea78161d1
commit c5953f04c0
93 changed files with 1112 additions and 68 deletions
+57
View File
@@ -0,0 +1,57 @@
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Responsabilità degli Iscritti</title>
</head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="600">
<tr>
<td width="100%">
<p align="center" style="margin-top: 0; margin-bottom: 0"><b>
<font size="6" face="Arial">Responsabilità degli Iscritti</font></b></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial">Si fa presente che lo <b>Staff di WWW.SANPIERO50037.IT</b>,
non effettuerà controllo preventivo sul contenuto dei commenti e degli
interventi sul &quot;MURO DEL SANPIERINO&quot;, ma, <b><u>vista la possibilità di
risalire agli autori degli stessi</u></b>, si sentirà autorizzato alla
comunicazione di tali dati ai <b>Soggetti Interessati e all'Autorità
Giudiziaria</b> in caso di violazione di qualsiasi articolo del C.C. e del
C.P., si invita pertanto a prendere coscienza delle<b> responsabilità
civili e penali </b>che l'utente si assume in prima persona per il
contenuto di ciò che scrive.</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><b>
<font face="Arial">E' pertanto necessario che tutti gli utenti garantiscano il contenuto:</font></b></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial"><b>1 -</b> Non sia volgare, diffamatorio e
pregiudizievole;</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial"><b>2 -</b> Non violi in alcun modo i diritti di terzi;</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial"><b>3 -</b> Non violi i diritti stabiliti dal
<a href="Privacy.htm">D.Lgs. 30.06.2003 n°196</a> e ogni altra normativa
in</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial">&nbsp;materia di Privacy;</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial"><b>4 -</b> Non violi la vigente normativa in materia di
Pubblica Sicurezza e Buon Costume e/o altre norme imperative;</font></p>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<font face="Arial"><b>5 -</b> Non venga inserito per fini di &quot;Spamming&quot;.</font></td>
</tr>
</table>
</center>
</div>
<p align="center"><a href="index.html" style="font: bold 14px Tahoma; color: #800000">&laquo; Torna al Muro</a></p></body>
</html>
@@ -0,0 +1,97 @@
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Guida al Muro del Sanpierino</title>
</head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="1024">
<tr>
<td width="100%">
<p class="MsoNormal" align="center" style="text-align: center; margin-top: 0; margin-bottom: 0">
<b><span style="font-size: 22.0pt">Guida al Muro del Sanpierino</span></b></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<b><u><span style="text-decoration: none; font-size: 18.0pt">&nbsp;</span></u></b></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<b><u><span style="font-size: 18.0pt">1 – Iscrizione</span></u></b></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<span style="font-size: 14.0pt">Se vuoi scrivere un messaggio sul Muro del
Sanpierino adesso dovrai prima essere iscritto. Iscriversi è gratuito e
semplicissimo, sarà sufficiente andare sul Muro e cliccare sull’icona
“Scrivi”, da lì verrai inviato nella pagina di “Login” dove troverai il
tasto “Iscriviti”,&nbsp; cliccandolo ti troverai direttamente nella pagina
d’Iscrizione. Appena riceveremo la tua richiesta attiveremo il tuo account
e riceverai una mail, all’indirizzo inserito, a conferma dell’attivazione.
A quel punto potrai scrivere sempre e in qualunque momento sul Muro.</span></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<span style="font-size: 14.0pt">&nbsp;</span></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<b><u><span style="font-size: 18.0pt">2 – Scrivere</span></u></b></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<span style="font-size: 14.0pt">Per scrivere sul Muro sarà sufficiente
cliccare sul tasto “Scrivi” e inserire il proprio Nickname e Password (se
non si è iscritti segui le istruzioni al paragrafo 1- Iscrizione). Vi
troverete nella pagina di scrittura vera e propria dove potrete scegliere
se mantenere il vostro Nickname d’iscrizione o variarlo, se rendere
visibile il vostro indirizzo e-mail oppure no e ancora scegliere fra le
oltre 470 smiles disponibili e ancora variare l’aspetto grafico del vostro
messaggio consultando la pagiana di aiuto per la personalizzazione… tante
alternative che sicuramente saranno di vostro gradimento!</span></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<span style="font-size: 14.0pt">&nbsp;</span></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<b><u><span style="font-size: 18.0pt">3 – Privacy &amp; Responsabilità</span></u></b></p>
<p class="MsoNormal" style="text-align: justify; margin-top: 0; margin-bottom: 0">
<span style="font-size: 14.0pt">L’aspetto più importante di questo Nuovo
Muro del Sanpierino è proprio quello relativo alle Resposabilità che ogni
utente si assume nei post inseriti. Ogni Utente, pur facendo salva la
propria Privacy, non dovrà in alcun modo ledere gli altrui diritti e
quindi:</span></p>
<p style="text-align: justify; margin: 0 0cm">
<span style="font-size: 14.0pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>1 -</b> Non dovrà essere
volgare, diffamatorio e pregiudizievole;</span></p>
<p style="text-align: justify; text-indent: 35.4pt; margin: 0 0cm"><b>
<span style="font-size: 14.0pt">2 -</span></b><span style="font-size: 14.0pt">
Non dovrà violare in alcun modo i diritti di terzi;</span></p>
<p style="text-align: justify; text-indent: 35.4pt; margin: 0 0cm"><b>
<span style="font-size: 14.0pt">3 -</span></b><span style="font-size: 14.0pt">
Non dovrà violare i diritti stabiliti dal
<a href="http://www.sanpiero50037.it/spswall/Privacy.htm" style="color: blue; text-decoration: underline; text-underline: single">
D.Lgs. 30.06.2003 n°196</a> e ogni altra </span></p>
<p style="text-align: justify; text-indent: 35.4pt; margin: 0 0cm">
<span style="font-size: 14.0pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; normativa in materia di Privacy;</span></p>
<p style="text-align: justify; margin-left: 35.4pt; margin-right: 0cm; margin-top: 0; margin-bottom: 0">
<b><span style="font-size: 14.0pt">4 -</span></b><span style="font-size: 14.0pt">
Non dovrà violare la vigente normativa in materia di Pubblica Sicurezza e
</span></p>
<p style="text-align: justify; margin-left: 35.4pt; margin-right: 0cm; margin-top: 0; margin-bottom: 0">
<b><span style="font-size: 14.0pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></b>
<span style="font-size: 14.0pt">Buon Costume e/o altre norme imperative;</span></p>
<p style="text-align: justify; text-indent: 35.4pt; margin: 0 0cm"><b>
<span style="font-size: 14.0pt">5 -</span></b><span style="font-size: 14.0pt">
Non dovrà inserire post per fini di &quot;Spamming&quot;.</span></p>
<p style="text-align: justify; margin: 0 0cm">
<span style="font-size: 14.0pt">In caso di violazione di una delle regole
descritte qui sopra il messaggio verrà cancellato quanto prima e, in caso
di richiesta da parte del Soggetto interessato o dell’Autorità
Giudiziaria, verranno comunicati i suoi dati oltre, naturalmente, al
blocco dell’Utente che si renderà responsabile di tale messaggio. Per
tutti gli altri messaggi la Privacy dei nostri Utenti sarà tutelata come
descritto dal
<a href="http://www.sanpiero50037.it/spswall/Privacy.htm" style="color: blue; text-decoration: underline; text-underline: single">
D.Lgs. 30.06.2003 n°196</a>, tranne nei caso di violazione dei nostri Data
Base da attacchi esterni.</span></td>
</tr>
</table>
</center>
</div>
<p align="center"><a href="index.html" style="font: bold 14px Tahoma; color: #800000">&laquo; Torna al Muro</a></p></body>
</html>
Binary file not shown.

After

Width:  |  Height:  |  Size: 177 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 904 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 219 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 269 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 129 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 758 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 605 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 363 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 573 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

+40
View File
@@ -0,0 +1,40 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<!-- Il Muro del Sanpierino (2007-2009, Manzolo e Baron De Duke) dentro il gioco, sul telefonino del Barone: lo stesso
markup di thewall.php, coi messaggi veri (tools/muro.py: niente email né IP) e quelli del gioco
(story.closeups.muro_sanpierino.messages, ognuno con la sua condizione). «Scrivi» è spento (Andrea, 31 ottobre). -->
<link rel="stylesheet" type="text/css" href="./muro.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Il Muro del Sanpierino</title>
</head>
<body>
<table width="1024" border="0" align="center">
<td width="250">&nbsp;</td>
<td width="524" align="center">
<a href="#" id="logo"><img class="imgnoborder" src="./img/logo_trasparente_obliquo.gif" alt="Return to Website" /></a>
</td>
<td width="250">&nbsp;</td>
</table>
<div><br /></div>
<div class="divcenter">
<div class="divcenter">
<span class="title">Il Muro del Sanpierino</span><br />
<a href="./Responsabilita.htm"><span class="pblue">Responsabilita'</span></a>
<span class="pblack"> - </span>
<a href="./guida_al_muro_del_sanpierino.htm"><span class="pred">Guida al Muro<br /></span></a>
<span class="pnormal" id="count"></span>
<br />
<div class="bar"></div>
<div id="wall"></div>
<div class="bar"></div>
<div>
<p class="powered">Powered by</p>
<p><img src="./img/logomanzolo.jpg" alt=""/></p>
<p class="poweredby">Manzolo</p>
</div>
</div>
</div>
<script type="module" src="./muro.js"></script>
</body>
</html>
+162
View File
@@ -0,0 +1,162 @@
{
"smiles": {
"[13_grin]": "13_grin.gif",
"[14_bigmouth]": "14_bigmouth.gif",
"[15_weeping]": "15_weeping.gif",
"[16_angry]": "16_angry.gif",
"[17_wink]": "17_wink.gif",
"[1_grin]": "1_grin.gif",
"[20_grumpy]": "20_grumpy.gif",
"[21_irked]": "21_irked.gif",
"[22_yikes]": "22_yikes.gif",
"[24_shocked]": "24_shocked.gif",
"[8-)]": "25_coolguy.gif",
"[28_spin]": "28_spin.gif",
"[ambulance]": "ambulance.gif",
"[banghead]": "banghead.gif",
"[beret]": "beret.gif",
"[bouncer]": "bouncer.gif",
"[bowtie]": "bowtie.gif",
"[detective]": "detective.gif",
"[duh2]": "duh2.gif",
"[fryingpan]": "fryingpan.gif",
"[highfive]": "highfive.gif",
"[paperbag]": "paperbag.gif",
"[shocking]": "shocking.gif",
"[simpsonhomer]": "simpsonhomer.gif",
"[splat]": "splat.gif",
"[surfing]": "surfing.gif",
"[thumbsup2]": "thumbsup2.gif",
"[tombstone]": "tombstone.gif",
"[trophy]": "trophy.gif",
"[user]": "user.gif",
"[vader2]": "vader2.gif",
"[wave2]": "wave2.gif",
"[weightlifter]": "weightlifter.gif",
"[wonderwoman]": "wonderwoman.gif",
"[yipes]": "yipes.gif",
"[pampa]": "pampa.gif"
},
"messages": [
{
"nick": "WWW.SANPIERO50037.IT X IL SOCIALE",
"date": "2007-11-14 22:48:20",
"text": "<br>"
},
{
"nick": "Porc@ontha$..!",
"date": "2007-11-14 22:24:36",
"text": "Eccomi anche io a sverginare il nuovo muro...[1_grin]"
},
{
"nick": "Baron De Duke",
"date": "2007-11-14 21:14:31",
"text": "<font color=#0000FF>X BANTU\r\nL'INDIRIZZO E-MAIL INSERITO NON E' VALIDO, PER CORTESIA CONTATTAMI VIA E-MAIL. GRAZIE</font>"
},
{
"nick": "Megy",
"date": "2007-11-14 19:04:25",
"text": "Ieri ed oggi,con la Ferrari è andato in pista un ragazzo di 38 anni,tedesco...dice prometta bene!!![15_weeping]"
},
{
"nick": "?",
"date": "2007-11-14 18:49:21",
"text": "Il problema del Reconquista è che non la buttano dentro nemmeno con le mani...tanto l'importante è divertirsi e che nessuno si faccia del male.[ambulance]"
},
{
"nick": "tetsuyaharada",
"date": "2007-11-14 17:37:19",
"text": "glazie pel il nuovo mulo"
},
{
"nick": "manutd",
"date": "2007-11-14 16:50:29",
"text": "bravi ragazzi ottimo lavoro ci si deve sempre un po rompere le [bouncer][bouncer]però poi le cose vengon fuori [28_spin][28_spin][28_spin]"
},
{
"nick": "fraus",
"date": "2007-11-14 14:59:18",
"text": "Mariolino Sindaco![1_grin]"
},
{
"nick": "TeoNick",
"date": "2007-11-14 14:37:34",
"text": "Ma che tipo di Mariolino sei?"
},
{
"nick": "Mariolino for President",
"date": "2007-11-14 12:04:12",
"text": "[14_bigmouth] effettivamente ci sarebbe da infamare, ma dato che vu siete voi che correte in campo lasciamo fare, se vi piace così!\r\nVolevo dire soltanto che quello che manca, non è il gioco, il fiato la panchina ecc ecc ecc, ma l'attaccamento alla maglia, mi parete un pò carenti di grinta, nessuno letica con nessuno, il piedino si tira sempre indietro (e non dite che il giorno dopo c'è da andà a lavorare che la un regge)ma soprattutto NESSUNO DICE NULLA ALL'ARBITRO, volete mettere le leticate di Manolo con conseguenti espulsioni? superiori.\r\nIn conclusione, va bene così, basta che vu vi diverta, ma dubito che il risultato non vi scossi! SEMPRE E COMUNQUE FORZA RECONQUISTA"
},
{
"nick": "Reconquista",
"date": "2007-11-14 10:34:48",
"text": "Ovvia...su con le infamate!!!ce le meritiamo...[16_angry][16_angry][16_angry]"
},
{
"nick": "pizzu",
"date": "2007-11-14 10:21:32",
"text": "Finalmente il nuovo muro da imbrattare!! Complimenti per l'ottimo lavoro a Barone e Manzolo! [8-)]"
},
{
"nick": "Mariolino for President",
"date": "2007-11-14 08:51:48",
"text": "[22_yikes] MA CHE NEVA IN MONTAGNA?[17_wink]\r\nPENSIERO DEL MATTINO:\r\n\"Meglio vivere con due pensioni oggi, che con una soltanto domani\""
},
{
"nick": "TeoNick",
"date": "2007-11-14 00:41:57",
"text": "Buonasera Muraioli! Ho un questito: è sempre censurato faenza? su quello vecchio UN si poteva [22_yikes][22_yikes][22_yikes][22_yikes][22_yikes]\r\n[yipes][wave2]\r\n\r\nP.s. Mariolino chi? secondo me l'è lui l'untore!![bouncer][bouncer]"
},
{
"nick": "Baron De Duke",
"date": "2007-11-14 00:32:47",
"text": "NONOSTANTE QUALCHE INGEGNOSO IMPAZIENTE... [simpsonhomer] ECCO A VOI IL \"NUOVO MURO DEL SANPIERINO\"!!![banghead]\r\n\r\nAVANTI CON GLI SPRAY!!!! [beret][splat][thumbsup2][wave2]"
},
{
"nick": "Manzolo (Welcome to the real world)",
"date": "2007-11-14 00:32:12",
"text": "Ci siamo!!!!\r\nCari paesani e non, il nuovo muro è online!!!\r\nOgni vostro suggerimento sarà prezioso per migliorare questo nostro spazio che da oggi perde la sua \"staticità\" [tombstone] ...\r\nFacciamolo crescere con idee e critiche...\r\nYour potential. Our passion!\r\n\r\nANDIAMO A PRENDERCI LA [trophy]\r\n\r\nIl presidente [surfing]\r\n\r\nP.s. sconfitta e sculo (per) ora si possono scrivere [24_shocked]"
},
{
"nick": "Cecchino",
"date": "2007-11-14 00:31:58",
"text": "Grandi ragazzi!! Manzolo ora ricordati che c'è da fissare la vacanza rider!! Pampa quest'anno ti svernicio!!"
},
{
"nick": "?",
"date": "2007-11-13 23:19:45",
"text": "Reconquista...datevi foco!!![22_yikes]"
},
{
"nick": "coccinella",
"date": "2007-11-13 22:21:52",
"text": "buona idea questo nuovo muro, complimenti a gabry e al manzolo che si sono impegnati a rendere un po di vita a questo muro. ciao ciao"
},
{
"nick": "Mariolino for President",
"date": "2007-11-13 17:04:04",
"text": "ma funziono?[22_yikes]"
},
{
"nick": "m.d.b.",
"date": "2007-11-13 10:24:51",
"text": "ovvia....m'è riuscito entrare....grande barone e grande manzolo, vediamo se ora si ripiglia ivvia con questo nuovo metodo!!!!\r\ndomenica s'è beccato, mi sa che sono io che porto s c u l o!"
},
{
"nick": "Mariolino for President",
"date": "2007-11-13 09:23:34",
"text": "in attesa di nuove [16_angry]auguro allo staff buon lavoro ed un felice anno nuovo[22_yikes] fose sono un pò prematuro[24_shocked][15_weeping][13_grin][14_bigmouth][17_wink][21_irked][20_grumpy][pampa][pampa][wonderwoman][wonderwoman][weightlifter][shocking][fryingpan][duh2][detective]"
},
{
"nick": "Kiara",
"date": "2007-11-10 21:51:53",
"text": "CIAO MURO!COMPLIMENTI agli autori, barone e manzolo.... è stato uno sporco lavoro ma qualcuno lo doveva pur fare....[8-)]"
},
{
"nick": "Manzolo e Baron De Duke [surfing]",
"date": "2007-11-10 19:22:23",
"text": "IL DADO E' TRATTO!!! [highfive]<br>Finalmente possiamo presentarvi il rinnovato \"MURO DEL SANPIERINO\"! [8-)]<br>Da oggi i messaggi andranno nuovamente On-Line istantaneamente... l'unica cosa che vi chiediamo è una piccola iscrizione. [bowtie]<br>Facciamo presente che l'anonimato rimarrà garantito, unica eccezione sarà fatta quando i messaggi avranno contenuti in disaccordo con le condizioni espresse in fase di registrazione. Potrete consultare i casi nella pagina \"Responsabilità\" che troverete qui sopra. [paperbag]<br>Speriamo che il nostro lavoro sia di vostro gradimento e rimaniamo in attesa dei numerosi nuovi messaggi!!! [user]<br>The Wall is come back... Nothing is Impossible!!! [vader2]"
}
]
}
+31
View File
@@ -0,0 +1,31 @@
body {text-align:center;margin:0 auto;padding:0px;background-color:#F7E1C0;font: 20px Arial; color: #800000; font-weight: bold; font-style: normal; text-decoration: none;}
.pagerbutton { text-align: center; padding:2px; border:1px solid #191E66;font:12px verdana,arial,helvetica;background-color: #DBE0F5;cursor:pointer; color: #191E66; }
.pagerbutton_over { background-color: #F2F4FA; color: #A1A1A1; }
.pagerbutton_disabled { cursor: default; padding:2px; color: #aaaaaa;}
.response { font: 14px Tahoma; color: #800000; font-weight: bold; font-style: italic; text-decoration: none; }
.title {font: 30px Tahoma; color: #800000; font-weight: bold; font-style: normal; text-decoration: none;}
.text { font: 20px Arial; color: #800000; font-weight: bold; font-style: normal; text-decoration: none; }
.question { font: 14px Tahoma; color: #002288; font-weight: bold; font-style: normal; text-decoration: none; }
.name { font: 24px Tahoma; color: #800000; font-weight: bold; font-style: normal; text-decoration: none; }
a { font: 12px Tahoma; color: #800000; font-weight: normal; font-style: normal; text-decoration: none; }
a:visited { font: 12px Tahoma; color: #800000; font-weight: normal; font-style: normal; text-decoration: none; }
a:hover { font: 12px Tahoma; color: #800000; font-weight: normal; font-style: normal; text-decoration: none; }
.divcenter {margin-right:auto;margin-left:auto;width:87%}
.pblue {font: 18px Tahoma; color: #0000A0;font-weight: bold;}
.pred {font: 18px Tahoma; color: #FF0000;font-weight: bold;}
.pblack {font: 18px Tahoma; color: #000000;font-weight: bold;}
.pnormal {font: 12px Tahoma; color: #800000;font-weight: bold;}
.powered {font: 12px Tahoma; color: #800000;font-weight: bold;}
.poweredby {font: 18px Tahoma; color: #800000;font-weight: bold;}
.spacer {border-top: 3px dotted #800000; margin-top: 10px; margin-bottom: 0px}
.td30 {width:30%}
.td70 {width:70%;text-align:right}
.tdcenter {text-align:center}
.imgnoborder {border:0px;}
.imgbar {border:0px;vertical-align:middle;}
+56
View File
@@ -0,0 +1,56 @@
// Il Muro del Sanpierino nel telefonino del Barone: rifà quello che facevano thewall.php, drawbar.php,
// getsmile.php e messagebody.php. I messaggi del gioco (story.closeups.muro_sanpierino.messages) stanno in cima,
// quelli che valgono adesso (ognuno col suo `when`); sotto i messaggi veri del 2007. «Aggiorna» ricarica la pagina:
// se nel frattempo la storia è andata avanti, compaiono i messaggi nuovi.
import { check } from '../../src/engine/game.js';
const PER_PAGE = 50;
const game = (() => { try { return parent.game; } catch { return null; } })();
const def = game?.story.closeups.muro_sanpierino;
const { smiles, messages: real } = await (await fetch('./messaggi.json')).json();
const ours = (def?.messages ?? []).filter(m => check(m.when, game.state)).sort((a, b) => b.date.localeCompare(a.date));
const all = [...ours, ...real];
const from = Math.max(0, Number(new URLSearchParams(location.search).get('pag')) || 0);
// Gli smile come li metteva getsmile.php, e gli a capo.
const smile = text => Object.entries(smiles).reduce((t, [code, link]) => t.split(code).join(`&nbsp;<img src="./img/${link}" alt="" />`), text);
const body = m => smile(m.text).replace(/\r\n|\r|\n/g, '<br />');
const when = d => { const [day, hour] = d.split(' '), [y, mo, dd] = day.split('-'); return `${dd}/${mo}/${y}<br />${hour}`; };
document.getElementById('count').textContent = `(Messaggi lasciati sul muro: ${all.length})`;
document.getElementById('wall').innerHTML = all.slice(from, from + PER_PAGE).map(m => `
<p class="spacer"><img src="./img/spacer.gif" alt="" /></p>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding:5px;">
<tr><td class="td30"><div class="question"></div></td><td class="td70"><div class="text">${when(m.date)}</div></td></tr>
<tr><td align="left"><div class="question">Chi Sei?&nbsp;&nbsp;</div><br /></td><td align="left"><div class="name"> ${smile(m.nick)}</div><br /></td></tr>
<tr><td align="left" valign="top"><div class="question">Messaggio&nbsp;&nbsp;</div><br /></td><td align="left"><div class="response"><p>${body(m)}</p><br /><br /></div></td></tr>
</table>`).join('');
// La barra coi pulsanti (drawbar.php): Inizio e Precedente spenti sulla prima pagina, Successiva e Ultima
// sull'ultima; «Scrivi» sempre spento.
const page = n => `./index.html${n > 0 ? '?pag=' + n : ''}`, last = Math.max(0, Math.floor((all.length - 1) / PER_PAGE) * PER_PAGE);
const buttons = [
['Inizio', 'pagefirst.gif', from > 0 && (() => location.href = page(0)), true],
['Precedente', 'pageback.gif', from > 0 && (() => location.href = page(from - PER_PAGE)), true],
['SCRIVI', 'postmessage.gif', null, true],
['Aggiorna', 'refresh.gif', () => location.reload(), true],
['Home', 'home.gif', () => game?.closeupHome(), true],
['Successiva', 'pageahead.gif', from < last && (() => location.href = page(from + PER_PAGE)), false],
['Ultima', 'pagelast.gif', from < last && (() => location.href = page(last)), false],
];
for (const bar of document.querySelectorAll('.bar')) {
const table = document.createElement('table'), tr = table.insertRow();
Object.assign(table, { width: '100%', border: 0, cellPadding: 0, cellSpacing: 5 });
for (const [label, icon, go, before] of buttons) {
const div = tr.insertCell().appendChild(document.createElement('div')), img = `<img class="imgbar" src="./img/${icon}" alt="" />`;
div.className = 'pagerbutton' + (go ? '' : ' pagerbutton_disabled');
div.innerHTML = before ? `${img}&nbsp;&nbsp;${label}` : `${label}&nbsp;&nbsp;${img}`;
if (go) {
div.onmouseover = () => { div.className = 'pagerbutton pagerbutton_over'; };
div.onmouseout = () => { div.className = 'pagerbutton'; };
div.onclick = go;
}
}
bar.replaceWith(table);
}
document.getElementById('logo').onclick = e => { e.preventDefault(); game?.closeupHome(); };