<div class="rectangle">
<h3><center> '' Apro la Bottiglia...e devo affrontare un dilemma</h3>
'' </center>
Ho tolto il tappo e immediatamente é uscito un profumo intenso di incenso che é salito dalle mie narici e mi ha fatto girare la testa.
Sono svenuto ed ho perso i sensi.
Quando mi sono ripreso non riuscivo a capire i quale tempo e quale spazio fossi.
Non vedevo più il sole ma solo un buio tenebroso illuminato da un raggio di luce molto distante.
Ma sentivo che avevo fra le mani la bottiglia che avevo aperto.
Avevo molte domande a cui rispondere per capire coisa fosse successo.
Ma prima di tutto dovevo capire cosa fosse questa bottiglia.
Improvvisamente il cielo aveva assunto un colore rosso e il raggio di luce aumentava sempre più la sua intensità.
Dovevo forse rompere la bottiglia per uscire da questo spazio senza tempo in cui ero entrato?
Ma ero ancora in tempo per rimettere il tappo e lasciare chiusa la Bottiglia...
<center>(bg:black)[[RompoBottiglia]]? [<===>] (bg:black)[[NonAproBottiglia]]?</center>
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|Open Bottle]]
[[SLOVENCINA|Otvoriť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* rosso trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.5); /* Nero trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sinistra */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3> Non apro la Bottiglia...e non voglio conoscere il mio destino (1/4)</h3></center>
Guardo la bottiglia e il foglio al suo interno. Le parole che si intravedono attraverso il vetro sembrano quasi chiamarmi, ma una sensazione di disagio mi blocca. Qualunque cosa sia, non sono sicuro di voler sapere. C'è qualcosa di profondamente inquietante nell'idea di aprire quella bottiglia, come se farlo significasse assumersi una responsabilità troppo grande.
Rimango fermo, con la bottiglia tra le mani, indeciso. Il vento soffia, e le onde lambiscono la spiaggia con un ritmo ipnotico. Mi chiedo chi l’abbia messa lì e perché. È davvero possibile che un messaggio abbia viaggiato nel tempo? O è solo uno scherzo? Più ci penso, più la paura prende il sopravvento.
(bg:black)[[[Continua...|NonAproBottiglia2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|Not Open Bottle]]
[[SLOVENCINA|Fľaša nie je otvorená]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Rompo la Bottiglia...e leggo il messaggio per il futuro</h3> 1/5</center>
La bottiglia era incredibilmente resistente ad ogni urto.
Esaminandola attentamente ho visto che conteneva qualcosa.
Si trattava di una pergamena. Conteneva forse un messaggio?
Dovevo in ogni modo estrarla dalla bottiglia.
Agitando la bottiglia per diverse volte dall´alto verso il basso sono riuscito ad estrarre
la pergamena.
Una volta srotolato, il foglio riportava un testo misterioso.
Non mi sembrava scritto nella mia lingua, ma, mentre lo osservavo, le parole cominciavano a mutare, diventando leggibili :
(bg:black)[[[Continua e leggi il Messaggio dal Futuro...|MessaggioDaFuturo]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|BreakBottle]]
[[SLOVENCINA|Rozbiť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>La Chiave Temporale...per il viaggio nel tempo</h3>1/2</center>
''Giro il foglio e trovo un diagramma dettagliato di una macchina misteriosa. Sotto ci sono scritte che spiegano che si tratta di una "''Chiave Temporale''", una tecnologia che Atlantide ha sviluppato prima della sua fine. Può aprire una finestra temporale per osservare il passato o il futuro.
Le istruzioni sono incredibilmente dettagliate ma anche complesse. Si parla di costruire un nucleo energetico a base di cristalli capaci di stabilizzare flussi temporali. I materiali indicati includono metalli rari e componenti tecnologici avanzati, difficili da reperire. Ci sono anche simboli che sembrano rappresentare sequenze matematiche, probabilmente per calibrare la macchina.''
(bg:black)[[[Continua...|IstruzioniRetro2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|InstructionsBack]]
[[SLOVENCINA|Návod na zadnej strane]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> Ho paura...e non leggo il messaggio</h3>1/3 </center>
L'idea di essere coinvolto in qualcosa di così grande mi spaventa. Guardo il foglio tra le mani, sento il peso delle parole che vi sono scritte, ma la paura mi domina. Non posso fare questo. Non posso assumermi questa responsabilità. Con un gesto impulsivo, accartoccio il foglio e lo getto nel mare.
Mentre l'acqua lo inghiotte, un senso di sollievo immediato mi attraversa. Penso di aver fatto la cosa giusta, di essermi liberato di un fardello troppo grande per me. Eppure, appena i minuti passano, il sollievo si trasforma in dubbio. Continuo a fissare l'orizzonte, immaginando il foglio che affonda lentamente, portando con sé un messaggio che non sarà mai letto da nessuno.
(bg:black)[[[Continua...|Buttare Messaggio2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage]]
[[SLOVENCINA|Zahodiť správu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> Fuggo...ma il rimorso mi tormenta</h3>1/3
</center>
Corro verso l'entroterra, il cuore che batte all'impazzata mentre il cielo si oscura rapidamente. Il rumore delle onde si trasforma in un fragore assordante, come se l'oceano stesso stesse per inghiottire la terra. Il vento inizia a ululare, strappandomi il respiro, e la sabbia turbinante mi acceca. Ho un solo pensiero: trovare un riparo, qualsiasi cosa mi protegga dalla furia della natura.
Mentre mi arrampico su una duna di sabbia, il mare si ritira ancora di più, rivelando il fondale per centinaia di metri. È uno spettacolo terrificante: i relitti di vecchie navi e scheletri marini emergono dal nulla, come fantasmi del passato. Questo non è normale. Questo è il presagio di qualcosa di molto, molto peggio.
(bg:black)[[[Continua...|CercareRiparo2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|SeekShelter]]
[[SLOVENCINA|Hľadajte úkryt]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>La costruzione della macchina ...per il viaggio ad Atlantide 1/2</h3></center>
Decido di seguire il diagramma. Lavoro per mesi, accumulando materiali e studiando le istruzioni. Finalmente, la macchina è pronta. Attivandola, una finestra temporale si apre davanti a me.
La costruzione della macchina non è stata semplice. Ho dovuto procurarmi materiali rari e persino costruire da zero alcuni componenti. Il diagramma richiedeva precisione assoluta: ogni vite, ogni circuito doveva essere esattamente al posto giusto. Alcuni passaggi erano indecifrabili, ma dopo notti insonni, sono riuscito a interpretarli.
(bg:black)[[[Continua...|CostruireMacchina2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|BuildMachine]]
[[SLOVENCINA|Zostavte stroj]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center><h3> Senza CORAGGIO....(1/2)</h3></center>
Temendo il potere che questa conoscenza potrebbe scatenare, nascondo il foglio in un luogo sicuro. Prometto a me stesso di non rivelarlo a nessuno.
Eppure, non riesco a liberarmi dal peso delle mie azioni. Ogni notte, mentre il silenzio si insinua nella mia mente, sento un crescente rimorso. La codardia che mi ha spinto a nascondere quel foglio diventa un'ombra che mi perseguita.
I CODARDI sono quelli che si voltano dall'altra parte, restano immobili, senza agire, semplicemente intenti a guardare la scena. Sono coloro che passano le giornate vuote perché indecisi su cosa sia davvero interessante fare, su dove andare, con chi parlare.
<center><h3>
(bg:black)[[[Continua.....|NascondereFoglio2]]]</h3></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|HidePaper]]
[[SLOVENCINA|Skryte papier]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin: 0 0 2px 20px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del test0 0 10px 50px;o bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 110%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><center>[[ENGLISH VERSION|ObserveAtlantis]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu]]
{
<h3> ATLANTIDE ...la meraviglia perduta (1/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''[La finestra temporale mi mostra Atlantide nel suo splendore: una civiltà avanzatissima, sospesa tra la magnificenza delle sue creazioni e le tensioni che la attraversano. Mi ritrovo ad ammirare città galleggianti, sospese su piattaforme che fluttuano grazie a tecnologie antigravitazionali, e torri che toccano le nuvole, ricoperte da una vegetazione lussureggiante che serve sia per abbellire che per purificare l'aria.]'']
(bg:black)[[[Continua...|OsservareAtlantide2]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
) <div class="rectangle">
<center>
<h3> Il messaggio...per il passato (1/3)</h3> </center>
Tentando l'impossibile, invio un messaggio al passato.
Scrivo con urgenza, ma scegliendo le parole con cura:
//"Siamo coloro che verranno dopo di voi. Vi prego, ascoltate: la vostra sete di potere e la vostra incapacità di rispettare i limiti della natura vi condurranno all'autodistruzione. Ogni risorsa che consumate senza pensare al domani, ogni guerra che combattete per ciò che resta, porterà solo rovina."
"Noi viviamo tra le ombre delle vostre scelte, tra macerie e silenzio. Vi imploro, fermatevi prima che sia troppo tardi. Concentratevi sulla cooperazione, sulla sostenibilità e sull'armonia con il vostro pianeta. Costruite un futuro in cui il progresso non significhi devastazione."
"Non commettete gli errori che abbiamo visto. La vostra grandezza non è nell'energia che estrarrete, ma nell'equilibrio che saprete mantenere."
//
(bg:black)[[[Continue...|MondoPace]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|CommunicatePast]]
[[SLOVENCINA|Komunikovať]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>Calcolo Impronta Ecologica ...per comprendere il presente e vedere il futuro</h3></center>
Adesso devete scegliere se (bg:black)[[[seguire le istruzioni sul retro del foglio con il messaggio|IstruzioniRetro]]] oppure (bg:black)[[[buttare il messaggio. E' troppo inquientante...|NascondereFoglio]]]
MA per una decisione consapevole mi sono ricordato che esite la Giornata dell'Earth Overshoot.
L'Earth Overshoot Day segna la data in cui la domanda dell'umanità di risorse e servizi ecologici in un dato anno supera ciò che la Terra può rigenerare in quell'anno. Manteniamo questo deficit liquidando le riserve di risorse ecologiche e accumulando rifiuti, principalmente anidride carbonica nell'atmosfera. L'Earth Overshoot Day è calcolato dal Global Footprint Network, un'organizzazione di ricerca internazionale che fornisce ai decisori una serie di strumenti per aiutare l'economia umana a operare entro i limiti ecologici della Terra.
Anche TU, caro lettore, puoi calcolare la tua impronta ecologica e verificare la situazione a livello mondiale, Paese per Paese:
<CENTER> <H3> [<a href="https://www.footprintcalculator.org/home/en" target="_blank">(bg:RED)['CLICCATE QUI']</a>]
</CENTER> </H3> E qui puoi vedere l'Orologio dell'Apocalisse progettato dagli scienziati per controllare quanto tempo ci rimane fino a mezzanotte
<CENTER> <H3> [<a href="https://thebulletin.org/doomsday-clock/timeline/" target="_blank">(bg:RED)['CLICCATE QUI']</a>]
</CENTER> </H3>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|EcologicalFootprint]]
[[SLOVENCINA|Ekologickú stopu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<h3>**A Bottle from the Future ...and a Secret Message for Another Destiny**</h3> (text-colour:black)['' Introduction 1/2'']
I had spent a day in the midst of the noise of the city and wanted to enter a silent space. Silence helps me find my dimension. Nestled on the mouth of the Tagus River, a few kilometers from the Ocean, ''Lisbon'' is a city that has always had a strong relationship with the sea, and is the only European capital that boasts Atlantic beaches. For those like me who live in the Bairro Alto neighborhood, they are immersed in the charm of nightlife with a “bohemian” atmosphere. I decided to close the door of my aerospace engineering studio and take a walk along the seafront. It only takes me 30 minutes to find myself in this paradise. Finally the sun and the silence.
(bg:black)[[[Continue...|StartENG_02]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|StartITA]]
[[SLOVENCINA|StartSVK]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center> <h3>Fľaša z budúcnosti ...a tajná správa pre iný osud (1/2)</h3> </center>
Strávil som deň uprostred hluku mesta a chcel som vstúpiť do tichého priestoru.
Ticho mi pomáha nájsť moju dimenziu.
Lisabon, ktorý sa nachádza na ústí rieky Tajo, niekoľko kilometrov od oceánu, je mestom, ktoré malo vždy silný vzťah k moru a je jediným európskym hlavným mestom, ktoré sa môže pochváliť plážami Atlantiku.
Pre tých, ako som ja, ktorí žijú v štvrti Bairro Alto, sú ponorení do kúzla nočného života s „bohémskou“ atmosférou.
Rozhodol som sa zavrieť dvere môjho leteckého inžinierskeho štúdia a prejsť sa po pobreží.
Trvá mi len 30 minút, kým sa ocitnem v tomto raji. Konečne slnko a ticho.
(bg:black)[[[Pokračujte na ďalšej strane...|StartSVK_02]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|StartITA]]
[[ENGLISH|StartENG]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Otvorím fľašu...a musím čeliť dileme</h3> </center>
Zložil som si čiapku a hneď vyšla silná vôňa kadidla, ktorá stúpala do mojich nozdier a točila sa mi hlava. Omdlel som a stratil som vedomie.
Keď som sa prebral, nemohol som pochopiť, v akom čase a v akom priestore sa nachádzam.
Už som nevidel slnko, ale len hlbokú tmu osvetlenú veľmi vzdialeným lúčom svetla.
Cítil som však, že tú fľašu, ktorú som otvoril, mám v rukách.
Musel som odpovedať na veľa otázok, aby som pochopil, čo sa stalo.
Najprv som však musel pochopiť, čo je táto fľaša zač.
Zrazu obloha dostala červenú farbu a lúč svetla čoraz viac naberal na intenzite.
Mal by som rozbiť fľašu, aby som unikol z tohto nadčasového priestoru, do ktorého som vstúpil?
Ale ešte som mal čas nasadiť uzáver a nechať fľašu zatvorenú...
<H3>(bg:black)[[Rozbiť fľašu]]
(bg:black)[[Fľaša nie je otvorená]]</H3>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|Open Bottle]]
[[ITALIANO|AproBottiglia]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Neotvorím fľašu...a nechcem poznať svoj osud (1/4)</h3> </center>
Pozerám na fľašu a papier vo vnútri. Zdá sa, že slová, ktoré je možné vidieť cez sklo, ma takmer volajú, ale zastavuje ma pocit nepokoja. Nech je to čokoľvek, nie som si istý, či to chcem vedieť. Na myšlienke otvoriť fľašu je niečo hlboko znepokojujúce, ako keby to znamenalo prevziať príliš veľkú zodpovednosť.
Nehybne stojím, v rukách držím fľašu, nerozhodne. Fúka vietor a vlny v hypnotickom rytme bijú pláž. Zaujímalo by ma, kto to tam dal a prečo. Je naozaj možné, že správa prešla časom? Alebo je to len vtip? Čím viac o tom premýšľam, tým viac prevláda strach.
(bg:black)[[[Pokračujte na ďalšej strane...|Fľaša nie je otvorená2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|Not Open Bottle]]
[[ITALIANO|NonAproBottiglia]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center> {
'' I Open the Bottle ...and I have to face a dilemma'' } </center>
I took the cap off and immediately a strong scent of incense came out that rose from my nostrils and made me dizzy. I fainted and lost consciousness. When I came to, I couldn't understand what time and what space I was in. I no longer saw the sun but only a deep darkness illuminated by a very distant ray of light. But I felt that I had the bottle I had opened in my hands. I had many questions to answer to understand what had happened. But first of all I had to understand what this bottle was.
Suddenly the sky had taken on a red color and the ray of light increased its intensity more and more. Did I have to break the bottle to escape from this timeless space I had entered? But I still had time to put the cap back on and leave the Bottle closed...
<center>(bg:black)[[BreakBottle]]? [<===>] (bg:black)[[Not Open Bottle]]?</center>
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ITALIANO|AproBottiglia]]
[[SLOVENCINA|Otvoriť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* rosso trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.5); /* Nero trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sinistra */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3> I Don't Open the Bottle ...and I Don't Want to Know My Fate</h3>1/4
</center>
I look at the bottle and the paper inside. The words that can be seen through the glass almost seem to call me, but a feeling of unease stops me. Whatever it is, I'm not sure I want to know. There's something deeply disturbing about the idea of opening that bottle, as if doing so would mean taking on too great a responsibility.
I stand still, holding the bottle in my hands, undecided. The wind blows, and the waves lap the beach with a hypnotic rhythm. I wonder who put it there and why. Is it really possible that a message has traveled through time? Or is it just a joke? The more I think about it, the more fear takes over.
(bg:black)[[[Continue...|NotOpenBottle2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NonAproBottiglia]]
[[SLOVENCINA|Fľaša nie je otvorená]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><style>
/* Primo link: testo bianco su sfondo rosso */
.link-primo {
font-size: 24px;
color: white;
background-color: red;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-primo:hover {
color: red;
background-color: white;
border: 2px solid red;
}
/* Secondo link: testo blu su sfondo bianco */
.link-secondo {
font-size: 24px;
color: white;
background-color: blue;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.link-secondo:hover {
color: blue;
background-color: white;
border: 2px solid blue;
}
/* Terzo link: testo rosso su sfondo bianco */
.link-terzo {
font-size: 24px;
color: red;
background-color: white;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.link-terzo:hover {
color: white;
background-color: red;
border: 2px solid red;
}
</style>
<div class="rectangle">
<H3>BOOKSHELF</H3>
1. [[<span class="link-primo">Una Bottiglia dal Futuro</span>|StartITA]]
2. [[<span class="link-secondo">A Bottle from the Future</span>|StartENG]]
3. [[<span class="link-terzo">Fľaša z budúcnosti</span>|StartSVK]]
</div>
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
top: 0;
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 24px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>''Breaking the Bottle ...and reading the message for the future''</h3></center>
The bottle was incredibly resistant to any impact. Examining it carefully I saw that it contained something. It was a parchment. Did it perhaps contain a message?
I had to extract it from the bottle in any case.
Shaking the bottle several times from top to bottom I managed to extract the parchment. Once unrolled, the sheet bore a mysterious text.
It didn't seem to be written in my language, but, as I looked at it, the words began to change, becoming legible: (bg:black)[[[Continue...|MessageFromFuture]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|RompoBottiglia]]
[[SLOVENCINA|Rozbiť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center><h3>The Time Key ...for time travel</h3>1/2</center>
''I turn the paper over and find a detailed diagram of a mysterious machine. Below there are writings that explain that it is a "''Time Key''", a technology that Atlantis developed before its end. It can open a window of time to observe the past or future.
The instructions are incredibly detailed but also complex. They talk about building a crystal-based energy core capable of stabilizing time flows. The materials listed include rare metals and advanced technological components, difficult to find. There are also symbols that appear to represent mathematical sequences, presumably to calibrate the machine.''
(bg:black)[[[Continue...|InstructionsBack2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|IstruzioniRetro]]
[[SLOVENCINA|Návod na zadnej strane]]
[[AtlasMessage|MessageFromFuture]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center><h3>Ecological Footprint Calculator ...to understand the present and see the future</h3></center>YOU CAN
(bg:black)[[[Follow the instructions on the back of the sheet|InstructionsBack]]]
(bg:black)[[[Throw away the message, it's too disturbing|ThrowMessage]]]
BUT for a conscious decision I remembered that there is Earth Overshoot Day.
Earth Overshoot Day marks the date when humanity's demand for ecological resources and services in a given year exceeds what the Earth can regenerate in that year. We maintain this deficit by liquidating ecological resource reserves and accumulating waste, primarily carbon dioxide in the atmosphere. Earth Overshoot Day is calculated by the Global Footprint Network, an international research organization that provides decision makers with a set of tools to help the human economy operate within the Earth's ecological limits.
Here it is also possible for you, dear reader, to calculate your ecological footprint
and check the situation at a global level, country by country
<CENTER> <H3> [<a href="https://www.footprintcalculator.org/home/en" target="_blank">(bg:RED)['CLICK HERE']</a>]
</CENTER> </H3> And here you can see the ''Doomsday Clock'' designed by scientists to check how much time we have left until midnight
<CENTER> <H3> [<a href="https://thebulletin.org/doomsday-clock/timeline/" target="_blank">(bg:RED)['CLICK HERE']</a>]
</CENTER> </H3>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|ImprontaEcologica]]
[[SLOVENCINA|Ekologickú stopu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center> <h3> I'm scared ...and I don't read the message</h3>1/3 </center>
The idea of being involved in something so big scares me. I look at the paper in my hands, I feel the weight of the words written on it, but fear dominates me. I can't do this. I can't take on this responsibility. In an impulsive action, I crumple the paper and throw it into the sea.
As the water swallows it, an immediate sense of relief passes through me. I think I've done the right thing, that I've freed myself of a burden too great for me. Yet as the minutes pass, relief turns to doubt. I continue to stare at the horizon, imagining the paper slowly sinking, taking with it a message that will never be read by anyone.
(bg:black)[[[Continue...|ThrowMessage2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|ButtareMessaggio]]
[[SLOVENCINA|Zahodiť správu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3>Building the Key ...for the journey to Atlantis (1/2)</h3>
</center>
I decide to follow the diagram. I work for months, accumulating materials and studying the instructions. Finally, the machine is ready. When I activate it, a time window opens up in front of me.
Building the machine was not easy. I had to procure rare materials and even handcraft some components. The diagram required absolute precision: every screw, every circuit had to be in exactly the right place. Some steps were indecipherable, but after sleepless nights, I managed to interpret them.
(bg:black)[[[Continue...|BuildMachine2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CostruireMacchina]]
[[SLOVENCINA|Zostavte stroj]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center>
<h3> Without BRAVERY ...</h3> 1/2
</center>
Fearing the power this knowledge could unleash, I hide the paper in a safe place. I promise myself not to reveal it to anyone.
Yet, I cannot free myself from the weight of my actions. Every night, as silence creeps into my mind, I feel a growing remorse. The cowardice that drove me to hide that paper becomes a shadow that haunts me.
Cowards are those who turn away, remain motionless, without acting, simply intent on watching the scene. They are those who spend empty days because they are unsure of what is truly interesting to do, where to go, who to talk to.
(bg:black)[[[Continue...|HidePaper2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NascondereFoglio]]
[[SLOVENCINA|Skryte papier]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3> I run ...but remorse tortures me</h3>
</center>
I run inland, my heart pounding as the sky darkens rapidly. The crashing waves become a deafening roar, as if the ocean itself were about to swallow the land. The wind begins to howl, knocking the breath out of me, and the swirling sand blinds me. I have only one thought: find shelter, anything that will protect me from nature's fury.
As I climb a sand dune, the sea retreats even further, revealing the ocean floor for hundreds of meters. It's a terrifying sight: the wrecks of old ships and marine skeletons emerge from nowhere, like ghosts of the past. This is not normal. This is a harbinger of something much, much worse.
(bg:black)[[[Continue...|SeekShelter_02]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo]]
[[SLOVENCINA|Hľadajte úkryt]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu]] [[VERSIONE ITALIANA|OsservareAtlantide]]
<h3>ATLANTIS ...the lost wonder (1/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''[The time window shows me Atlantis in all its splendor: a highly advanced civilization, suspended between the magnificence of its creations and the tensions that run through it. I find myself admiring floating cities, suspended on platforms that fluctuate thanks to anti-gravity technologies, and towers that touch the clouds, covered in lush vegetation that serves both to beautify and to purify the air.]'']
(bg:black)[[[Continue...|ObserveAtlantis2]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
) <div class="rectangle">
<center>
<h3> The message ...for the past</h3> </center>
Trying the impossible, I send a message to the past I write urgently but choosing my words carefully:
//''"We are those who will come after you. Please listen: your thirst for power and your inability to respect the limits of nature will lead you to self-destruction. Every resource you consume without thinking of tomorrow, every war you fight for what remains, will only bring ruin."
"We live in the shadows of your choices, among rubble and silence. I implore you, stop before it is too late. Focus on cooperation, sustainability and harmony with your planet. Build a future where progress does not mean devastation."
"Do not make the mistakes we have seen. Your greatness is not in the energy you will extract, but in the balance you will be able to maintain."''//
(bg:black)[[[Continue...|WORLDPEACE]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|ComunicarePassato]]
[[SLOVENCINA|Komunikovať]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Rozbitie fľaše ...a čítanie správy pre budúcnosť</h3> </center>
Fľaša bola neskutočne odolná voči akémukoľvek nárazu.
Pri pozornom skúmaní som zistil, že niečo obsahuje.
Bol to pergamen. Možno obsahoval správu?
V každom prípade som ho musel vytiahnuť z fľaše.
Niekoľkokrát potriasaním fľaše zhora nadol sa mi podarilo extrahovať pergamen.
Po rozvinutí hárok niesol tajomný text.
Zdalo sa, že to nie je napísané v mojom jazyku, ale keď som sa na to pozrel, slová sa začali meniť a stávali sa čitateľnými:
(bg:black)[[[Pokračujte na ďalšej strane...|Správa z budúcnosti]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|BreakBottle]]
[[ITALIANO|RompoBottiglia]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Kalkulačka ekologickej stopy ...pochopiť prítomnosť a vidieť budúcnosť</h3></center>
Môžete si vybrať:
(bg:black)[[[Postupujte podľa pokynov na zadnej strane hárku|Návod na zadnej strane]]]
(bg:black)[[[Zahoďte správu, je to príliš znepokojujúce|Zahodiť správu]]]
Pre vedomé rozhodnutie som si spomenul, že existuje ''Deň prestrelenia Zeme (='Earth Overshoot Day)''.
Deň prestrelenia Zeme označuje dátum, kedy dopyt ľudstva po ekologických zdrojoch a službách v danom roku prevyšuje to, čo môže Zem v danom roku regenerovať. Tento deficit udržiavame likvidáciou zásob ekologických zdrojov a hromadením odpadu, predovšetkým anhydridu uhličitého v atmosfére. Earth Overshoot Day vypočítava Global Footprint Network, medzinárodná výskumná organizácia, ktorá poskytuje rozhodovateľom súbor nástrojov, ktoré pomáhajú ľudskej ekonomike fungovať v rámci ekologických limitov Zeme.
Tu si tiež, milý čitateľ, môžeš vypočítať svoju ekologickú stopu a kontrolovať situáciu na globálnej úrovni, krajinu po krajine
<CENTER> <H3> [<a href="https://www.footprintcalculator.org/home/en" target="_blank">(bg:RED)['KLIKNITE TU']</a>]
</CENTER> </H3>A tu môžete vidieť hodiny súdneho dňa navrhnuté vedcami, aby skontrolovali, koľko času nám zostáva do polnoci.
<CENTER> <H3> [<a href="https://thebulletin.org/doomsday-clock/timeline/" target="_blank">(bg:RED)['KLIKNITE TU']</a>]
</CENTER> </H3>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|ImprontaEcologica]]
[[ENGLISH|EcologicalFootprint]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Časový kľúč ...na cestovanie v čase (1/2)</h3> </center>
Otáčam papier a nachádzam podrobnú schému tajomného stroja. Pod ním sú nápisy, ktoré vysvetľujú, že ide o '' Časový kľúč '', technológiu, ktorú Atlantis vyvinula pred jej koncom. Môže otvoriť okno času na pozorovanie minulosti alebo budúcnosti.
Pokyny sú neuveriteľne podrobné, ale aj zložité. Hovoria o vybudovaní energetického jadra na báze kryštálov schopného stabilizovať toky času. Uvedené materiály zahŕňajú vzácne kovy a pokročilé technologické komponenty, ktoré je ťažké nájsť. Existujú aj symboly, ktoré zrejme predstavujú matematické sekvencie, pravdepodobne na kalibráciu stroja.
(bg:black)[[[Pokračujte na ďalšej strane...|Návod na zadnej strane2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|IstruzioniRetro]]
[[ENGLISH|InstructionsBack]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Bojím sa ...a nečítam správu (1/3)</h3> </center>
Predstava, že som zapojený do niečoho takého veľkého, ma desí. Pozerám na papier vo svojich rukách, cítim váhu slov na ňom napísaných, ale ovláda ma strach. Toto nemôžem urobiť. Nemôžem prevziať túto zodpovednosť. V impulzívnom konaní pokrčím papier a hodím ho do mora.
Keď to voda pohltí, okamžite mnou prejde pocit úľavy. Myslím, že som urobil správnu vec, že som sa zbavil bremena, ktoré je pre mňa príliš veľké. Ako však minúty plynú, úľava sa mení na pochybnosti. Naďalej hľadím na horizont a predstavujem si, ako papier pomaly klesá a berie so sebou správu, ktorú si nikdy nikto neprečíta.
(bg:black)[[[Pokračujte na ďalšej strane..|Zahodiť správu2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage]]
[[ITALIANO|ButtareMessaggio]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Bežím...ale výčitky svedomia ma mučia(1/3)</h3> </center>
Bežím do vnútrozemia, srdce mi búši, keď obloha rýchlo tmavne. Narážajúce vlny sa stávajú ohlušujúcim hukotom, akoby sa samotný oceán chystal pohltiť pevninu. Vietor začne zavýjať, vyrážať zo mňa dych a víriaci piesok ma oslepuje. Mám len jednu myšlienku: nájsť úkryt, čokoľvek, čo ma ochráni pred zúrivosťou prírody.
Keď stúpam na pieskovú dunu, more ustupuje ešte ďalej a odhaľuje dno oceánu na stovky metrov. Je to desivý pohľad: vraky starých lodí a námorné kostry sa vynárajú odnikiaľ ako duchovia minulosti. To nie je normálne. Toto je predzvesť niečoho oveľa, oveľa horšieho.
(bg:black)[[[Pokračujte na ďalšej strane..|Hľadajte úkryt_02]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo]]
[[ENGLISH|SeekShelter]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>Budovanie kľúča ...na cestu do Atlantídy(1/2)</h3></center>
Rozhodol som sa postupovať podľa schémy. Pracujem mesiace, hromadím materiály a študujem návody. Nakoniec je stroj pripravený. Keď ho aktivujem, otvorí sa predo mnou časové okno.
Stavba stroja nebola jednoduchá. Musel som si zaobstarať vzácne materiály a dokonca aj ručne vyrobiť niektoré komponenty. Schéma vyžadovala absolútnu presnosť: každá skrutka, každý obvod musel byť presne na správnom mieste. Niektoré kroky boli nerozlúštiteľné, no po prebdených nociach sa mi ich podarilo interpretovať.
(bg:black)[[[Pokračujte na ďalšej strane...|Zostavte stroj2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CostruireMacchina]]
[[ENGLISH|BuildMachine]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Bez STATOČNOSTI ...skrývam sa v tichosti (1/2)</h3> </center>
Obávajúc sa sily, ktorú by toto poznanie mohlo uvoľniť, schovávam papier na bezpečnom mieste. Sľubujem, že to nikomu neprezradím.
Napriek tomu sa nedokážem oslobodiť od váhy svojich činov. Každý večer, keď sa mi do mysle vkráda ticho, cítim čoraz väčšie výčitky svedomia. Zbabelosť, ktorá ma prinútila skryť ten papier, sa stáva tieňom, ktorý ma prenasleduje.
Zbabelci sú tí, ktorí sa odvrátia, zostanú nehybní, bez konania, jednoducho so záujmom sledovať scénu. Sú to tí, ktorí trávia prázdne dni, pretože si nie sú istí, čo je skutočne zaujímavé robiť, kam ísť, s kým sa porozprávať.
(bg:black)[[[Pokračujte na ďalšej strane...|Skryte papier2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|HidePaper]]
[[ITALIANO|NascondereFoglio]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><center>[[ENGLISH VERSION|ObserveAtlantis]] [[VERSIONE ITALIANA|OsservareAtlantide]]
<h3> ATLANTÍDA ...stratený zázrak(1/6)</h3>
</center>
(text-colour:black)+(bg:green)[''[Časové okno mi ukazuje Atlantídu v celej jej nádhere: vysoko vyspelú civilizáciu, ktorá je pozastavená medzi veľkoleposťou svojich výtvorov a napätím, ktoré ňou prechádza. Zistil som, že obdivujem plávajúce mestá zavesené na plošinách, ktoré sa vďaka antigravitačným technológiám pohybujú, a veže, ktoré sa dotýkajú oblakov, pokryté bujnou vegetáciou, ktorá slúži na skrášlenie aj prečistenie vzduchu.]'']
(bg:black)[[[Pokračujte na ďalšej strane...|Pozorujte Atlantídu2]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<div class="rectangle">
<center><h3> Správa...pre minulosť(1/3)</h3> </center>
Pokúšam sa o nemožné, posielam správu do minulosti.
Píšem naliehavo, ale starostlivo vyberám slová:
''//My sme tí, ktorí prídu po vás. Prosím, počúvajte: váš smäd po moci a vaša neschopnosť rešpektovať hranice prírody vás privedie k sebazničeniu. Každý zdroj, ktorý spotrebujete bez toho, aby ste mysleli na zajtrajšok, každá vojna, ktorú bojujete za to, čo zostáva , prinesie len skazu.“
"Žijeme v tieni vašich rozhodnutí, medzi troskami a tichom. Prosím vás, zastavte sa, kým nebude neskoro. Zamerajte sa na spoluprácu, udržateľnosť a harmóniu s vašou planétou. Vybudujte si budúcnosť, kde pokrok neznamená devastáciu."
"Nerobte chyby, ktoré sme videli. Vaša veľkosť nespočíva v energii, ktorú vyťažíte, ale v rovnováhe, ktorú si dokážete udržať."//''
(bg:black)[[[Pokračujte na ďalšej strane...|SvetMieru]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|ComunicarePassato]]
[[ENGLISH|CommunicatePast]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
**Question 1:**
According to Plato,
where was Atlantis located?
</div>
[[<span class="link-ANSWER">1. Beyond the Pillars of Hercules</span>|Correct1]]
[[<span class="link-ANSWER">2. In the Mediterranean Sea</span>|Incorrect1]]
[[<span class="link-ANSWER">3. In the Pacific Ocean</span>|Incorrect1]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 2:**
What caused the destruction of Atlantis in Plato's account?
</div>
[[<span class="link-ANSWER">1. A volcanic eruption</span>|Incorrect2]]
[[<span class="link-ANSWER">2. Divine punishment for greed and power
</span>|Correct2]]
[[<span class="link-ANSWER">3. A massive earthquake</span>|Incorrect2]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**Question 3:**
What was Atlantis famous for?
</div>
[[<span class="link-ANSWER">1. Its advanced technology and architecture</span>|Correct3]]
[[<span class="link-ANSWER">2. Its large military empire
</span>|Incorrect3]]
[[<span class="link-ANSWER">3. Its abundance of gold</span>|Incorrect3]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 4:**
What does the "Earth Overshoot Day" concept warn humanity about?
</div>
[[<span class="link-ANSWER">1. Running out of fossil fuels</span>|Incorrect4]]
[[<span class="link-ANSWER">2. Using more resources than Earth can regenerate
</span>|Correct4]]
[[<span class="link-ANSWER">3. Global warming due to carbon emissions </span>|Incorrect4]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 5:**
What was the purpose of the "Time Key"
described in the bottle's message?
</div>
[[<span class="link-ANSWER">1. To observe the past and learn from it</span>|Correct5]]
[[<span class="link-ANSWER">2. To travel to another dimension
</span>|Incorrect5]]
[[<span class="link-ANSWER">3. To access infinite energy</span>|Incorrect5]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 6:**
What key lesson does the bottle's message teach?
</div>
[[<span class="link-ANSWER">1. Respect Earth's finite resources</span>|Correct6]]
[[<span class="link-ANSWER">2. Expand human technology without limits
</span>|Incorrect6]]
[[<span class="link-ANSWER">3. Avoid wars at all costs</span>|Incorrect6]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 7:**
According to the myth,
how was Atlantis designed?
</div>
[[<span class="link-ANSWER">1. As a series of concentric circles of land and water</span>|Correct7]]
[[<span class="link-ANSWER">2. As a single island with a central city
</span>|Incorrect7]]
[[<span class="link-ANSWER">3. As a series of connected islands</span>|Incorrect7]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 8:**
In the bottle's message,
what is identified as the main cause
of humanity's downfall?
</div>
[[<span class="link-ANSWER">1. Greed and disregard for the environment</span>|Correct8]]
[[<span class="link-ANSWER">2. Technological failure
</span>|Incorrect8]]
[[<span class="link-ANSWER">3. Natural disasters</span>|Incorrect8]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 9:**
Who was the philosopher
that first described Atlantis?
</div>
[[<span class="link-ANSWER">1. Plato </span>|Correct9]]
[[<span class="link-ANSWER">2. Socrates
</span>|Incorrect9]]
[[<span class="link-ANSWER">3. Aristotle</span>|Incorrect9]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**Question 10:**
What is the core message of
"A Bottle from the Future"?
</div>
[[<span class="link-ANSWER">1. Hope for a better future through responsible action</span>|Correct10]]
[[<span class="link-ANSWER">2. Warning of imminent doom
</span>|Incorrect10]]
[[<span class="link-ANSWER">3. A call to explore space</span>|Incorrect10]]
</center>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
You have completed the quiz!
Your final score is **$score out of 10**.
</div>
[[<span class="link-ANSWER"> Play Again</span>|QuizStart]]
[[<span class="link-ANSWER">Write a message for the past</span>|CommunicatePast]]
<style>
/* Stile per il rettangolo */.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<center> <input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
<h3>Welcome to the "Bottle from the Future" TEST! </h3>
(text-style:"bold")
[Answer the questions and see how much you know about Atlantis and its lessons for humanity. ]
[[START TEST|Question1]] or
[[Restart the BOOK|COVER]]</CENTER>
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
(set: $score to 0)
<style>
/* link: testo bianco su sfondo rosso */
.link-LIBRARY {
font-size: 24px;
color: white;
background-color: red;
padding: 10px;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-LIBRARY:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 1 : You are correct!**
Atlantis was located beyond the Pillars of Hercules.
According to Plato, Atlantis was a naval power of incredible strength and technological advancement that, ''about 9,000 years before his time'', attempted to expand its dominion by trying to conquer Athens and other parts of the known world.
Plato describes Atlantis as an island located beyond the “''Pillars of Hercules'',” the ancient name given to the present-day Straits of Gibraltar, which marked the edge of the known world for the ancient Greeks
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question2]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**ANSWER 1 : You are incorrect!**
Atlantis was NOT located there.
According to Plato, Atlantis was a naval power of incredible strength and technological advancement that, ''about 9,000 years before his time'', attempted to expand its dominion by trying to conquer Athens and other parts of the known world.
Plato describes Atlantis as an island located beyond the “''Pillars of Hercules'',” the ancient name given to the present-day Straits of Gibraltar, which marked the edge of the known world for the ancient Greeks
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question2]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**ANSWER 2 : You are incorrect!**
Divine punishment (''tísis'') caused Atlantis's destruction.
According to Plato, the power and wealth of Atlantis were not enough to protect it from the gods. After attempting to conquer Athens, the city and its civilization were punished by the gods because of their ''hybris'', or excessive arrogance and pride. As a result, Atlantis was struck by a natural catastrophe of epic proportions: in a single day and night, everything was swallowed up by the sea.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question3]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 2 : You are correct!**
Divine punishment (''tísis'')caused Atlantis's destruction.
According to Plato, the power and wealth of Atlantis were not enough to protect it from the gods. After attempting to conquer Athens, the city and its civilization were punished by the gods because of their ''hybris'', or excessive arrogance and pride. As a result, Atlantis was struck by a natural catastrophe of epic proportions: in a single day and night, everything was swallowed up by the sea.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question3]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 3 : You are correct!**
Atlantis was known for its advanced technology and architecture.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question4]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**ANSWER 3 : You are incorrect!**
Atlantis was known for its advanced technology and architecture.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question4]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**ANSWER 4 : You are incorrect!**
The concept warns about using resources faster than Earth can regenerate them.
To start calculating your ''CARBON FOOTPRINT'' use this tool
<iframe src="https://sustraxmx-offline.vercel.app/dashboard" allowtransparency="true" width="685" height="1002" frameborder="0" scrolling="yes" allowfullscreen></iframe>
[[<span class="link-ANSWER"> Next Question</span>|Question5]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 4 : You are correct!**
The concept warns about using resources
faster than Earth can regenerate them.
To start calculating your ''CARBON FOOTPRINT'' use this tool
<CENTER> <H3> [<a href="https://sustraxmx-offline.vercel.app/dashboard" target="_blank">[CLICK here]</a>]
</CENTER> </H3>
[[<span class="link-ANSWER"> Next Question</span>|Question5]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 5 : You are correct!**
The Time Key allowed observation of the past to learn.
Philosopher George Santayana once said, “''Those who cannot remember the past are condemned to repeat it.''” This phrase is quoted at the beginning of the tour of Auschwitz.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question6]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
**ANSWER 5 : You are incorrect!**
The Time Key allowed observation of the past to learn.
Philosopher George Santayana once said, “''Those who cannot remember the past are condemned to repeat it''.” This phrase is quoted at the beginning of the tour of Auschwitz.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question6]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 6 : You are correct!**
The key lesson is to respect Earth's finite resources.
<span style="font-size: 24px;">//The'' European Green Deal'' is the EU's growth strategy.
Launched in 2019, it consists of a package of policy initiatives to put the EU on a green transition path with the ultimate goal of achieving climate neutrality by 2050.
The strategy supports action in all economic sectors, including energy, transport, industry, agriculture, sustainable finance and more.//</span>
[[<span class="link-ANSWER"> Next Question</span>|Question7]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**ANSWER 6 : You are incorrect!**
The key lesson is to respect Earth's finite resources.
<span style="font-size: 24px;">
//The'' European Green Deal'' is the EU's growth strategy.
Launched in 2019, it consists of a package of policy initiatives to put the EU on a green transition path with the ultimate goal of achieving climate neutrality by 2050.
The strategy supports action in all economic sectors, including energy, transport, industry, agriculture, sustainable finance and more.//</span>
[[<span class="link-ANSWER"> Next Question</span>|Question7]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 7 : You are correct!**
Atlantis was designed as a series of concentric circles of land and water.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question8]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**ANSWER 7 : You are incorrect!**
Atlantis was designed as a series of concentric circles of land and water.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question8]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 8 : You are correct!**
Greed and disregard for the environment were identified as the main causes.
<span style="font-size: 24px;">
//Our future depends on a healthy planet.
Human activity is causing average global temperatures to rise, which is affecting climate patterns. More frequent and intense extreme weather events are having devastating consequences for lives and economies.
Our current economic and consumption patterns are not in line with what the planet can offer and are damaging the environment and nature. We and our economy are fully dependent on a functioning environment and ecosystems.
Some facts:
+1.22°C increase in average global temperature between 2013 and 2023
80% of habitats in Europe are in poor condition
We would need 3 planets by 2050 if we continued to use resources at the current rate.
If we do not take any action to combat climate change, global damage is estimated to reach up to 12% of GDP by the end of the century.//</span>
[[<span class="link-ANSWER"> Next Question</span>|Question9]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**ANSWER 8 : You are incorrect!**
Greed and disregard for the environment were identified as the main causes.
<span style="font-size: 24px;">
//Our future depends on a healthy planet.
Human activity is causing average global temperatures to rise, which is affecting climate patterns. More frequent and intense extreme weather events are having devastating consequences for lives and economies.
Our current economic and consumption patterns are not in line with what the planet can offer and are damaging the environment and nature. We and our economy are fully dependent on a functioning environment and ecosystems.
Some facts:
+1.22°C increase in average global temperature between 2013 and 2023
80% of habitats in Europe are in poor condition
We would need 3 planets by 2050 if we continued to use resources at the current rate.
If we do not take any action to combat climate change, global damage is estimated to reach up to 12% of GDP by the end of the century.//</span>
[[<span class="link-ANSWER"> Next Question</span>|Question9]]
</div>
<style>
/* Stile per il rettangolo */.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 9 : You are correct!**
Plato was the philosopher who first described Atlantis.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question10]]
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**ANSWER 9 : You are incorrect!**
Plato was the philosopher who first described Atlantis.
</div>
[[<span class="link-ANSWER"> Next Question</span>|Question10]]
<style>
/* Stile per il rettangolo */.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
(set: $score to $score + 1)
<div class="rectangle">
**ANSWER 10 : You are correct!**
The core message is hope for a better future through responsible action.
<span style="font-size: 24px;">
//Authentic hope takes shape in the connection between the lived today and the tomorrow that is imagined, taking into account the uncertainties that exist. It is not a mere expectation of something that will happen, but it is inscribing already in the present what is hoped for, through one's own choices and actions.
Hope is not naive optimism according to which whatever the course of events, the outcome will always be positive.
In this way, one gives up the task of reading the reality in which one is immersed. One gives up knowing the condition in which the people involved find themselves, the forces in play, the resources that can be leveraged, the limits that must be reckoned with.
An authentic understanding of hope is achieved when there is a mature assumption of one's responsibilities as citizens in both the private and public spheres, because the idea of a hope that is not measured by the actual possibilities of action that each of us has at our disposal is only utopian.//</span>
[[<span class="link-ANSWER"> Quiz Results</span>|QuizResults]]
</div>
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style><div class="rectangle">
**ANSWER 10 : You are incorrect!**
The core message is hope for a better future through responsible action.
<span style="font-size: 24px;">
//Authentic hope takes shape in the connection between the lived today and the tomorrow that is imagined, taking into account the uncertainties that exist. It is not a mere expectation of something that will happen, but it is inscribing already in the present what is hoped for, through one's own choices and actions.
Hope is not naive optimism according to which whatever the course of events, the outcome will always be positive.
In this way, one gives up the task of reading the reality in which one is immersed. One gives up knowing the condition in which the people involved find themselves, the forces in play, the resources that can be leveraged, the limits that must be reckoned with.
An authentic understanding of hope is achieved when there is a mature assumption of one's responsibilities as citizens in both the private and public spheres, because the idea of a hope that is not measured by the actual possibilities of action that each of us has at our disposal is only utopian.//</span>
[[<span class="link-ANSWER"> Quiz Results</span>|QuizResults]]
</div>
<style>
/* Stile per il rettangolo */.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<style>
/* link: testo bianco su sfondo rosso */
.link-ANSWER {
font-size: 34px;
color: white;
background-color: red;
padding: 10px;
border-radius: 10px;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Per mantenere il padding */
}
.link-ANSWER:hover {
color: red;
background-color: white;
border: 2px solid red;
}
</style>
<div class="rectangle">
''THE SECRET PASSAGE OF ATLANTIS''
You are standing in front of the ancient gates of Atlantis..
You've just finished your epic journey through time and space.
Now, you have to find a way to enter the city and uncover its secrets.
<div>
<center>
[[TAKE the golden key->Key]]
[[Go to the central square->Square]]
(set: $inventario to (array:))
(set: $location to "startGame")
(set: $sequenzaCorretta to (a: "statue", "fountain", "altar"))
(set: $sequenzaGiocatore to (array:))
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>(set: $inventario to $inventario + (a: "GOLDEN KEY"))
<div class="rectangle">
You have collected the golden key.
<div>
[[Continue to the central square->Square]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><tw-passagedata pid="2" name="piazza" tags="" position="450,325" size="100,100">
<div class="rectangle">
You are in the central square of Atlantis, surrounded by statues of ancient gods and a fountain that seems to pulsate with energy.
In the center there is a pedestal with a hollow. It seems that something can be inserted there.
(set: _descrizioneInventario to "")
(if: $inventario's length > 0)[(set: _descrizioneInventario to "YOU HAVE THE " + (string: $inventario) + ".")]
''_descrizioneInventario''
(if: "GOLDEN KEY" is in $inventario)[
With the (text-colour:#ecec04)[''GOLDEN KEY''] you can visit 3 important places in ATLANTIS:
the ''FOUNTAIN'' of the LIFE,
the ''STATUE'' of ATLANTIS,
the''ALTAR'' of the SCIENCE...
After visiting a place, you return to the Square.
''The choice of places must respect a sequence and cannot be random. Only with the correct sequence, like the combination of a safe, will the doors of the TEMPLE of Atlantis be opened to you..''
[[(FOUNTAIN)->fountain]] [[(STATUE)->statue]] [[(ALTAR)->altar]]
](else:)[
Nothing happens. YOU DO NOT HAVE THE GOLDEN KEY...
[[Go back to the entrance->startGame]]
]
</div>
</tw-passagedata>
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
(set: $sequenzaGiocatore to $sequenzaGiocatore + (a: "fountain"))
<div class="rectangle">
The water of the fountain seems to light up at your touch. An ancient symbol appears at the bottom.
<div>
[[Go back to the square->Square]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>(set: $sequenzaGiocatore to (a:))
(set: $sequenzaGiocatore to $sequenzaGiocatore + (a: "statue"))
<div class="rectangle">
You examined the statue. You feel a mysterious energy coming from the base.
<div>
[[Go back to the square->Square]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>(set: $sequenzaGiocatore to $sequenzaGiocatore + (a: "altar"))
<div class="rectangle">
You have examined the altar. The RUNES, symbolic stones used as a tool of divination, begin to glow brightly.
(if: $sequenzaGiocatore is $sequenzaCorretta)[
The correct sequence of actions has activated a hidden mechanism! A secret door opens, revealing a passage to the Great Temple.
<div>
[[Enter the Great Temple->temple]]
]
(else:)[
Nothing happens. YOU DID NOT FOLLOW THE SEQUENCE AND YOU ARE MISSING THE COMBINATION TO OPEN THE TEMPLE DOORS.
[[Go back to the square->Square]]
]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>(if: ("GOLDEN KEY" is in $inventario))[
<div class="rectangle">
The key has unlocked access to the Great Temple of Atlantis.
From the mysterious RUNES emanates
the song of the Sirens.
You feel that you are close to discovering the secret of Atlantis.
<div>
[[Discover the secret of Atlantis->endGame]]
]
(else:)[
You don't have the ''GOLDEN KEY''! Go back to the entrance to find it.
[[Go back to the entrance->startGame]]
]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
(text-colour:#f0f000)[''If you want to find the SECRETS of the universe, think in terms of (text-colour:white)[ENERGY],
(text-colour:white)[FREQUENCY] and (text-colour:white)[VIBRATION].'']
''(//Nicola Tesla//)''
<div>
<center>
[[ENTRA IN ATLANTIDE (ITA)|OsservareAtlantide]]
[[ENTER ATLANTIS (ENG)|ObserveAtlantis]]
[[Pozorujte Atlantídu (SVK)|Pozorujte Atlantídu]]
</center>
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<style>
/* Stile per il rettangolo */
.rectangle {
background-color: rgba(255, 0, 0, 0.5); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 34px; /* Dimensione del font */
padding: 20px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><CENTER><h3>**A Bottle from the Future ...and a Secret Message for Another Destiny**(2/2)</h3> </CENTER>
The waves of the sea were wetting my tired feet. Suddenly I hit an object sticking out of the sand with my left foot. I decided to quickly dig around to see what it was. Little by little the sun was illuminating this mysterious green object. Soon I had in my hands a ''bottle'' closed with a cork. I asked myself what to do. If// to open it or leave it closed// to avoid having a surprise that could also be dangerous for my safety. As Romano Battaglia writes in "Notte Infinita", "// On the seashore is written the story of life that is continually renewed, like the waves that erase the footprints on the sand or leave new objects that come from who knows where//".
Do I open the bottle?
(bg:black)[ [[Open Bottle|Open Bottle]]]
(bg:black)[ [[Not Open Bottle|Not Open Bottle]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|StartITA2]]
[[SLOVENCINA|StartSVK_02]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>''Message for the Future''</h3> </center>
//"I COME FROM THE FUTURE. EVERYTHING DEPENDS ON YOU ".
"To anyone who finds this message: I am a scientist from Atlantis.
Our once prosperous and advanced world has fallen under the weight of our insatiable hunger for resources. We have extracted every drop of energy, cut down every tree, polluted every river, and dug too deep.
We have forgotten that society is not made up of "individuals", that is, many "I"s locked in the selfish claim of their rights, but of "people". This term indicates "the individual in the social formations" in which he can realize himself.
And when the common feeling is reduced to an attachment to material things, to an idea of affection closer to that of possession, when the only value that counts is the economic one, society ends up populating itself with monads, of individuals sufficient unto themselves, arid, solitary, fasting of emotions. The result is a group of individuals without respect and solidarity towards others. With the lack of empathy, we have become impervious to the problems and feelings of others, and celebrated the victory of cynicism and of selfishness. We have forgotten that the homeland is not a soil to be greedily defended but an “abode of freedom and equality” open to all.
And so our lust for possessions has unleashed a war for what was left, culminating in total nuclear destruction. This bottle is my last attempt to sense the future. If you are reading these words, please learn from our mistake: do not let greed overcome respect for the world that supports you. The resources of your land are not infinite, and your survival depends on how you use them."// (bg:black)[[[Continue...|Myth of Atlantis]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|MessaggioDaFuturo]]
[[SLOVENCINA|Správa z budúcnosti]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.7); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><h3><center>''Myth of Atlantis''</center></h3>
I remembered that the myth of Atlantis originates from Plato's dialogues "Timaeus" and "Critias", written in the 4th century BC. According to the philosopher, Atlantis was a powerful and advanced island, located beyond the Pillars of Hercules. According to Plato, this civilization, corrupted by the thirst for power, was punished by the gods and sank into the ocean.
Plato describes Atlantis as a sophisticated society, with advanced technologies, an exemplary political organization and wealth. The island was divided into concentric circles of land and water, connected by canals. Its capital, decorated with temples and palaces, reflected the grandeur of a civilization that combined nature and architecture.
(bg:black)[[[Continue...|PLATOATLANTIS]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|RompoBottiglia]]
[[SLOVENCINA|Rozbiť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.5); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle"><center><h3>''PLATO describes ATLANTIS''</h3></center>
The Egyptians, Plato said, described Atlantis as an island composed mostly of mountains in the northern part and along the coast, "while all around the city there was a plain, which embraced the city and was itself surrounded by mountains that sloped down to the sea, flat and elongated, three thousand stadia (about 555 km) long on both sides and in the centre two thousand stadia (about 370 km) from the sea down. […] at a distance of about fifty stadia (9 km), there was a mountain, of modest size on each side. […] The island, on which the residence of the kings was located, had a diameter of five stadia” (about 0.92 km).
(bg:black)[[[Continue...|VisionATLANTIS]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|RompoBottiglia]]
[[SLOVENCINA|Rozbiť fľašu]]
[[AtlasMessage|MessageFromFuture]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.5); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>Vision Atlantis</h3>
The paper suddenly glowed and I saw a vision of two paths:
<h4>''//"You found this bottle for a reason. You must decide how to act so that our past does not repeat in your future.</h4>
<h3> To make one of the following decisions try checking your (bg:black)[[[ECOLOGICAL FOOTPRINT|EcologicalFootprint]].]
(bg:black)[1.[[Follow the instructions on the back of the paper|InstructionsBack]]]
(bg:black)[2.[[Throw away the message, it is too disturbing|ThrowMessage]] " ]//''</h3> ''
<h3>Anyway, before to go on I suggest to test your knowledge about Atlantis.''
''(bg:black)[[[Take the TEST|QuizStart]]]''</h3></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|VisioneDiAtlantide]]
[[SLOVENCINA|Vízia Atlantídy]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.3); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center> <h3> I'm scared ...and I don't read the message</h3> 2/3</center>
On the way home, I try to ignore the thoughts that nag at me. Maybe it was a fake, some elaborate prank. But part of me knows I'm just lying to myself. Those words were real, and the “chance to change something, to make a difference,” was thrown away along with the paper.
Every night, I dream of Atlantis, of its greatness and its fall. I see cities sinking, lives destroyed, and I hear the cries of those who could have been saved. I wake up with a heavy heart, sweating, knowing that I could have done something.
(bg:black)[[[Continue...|ThrowMessage3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|Buttare Messaggio2]]
[[SLOVENCINA|Zahodiť správu2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> I'm scared ...and I don't read the message</h3> 3/3</center>
One day, I hear a story on the news that freezes my blood. A bottle has been found by another explorer, but the contents are illegible, ruined by time and water. A once-in-a-lifetime opportunity has been lost. What if that bottle had been the same one I threw away? I will never know.
I realize that I acted out of fear, out of cowardice. I was unable to face the meaning of that message and my potential role in its transmission. Now I live with remorse, trapped in “what if...” I missed the ''opportunity to make a difference'' and it will haunt me forever.
<center>
(bg:black)[<h1>**END**</h1>]</center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|Buttare Messaggio3]]
[[SLOVENCINA|Zahodiť správu3]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3> Without BRAVERY ...I hide in silence</h3> 2/2
</center>
I often imagine what would have happened if I had shared that discovery. Perhaps the world would have found a way to prevent the mistakes of Atlantis, or perhaps it would have accelerated its own destruction. It is the doubt that consumes me: did I protect humanity or did I deprive everyone of a unique opportunity?
Every now and then I return to the place where I hid the paper, contemplating whether to recover it or destroy it forever. But fear immobilizes me, like an invisible chain. My secret remains buried, and with it my inner peace.
<center>
(bg:black)[<h2>**END**</h2>]</center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NascondereFoglio2]]
[[SLOVENCINA|Skryte papier2]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>The Time Key ...for time travel</h3>2/2</center>
The document describes a step-by-step process: creating a frame resistant to time fluctuations, installing a motor that generates an energy field, and finally connecting a control panel full of buttons and levers. Each step requires extreme precision, and one mistake could lead to catastrophic failure. I also read a warning:
(bg:red)[//''"This machine must not be used without full understanding. All time travel has consequences."''//]
I feel a chill. The responsibility of wielding such power is enormous. My hands tremble as I consider the implications of building such a device.
I can (bg:black)[[[Try to build the machine using the diagram|BuildMachine]]] OR (bg:black)[[[Hide the paper and tell no one|HidePaper]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|IstruzioniRetro2]]
[[SLOVENCINA|Návod na zadnej strane2]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu2]] [[VERSIONE ITALIANA|OsservareAtlantide2]]
<h3>ATLANTIS ...the lost wonder (2/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''I see streets that pulsate with life, but instead of traditional cars there are silent vehicles, powered by clean energy and able to levitate. Everywhere, humanoid robots carry out manual labor, while artificial intelligences oversee the management of the city, optimizing resources and ensuring the well-being of citizens. The Atlanteans seem to live in a golden age, yet I sense a shadow of unease.'']
(bg:black)[[[Continue...|ObserveAtlantis3]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu3]] [[VERSIONE ITALIANA|OsservareAtlantide3]]
<h3>ATLANTIS ...the lost wonder (3/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''I pause in a laboratory where scientists are working on a machine similar to the "Time Key". The walls are covered with holographic screens that show complex data and projections of future scenarios. A central artificial intelligence interacts with the scientists, offering advice and simulations, but I also sense a certain tension between man and machine: it is as if technology has begun to dominate their lives.'']
(bg:black)[[[Continue...|ObserveAtlantis4]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu4]] [[VERSIONE ITALIANA|OsservareAtlantide4]]
<h3>ATLANTIS ...the lost wonder (4/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''I also observe their extraordinarily advanced energy sources: pulsating crystals that emit a bright blue light, capable of providing energy for entire cities. However, these crystals are being mined from dangerous depths of the earth, causing geological instabilities.'']
(bg:black)[[[Continue...|ObserveAtlantis5]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu5]] [[VERSIONE ITALIANA|OsservareAtlantide5]]
<h3>ATLANTIS ...the lost wonder (5/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''I can't look away as an Atlantean council meeting devolves into a heated debate. Some leaders demand moderation in the use of resources, while others insist on expanding their technological power even further. The tension is palpable, and I know they are on the verge of making decisions that will lead to their downfall.'']
(bg:black)[[[Continue...|ObserveAtlantis6]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>
{
[[SLOVENSKÁ VERZIA|Pozorujte Atlantídu6]] [[VERSIONE ITALIANA|OsservareAtlantide6]]
<h3>ATLANTIS ...the lost wonder (6/6)</h3>
}
</center>
(text-colour:black)+(bg:green)[''When the time window shows me the nuclear war that destroys everything, I am paralyzed with terror. I watch the sky ignite and the magnificent cities dissolve in an instant. The central AI desperately tries to coordinate evacuations and protections, but it's too late.'']
(text-colour:black)+(bg:green)[''I stand by, helpless, as the most advanced civilization ever to exist destroys itself due to its inability to balance progress and sustainability.'']
<center><h3>[(text-colour:white)+(bg:red)[**END**]]</h3></center>
(text-colour:white)+(bg:blue)[[[The message ...for Atlantis|CommunicatePast]]] (text-colour:white)+(bg:blue)[[[Go to the Secret Passage|startGame]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
) <div class="rectangle"><center>
<h3>Building the Machine ...for the journey to Atlantis (2/2)</h3>
I got help from my math friend DINA:
<iframe src="https://scratch.mit.edu/projects/1077476478/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</center>
One of the most difficult moments was assembling the energy core. Following the instructions, I inserted a special crystal that seemed to glow with its own light. When I connected it to the main circuit, the machine emitted a growing buzz, as if it were coming to life.
Finally, I activated the control panel, a device that seemed to be designed to be both mechanical and organic. Pressing the final button, the machine turned on, and a time window opened, showing a vortex of light and shadow. It was ready to be used.
You can choose:
''(bg:black)[[[Enter Atlantis|startGame]]]''
''(bg:black)[[[Attempt to communicate with the past to warn them|CommunicatePast]]]''
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CostruireMacchina2]]
[[SLOVENCINA|Zostavte stroj2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center>
<h3> I run ...but remorse tortures me</h3>
</center>
I find an old abandoned hut, its walls now fragile and the roof partially collapsed. It’s far from safe, but it’s the only shelter available. I take refuge inside, huddled in a corner, as the wind howls like a mad beast and the earth shakes beneath my feet. I’m scared. I don’t know what’s happening, but part of me knows it’s tied to that bottle I’ve ignored.
The storm rages for what seems like an eternity. The sky has turned black as ink, and the sea has transformed into a shapeless, violent mass. I feel tiny, insignificant, as if the world itself is reacting to my decision. Part of me wonders if I could have stopped all this if I’d opened that bottle. Maybe that message held the key to preventing this catastrophe. Or maybe, this is just nature taking its course.
(bg:black)[[[Continue...|SeekShelter_03]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo2]]
[[SLOVENCINA|Hľadajte úkryt_02]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center>
<h3> I run ...but remorse tortures me</h3>
</center>
When the storm finally subsides, I leave the cabin. The landscape is unrecognizable. The beach has been transformed into a desolate expanse of debris and mud. The bottle is gone, swallowed up by the sea or destroyed in the fury of the waves. I realize that the opportunity is gone forever. There will be no second chance to find out what that message contained.
Remorse invades me. The thought of having ignored something so important torments me. What if that bottle was the last link to a lost past? What if I could have changed something, even just a little?
''NEVER MAKE A PERMANENT DECISION BASED ON A TEMPORARY EMOTION!''
Now I will never know, and the doubt will accompany me for the rest of my life.
<h2>**END**</h2>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo3]]
[[SLOVENCINA|Hľadajte úkryt_03]]]^^
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle">
<center>
<h3> I Don't Open the Bottle
...and I Don't Want to Know My Fate</h3>3/4
</center>
The further I walk, the quieter the beach seems to become, almost unreal. A pang of remorse creeps into me. What if that bottle contains something fundamental? An answer, a warning, or maybe just a story worth reading?
As the sun begins to set, I realize that I can't shake that thought. I'm tempted to go back, to grab that bottle again and discover its secret, but the fear of what I might find stops me. Maybe it's better to live in ignorance, I tell myself once again.
And yet, that night, I can't sleep. I dream of the bottle, its contents, and an infinite ocean that separates me from something I could have known, but chose to ignore with my indifference.
(bg:black)[[[Continue...|NotOpenBottle4]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NonAproBottiglia3]]
[[SLOVENCINA|Fľaša nie je otvorená3]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><h3> I Don't Open the Bottle ...and I Don't Want to Know My Fate (4/4)</h3></center>
A voice breaks the silence of the night:
"The opposite of love is not hate, but ''indifference''. The opposite of justice is not injustice, but ''indifference''. The opposite of peace is not war, but ''indifference'' to war. The opposite of life is not death, but ''indifference'' to life or death."
These are the words of Elie Wiesel, Nobel Peace Prize winner in 1986, on the occasion of his speech at the White House on April 12, 1999:
I wake up with a feeling of emptiness that stays with me for days. I will never know what I left on the beach that day, and that thought will haunt me for the rest of my life.
<center><h3>**END**</h3></center>''
What if you had opened the bottle?''
(bg:black)[[[Go back and open the bottle|Open Bottle]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NonAproBottiglia4]]
[[SLOVENCINA|Fľaša nie je otvorená4]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<div class="rectangle"><center><h3> I Don't Open the Bottle ...and I Don't Want to Know My Fate (2/4)</h3></center>
I decide not to open it. Maybe it's better not to know, I tell myself, as I place the bottle on the sand. I pretend not to care, but as I walk away, the weight of my refusal makes itself felt. Part of me knows I’m making a mistake, that I’m turning my back on something important.
I try to persuade myself that I made the right choice. “It’s none of my business,” I repeat under my breath, but the words ring hollow. As I walk along the beach, I keep turning back, my heart beating fast. The bottle is still there, like a warning, a chance let go.
Suddenly, I hear a strange rumbling. The sky grows dark and the waves
seem to retreat...
But is all this connected to this mysterious bottle?
I’m torn between opening the bottle and running somewhere to seek shelter from the impending storm.
(bg:black)[[[Go back and open the bottle|Open Bottle]]]
(bg:black)[[[Run inland to seek shelter|SeekShelter]]]
(bg:black)[[[Continue...|NotOpenBottle3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|NonAproBottiglia2]]
[[SLOVENCINA|Fľaša nie je otvorená2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> The message ...for the past</h3> </center>
(bg:black)[[[Continue...|MessagePast]]]
<iframe src="https://scratch.mit.edu/projects/651145607/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|MondoPace]]
[[SLOVENCINA|SvetMieru]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> The message ...for the past</h3> </center>
I put my message in the bottle and deliver it to the waves of the sea.
I do not know if my message will ever be read, nor if my words will have an impact, but I have done everything in my power to warn them. Time is a wall, and my message is only a stone thrown against it.
I conclude with a phrase of hope, recalling the Second Vatican Council:
«(text-colour:red)+(bg:#f7ef08)[''//One can legitimately think that the future of humanity will be placed in the hands of those who are capable of transmitting to the generations of tomorrow reasons for life and hope//'']» (Gaudium et Spes 31).
<center>
<H3>**END**</H3></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|MessagePassato]]
[[SLOVENCINA|KomunikovatPast]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Una Bottiglia dal futuro ...e un messaggio segreto per un altro destino (2/2)</h3></center>
Le onde del mare mi bagnavano i miei piedi stanchi.
Ad un tratto ho urtato con il piede sinistro un oggetto che spuntava dalla sabbia.
Ho deciso di scavare velocemente attorno per vedere di cosa si trattasse.
A poco a poco il sole illuminava questo oggetto misterioso di colore verde.
In breve avevo fra le mani una ''bottiglia'' chiusa con un tappo.
Mi sono chiesto cosa fare. Se// aprirla o lasciarla chiusa// per evitare di avere una sorpresa che potesse anche essere pericolosa per la mia incolumità.
Come scrive Romano Battaglia nella "Notte Infinita", "//Sulla riva del mare è scritta la storia della vita che si rinnova di continuo, come le onde che cancellano le impronte sulla sabbia oppure vi lasciano nuovi oggetti venuti da chissà dove//".
Apro la bottiglia?
(bg:black)[[[APRO BOTTIGLIA|AproBottiglia]]]
(bg:black)[[[NON APRO BOTTIGLIA|NonAproBottiglia]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|StartENG_02]]
[[SLOVENCINA|StartSVK_02]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3> Una Bottiglia dal futuro ...e un messaggio segreto per un altro destino (1/2)</h3></center>
Avevo trascorso una giornata in mezzo al rumore della città e volevo entrare in uno spazio silenzioso.
Il silenzio mi aiuta a ritrovare la mia dimensione.
Adagiata sulla foce del fiume Tago, a pochi chilometri dall'Oceano, ''Lisbona'' è una città che ha sempre avuto un forte rapporto con il mare, ed è l'unica capitale europea che vanta spiagge atlantiche.
Per chi come me vive nel quartiere del Bairro Alto, è immerso nel fascino della vita notturna con una atmosfera “bohémien”.
Ho deciso di chiudere la porta del mio studio di ingegneria aerospaziale e di fare una passeggiata sul lungomare.
Mi bastano solo 30 minuti per trovarmi in questo paradiso.
Finalmente il sole e il silenzio.
(bg:black)[[[Continua...|StartITA2]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|StartENG]]
[[SLOVENCINA|StartSVK]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Non apro la Bottiglia...e non voglio conoscere il mio destino (2/4)</h3></center>
Decido di non aprirla. Forse è meglio non sapere, mi dico, mentre poggio la bottiglia sulla sabbia. Fingo che non mi importi, ma mentre mi allontano, il peso del mio rifiuto si fa sentire. Una parte di me sa che sto commettendo un errore, che sto voltando le spalle a qualcosa di importante.
Cerco di convincermi che ho fatto la scelta giusta. "Non è affar mio", ripeto sottovoce, ma le parole suonano vuote. Mentre cammino lungo la spiaggia, continuo a girarmi indietro, il cuore che batte veloce. La bottiglia è ancora lì, come un monito, una possibilità lasciata andare.
Improvvisamente, sento uno strano brontolio. Il cielo diventa scuro e le onde
sembrano ritirarsi...
Ma tutto questo è collegato con questa misteriosa bottiglia?
Sono combattuto tra aprire la bottiglia e correre da qualche parte per cercare un riparo dalla imminente tempesta.
(bg:black)[[[Tornare indietro e aprire la bottiglia|AproBottiglia]]]
(bg:black)[[[Correre verso l'entroterra per cercare riparo|CercareRiparo]]]
(bg:black)[[[Continua...|NonAproBottiglia3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle2]]
[[SLOVENCINA|Fľaša nie je otvorená2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Non apro la Bottiglia...e non voglio conoscere il mio destino (3/4)</h3></center>
Più mi allontano, più la spiaggia sembra diventare silenziosa, quasi irreale. Una fitta di rimorso si insinua in me. E se quella bottiglia contenesse qualcosa di fondamentale? Una risposta, un avvertimento, o forse solo una storia che meritava di essere letta?
Quando il sole comincia a tramontare, mi rendo conto che non riesco a scrollarmi di dosso quel pensiero. Sono tentato di tornare indietro, di afferrare di nuovo quella bottiglia e scoprire il suo segreto, ma il timore di ciò che potrei trovare mi blocca. Forse è meglio vivere nell’ignoranza, mi dico ancora una volta.
Eppure, quella notte, non riesco a dormire. Sogno la bottiglia, il suo contenuto, e un oceano infinito che mi separa da qualcosa che avrei potuto sapere, ma che ho scelto di ignorare con la mia indifferenza.
(bg:black)[[[Continua...|NonAproBottiglia4]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle3]]
[[SLOVENCINA|Fľaša nie je otvorená3]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><h3> Non apro la Bottiglia...e non voglio conoscere il mio destino (4/4)</h3></center>
Una voce rompe il silenzio della notte :
«L’opposto dell’amore non è l’odio, ma l’''indifferenza''. L’opposto della giustizia non è l’ingiustizia, ma l’''indifferenza''. L’opposto della pace non è la guerra, ma l’''indifferenza'' alla guerra. L’opposto della vita non è la morte, ma l’''indifferenza'' alla vita o alla morte».
Sono le parole di Elie Wiesel, Premio Nobel per la Pace nel 1986, in occasione del suo discorso alla Casa Bianca il 12 aprile 1999:
Mi sveglio con un senso di vuoto che mi accompagna per giorni. Non saprò mai cosa ho lasciato sulla spiaggia quel giorno, e quel pensiero mi perseguiterà per il resto della vita.
<center><h3>**FINE**</h3></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle4]]
[[SLOVENCINA|Fľaša nie je otvorená4]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3>Fuggo...ma il rimorso mi tormenta</h3>2/3
</center>
Trovo una vecchia capanna abbandonata, con le pareti ormai fragili e il tetto parzialmente crollato. È tutt'altro che sicura, ma è l'unico rifugio disponibile. Mi rifugio all'interno, rannicchiato in un angolo, mentre il vento urla come una bestia impazzita e la terra trema sotto i miei piedi. Ho paura. Non so cosa stia succedendo, ma una parte di me sa che è legato a quella bottiglia che ho ignorato.
La tempesta infuria per quello che sembra un'eternità. Il cielo è diventato nero come l'inchiostro, e il mare si è trasformato in una massa informe e violenta. Mi sento minuscolo, insignificante, come se il mondo stesso stesse reagendo alla mia decisione. Una parte di me si chiede se avrei potuto fermare tutto questo se avessi aperto quella bottiglia. Forse quel messaggio conteneva la chiave per prevenire questa catastrofe. O forse, questa è solo la natura che segue il suo corso.
(bg:black)[[[Continue...|CercareRiparo3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|SeekShelter_02]]
[[SLOVENCINA|Hľadajte úkryt_02]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3>Fuggo...ma il rimorso mi tormenta</h3>3/3
</center>
Quando finalmente la tempesta si placa, esco dalla capanna. Il paesaggio è irriconoscibile. La spiaggia è stata trasformata in una distesa desolata di detriti e fango. La bottiglia è scomparsa, inghiottita dal mare o distrutta nella furia delle onde. Mi rendo conto che l'opportunità è persa per sempre. Non ci sarà una seconda possibilità per scoprire cosa conteneva quel messaggio.
Il rimorso mi invade. Il pensiero di aver ignorato qualcosa di così importante mi tormenta. E se quella bottiglia fosse stata l'ultimo legame con un passato perduto? Se avessi potuto cambiare qualcosa, anche solo di poco?
''NON PRENDERE MAI UNA DECISIONE PERMANENTE BASATA SU UNA EMOZIONE TEMPORANEA!''
Ora non lo saprò mai, e il dubbio mi accompagnerà per il resto della vita.
<center><h2>**FINE**</h2></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|SeekShelter_03]]
[[SLOVENCINA|Hľadajte úkryt_03]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"> <center> <h3>Messaggio per il Futuro</h3> 2/5
</center>
//"ARRIVO DAL FUTURO. TUTTO DIPENDE DA TE ".
"A chiunque trovi questo messaggio: sono uno scienziato di Atlantide.
Il nostro mondo, un tempo prospero e avanzato, è caduto sotto il peso della nostra insaziabile fame di risorse. Abbiamo estratto ogni goccia di energia, tagliato ogni albero, inquinato ogni fiume, e scavato troppo in profondità.
Abbiamo dimenticato che la società non è fatta di “individui”, ossia tanti “io” chiusi nella rivendicazione egoistica dei propri diritti, ma di "persone". Questo termine indica «il singolo nelle formazioni sociali» in cui solo si può realizzare.
E quando il comune sentimento si riduce ad un attaccamento alle cose materiali, ad un’idea d’affetto più vicina a quella di possesso, quando il solo valore che conta è quello economico, la società finisce per popolarsi di monadi, di individui sufficienti a se stessi, aridi, solitari, digiuni d’emozioni. Ne deriva un insieme di individui senza rispetto e solidarietà verso gli altri.
Con la mancanza d’empatia, siamo diventati impermeabili ai problemi ed al sentire altrui, e celebrato la vittoria del cinismo e dell’egoismo.
Abbiamo dimenticato che la patria non è un suolo da difendere avidamente ma una «dimora di libertà e uguaglianza» aperta a tutti.
E così la nostra brama di possesso ha scatenato una guerra per ciò che restava, culminando in una distruzione nucleare totale.
Questa bottiglia è il mio ultimo tentativo di avvertire il futuro.
Se state leggendo queste parole, vi prego, imparate dal nostro errore: non lasciate che l'avidità superi il rispetto per il mondo che vi sostiene.
Le risorse della vostra terra non sono infinite, e la vostra sopravvivenza dipende da come le usate."
//(bg:black)[[[Continua...|MitoAtlantide]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|MessageFromFuture]]
[[SLOVENCINA|Správa z budúcnosti]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.7); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>''PLATONE descrive Atlantide''</h3> 4/5
</center>
Gli Egiziani, affermava Platone, descrivevano Atlantide come un’isola composta per lo più di montagne nella parte settentrionale e lungo la costa, “mentre tutt’intorno alla città vi era una pianura, che abbracciava la città ed era essa stessa circondata da monti che discendevano fino al mare. La pianura era piana e uniforme, tutta allungata, lunga tremila stadi (circa 555 km) sui due lati e al centro duemila stadi (circa 370 km) dal mare fin giù. […] a una distanza di circa cinquanta stadi (9 km), c’era un monte, di modeste dimensioni da ogni lato. […] L’isola, nella quale si trovava la dimora dei re, aveva un diametro di cinque stadi” (circa 0,92 km).
(bg:black)[[[Continua per la VISIONE di ATLANTIDE...|VisioneDiAtlantide]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|RompoBottiglia]]
[[SLOVENCINA|Rozbiť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.5); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>La Visione di Atlantide</h3> 5/5</center>
Un bagliore improvviso emanò dal foglio, e mi apparve una visione di due percorsi:
//"Hai trovato questa bottiglia per una ragione. Devi decidere come agire per non ripetere il nostro passato nel tuo futuro."
//
Per prendere una delle seguenti decisioni prova a verificare la tua [[IMPRONTA ECOLOGICA|ImprontaEcologica]].
(bg:black)[[[Seguire le istruzioni sul retro del foglio|IstruzioniRetro]]]
(bg:black)[[[Buttare via il messaggio, è troppo inquietante|ButtareMessaggio]]]
</h3> ''In ogni caso, prima di proseguire ti suggerisco di verificare le tue conoscenze di ATLANTIDE con un TEST in lingua inglese. ''
<center>
<h2>''(bg:black)[[[Take the TEST|QuizStart]]]''</h2></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|VisionATLANTIS]]
[[SLOVENCINA|Vízia Atlantídy]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.5); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>''Mito di Atlantide''</h3> 3/5</center>
Mi sono ricordato che Il mito di Atlantide ha origine nei dialoghi “Timeo” e “Crizia” di Platone, scritti nel IV secolo a.C. Secondo il filosofo, Atlantide era un’isola potente e avanzata, situata oltre le Colonne d’Ercole. Secondo Platone questa civiltà, corrotta dalla sete di potere, fu punita dagli dèi e sprofondò nell’oceano.
Platone descrive Atlantide come una società sofisticata, con tecnologie avanzate, un’organizzazione politica esemplare e ricchezza. L’isola era divisa in cerchi concentrici di terra e acqua, collegati da canali. La sua capitale, decorata con templi e palazzi, rifletteva la grandezza di una civiltà che combinava natura e architettura.
(bg:black)[[[Continua per la DESCRIZIONE di ATLANTIDE...|PlatoneAtlantide]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|RompoBottiglia]]
[[SLOVENCINA|Rozbiť fľašu]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.5); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center>
<h3> Ho paura...e non leggo il messaggio</h3>2/3 </center>
Tornando a casa, cerco di ignorare i pensieri che mi assillano. Forse era un falso, un qualche scherzo elaborato. Ma una parte di me sa che sto solo mentendo a me stesso. Quelle parole erano reali, e ''la possibilità di cambiare qualcosa, di fare la differenza,'' è stata gettata via insieme al foglio.
Ogni notte, sogno di Atlantide, della sua grandezza e della sua caduta. Vedo città che sprofondano, vite distrutte, e sento le grida di chi avrebbe potuto essere salvato. Mi sveglio con il cuore pesante, sudato, consapevole che avrei potuto fare qualcosa.
(bg:black)[[[Continua...|Buttare Messaggio3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage2]]
[[SLOVENCINA|Zahodiť správu2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center> <h3> Ho paura...e non leggo il messaggio</h3>3/3 </center>
Un giorno, sento al telegiornale una notizia che mi ghiaccia il sangue. Una bottiglia è stata trovata da un altro esploratore, ma il contenuto è illeggibile, rovinato dal tempo e dall'acqua. Un'occasione irripetibile è andata perduta. E se quella bottiglia fosse stata la stessa che ho gettato? Non potrò mai saperlo.
Mi rendo conto di aver agito per paura, per codardia. Non sono stato in grado di affrontare il significato di quel messaggio e il mio potenziale ruolo nella sua trasmissione. Ora vivo con il rimorso, intrappolato nei "cosa sarebbe successo se...". Ho perso l'''opportunità di fare la differenza ''e questo mi perseguiterà per sempre.
<center>
(bg:black)[<h1>**END**</h1>]</center>
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage3]]
[[SLOVENCINA|Zahodiť správu3]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 90%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3> Senza CORAGGIO....(2/2)</h3></center>
Mi immagino spesso cosa sarebbe successo se avessi condiviso quella scoperta. Forse il mondo avrebbe trovato un modo per prevenire gli errori di Atlantide, o forse avrebbe accelerato la sua stessa distruzione. È il dubbio che mi logora: ho protetto l'umanità o ho privato tutti di un'opportunità unica?
Ogni tanto torno nel luogo dove ho nascosto il foglio, contemplando se recuperarlo o distruggerlo per sempre. Ma la paura mi immobilizza, come una catena invisibile. Il mio segreto rimane sepolto, e con esso la mia pace interiore.
<center>
(bg:black)[<h2>**END**</h2>]</center>
E se (bg:black)[[[provassi a costruire la macchina usando il diagramma ?|CostruireMacchina]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|HidePaper]]
[[SLOVENCINA|Skryte papier]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin: 0, 0, 0, 0px;
background-color: rgba(60, 60, 60, 0.2); /* Grigio trasparente */
color: white; /* Colore del test0 0 10px 50px;o bianco */
font-size: 18px; /* Dimensione del font */
padding: 5px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 110%; /* Larghezza del rettangolo */
margin: 0px; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>La Chiave Temporale...per il viaggio nel tempo</h3>2/2</center>
Il documento descrive un processo graduale: la creazione di un telaio resistente alle fluttuazioni temporali, l'installazione di un motore che genera un campo energetico e infine il collegamento di un pannello di controllo pieno di pulsanti e leve. Ogni passaggio richiede estrema precisione, e un errore potrebbe portare a un fallimento catastrofico.
Leggo anche un avvertimento:
//''"Questa macchina non deve essere usata senza comprensione totale. Ogni viaggio temporale ha conseguenze."''//
Sento un brivido. La responsabilità di maneggiare un tale potere è enorme.
Le mie mani tremano mentre rifletto sulle implicazioni di costruire un dispositivo simile.
Potete:
(bg:black)[[[Provare a costruire la macchina usando il diagramma|CostruireMacchina]]]
(bg:black)[[[Nascondere il foglio e non dire nulla a nessuno|NascondereFoglio]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|InstructionsBack2]]
[[SLOVENCINA|Návod na zadnej strane2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle"><center><h3>La costruzione della macchina ...per il viaggio ad Atlantide (2/2)</h3>
Mi sono fatto aiutare dalla mia amica matematica DINA :
<iframe src="https://scratch.mit.edu/projects/1077476478/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe></center>
Uno dei momenti più difficili è stato il montaggio del nucleo energetico. Seguendo le istruzioni, ho inserito un cristallo particolare che sembrava brillare di una luce propria. Quando l'ho collegato al circuito principale, la macchina ha emesso un ronzio crescente, come se stesse prendendo vita.
Infine, ho attivato il pannello di controllo, un dispositivo che sembrava progettato per essere sia meccanico che organico. Premendo il pulsante finale, la macchina si è accesa, e una finestra temporale si è aperta, mostrando un vortice di luci e ombre. Era pronta per essere usata.
Potete scegliere se superare una sfida in lingua inglese e recuperare la CHIAVE
per (bg:black)[[[entrare ad Atlantide|startGame]]]
oppure (bg:black)[[[mandare immediatamente un messaggio ad Atlantide per avvertirli|ComunicarePassato]]].
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|BuildMachine2]]
[[SLOVENCINA|Zostavte stroj2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>
<center>[[ENGLISH VERSION|ObserveAtlantis2]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu2]
{
<h3> ATLANTIDE ...la meraviglia perduta (2/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''Vedo strade che pulsano di vita, ma al posto delle macchine tradizionali ci sono veicoli silenziosi, alimentati da energia pulita e in grado di levitare. Ovunque, robot umanoidi svolgono lavori manuali, mentre intelligenze artificiali sovrintendono alla gestione della città, ottimizzando risorse e garantendo il benessere dei cittadini. Gli Atlantidei sembrano vivere in un'epoca d'oro, eppure percepisco un'ombra di inquietudine.'']
(bg:black)[[[Continua...|OsservareAtlantide3]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>[[ENGLISH VERSION|ObserveAtlantis3]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu3]]
{
<h3> ATLANTIDE ...la meraviglia perduta (3/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''Mi soffermo su un laboratorio dove gli scienziati stanno lavorando su una macchina simile alla "Chiave Temporale". Le pareti sono coperte di schermi olografici che mostrano dati complessi e proiezioni di scenari futuri. Un'intelligenza artificiale centrale interagisce con gli scienziati, offrendo consigli e simulazioni, ma avverto anche una certa tensione tra l'uomo e la macchina: è come se la tecnologia avesse iniziato a dominare le loro vite.'']
(bg:black)[[[Continua...|OsservareAtlantide4]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>[[ENGLISH VERSION|ObserveAtlantis4]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu4]]
{
<h3> ATLANTIDE ...la meraviglia perduta (4/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''Osservo anche le loro fonti di energia, straordinariamente avanzate: cristalli pulsanti che emettono una luce blu intensa, capaci di fornire energia per intere città. Tuttavia, questi cristalli vengono estratti da profondità pericolose della terra, causando instabilità geologiche.''
]
(bg:black)[[[Continua...|OsservareAtlantide5]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>[[ENGLISH VERSION|ObserveAtlantis5]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu5]]
{
<h3> ATLANTIDE ...la meraviglia perduta (5/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''Non posso distogliere lo sguardo mentre una riunione del consiglio di Atlantide si trasforma in un acceso dibattito. Alcuni leader chiedono moderazione nell'uso delle risorse, mentre altri insistono sulla necessità di espandere ancora di più il loro potere tecnologico. La tensione è palpabile, e capisco che sono sul punto di prendere decisioni che condurranno alla loro rovina.'']
(bg:black)[[[Continua...|OsservareAtlantide6]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<center>[[ENGLISH VERSION|ObserveAtlantis6]] [[SLOVENSKÁ VERZIA|Pozorujte Atlantídu6]]
{
<h3> ATLANTIDE ...la meraviglia perduta (6/6)</h3> }
</center>
(text-colour:black)+(bg:green)[''Quando la finestra temporale mi mostra la guerra nucleare che distrugge tutto, rimango paralizzato dal terrore. Vedo il cielo incendiarsi e le magnifiche città dissolversi in un istante. L'intelligenza artificiale centrale tenta disperatamente di coordinare evacuazioni e protezioni, ma è troppo tardi.'']
(text-colour:black)+(bg:green)[''Rimango a guardare, incapace di intervenire, mentre la civiltà più avanzata mai esistita si autodistrugge per la sua incapacità di bilanciare progresso e sostenibilità.
'']
<h3>(text-colour:white)+(bg:red)[**FINE**]</h3>
(text-colour:white)+(bg:blue)[[[Comunicare con Atlantide|ComunicarePassato]]] (text-colour:white)+(bg:blue)[[[Vai nel Passaggio segreto|startGame]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)<div class="rectangle">
<center>
<h3> Il messaggio...per il passato (2/3)</h3> </center>
<iframe src="https://scratch.mit.edu/projects/651145607/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
(bg:black)[[[Continue...|MessagePassato]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|WORLDPEACE]]
[[SLOVENCINA|SvetMieru]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle">
<center>
<h3> Il messaggio...per il passato (3/3)</h3> </center>
Metto il mio messaggio nella bottiglia e lo consegno alle onde del mare.
Non so se il mio messaggio verrà mai letto, né se le mie parole avranno un impatto, ma ho fatto tutto ciò che era in mio potere per avvertirli. Il tempo è un muro, e il mio messaggio è solo un sasso lanciato contro di esso.
Concludo con una frase di speranza, ripresa dal Concilio Vaticano II :
«(text-colour:red)+(bg:#f7ef08)[''//Legittimamente si può pensare che il futuro della umanità sarà riposto nelle mani di coloro che saranno capaci di trasmettere alle generazioni di domani ragioni di vita e di speranza//'']» (Gaudium et Spes 31).
(bg:black)[**FINE**]
(bg:black)[[[Torna all'inizio|StartITA]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|MessagePast]]
[[SLOVENCINA|KomunikovatPast]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center> <h3>Fľaša z budúcnosti ...a tajná správa pre iný osud (2/2)</h3> </center>
Vlny mora mi zmáčali unavené nohy.
Zrazu som ľavou nohou narazil do predmetu vyčnievajúceho z piesku.
Rozhodol som sa rýchlo prekopať, aby som zistil, čo to je.
Slnko kúsok po kúsku osvetľovalo tento záhadný zelený objekt.
Čoskoro som mal v rukách ''fľašu'' uzavretú korkom.
Pýtal som sa sám seba, čo mám robiť. //Otvoriť ju alebo ju nechať zatvorenú//, aby som sa vyhol prekvapeniu, ktoré by mohlo byť nebezpečné aj pre moju bezpečnosť.
Ako píše Romano Battaglia v "Notte Infinita", "// Na morskom pobreží je napísaný príbeh života, ktorý sa neustále obnovuje, ako vlny, ktoré vymazávajú stopy na piesku alebo zanechávajú nové predmety, ktoré prichádzajú ktovie odkiaľ//" .
Otvorím fľašu?
(bg:black)[[Otvoriť fľašu]]
(bg:black)[[Fľaša nie je otvorená]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|StartITA2]]
[[ENGLISH|StartENG_02]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Bežím...ale výčitky svedomia ma mučia(2/3)</h3> </center>
Nachádzam starú opustenú chatrč, ktorej steny sú teraz krehké a strecha sa čiastočne zrútila. Nie je to ani zďaleka bezpečné, ale je to jediný dostupný úkryt. Uchýlim sa dovnútra, schúlený v kúte, keď vietor kvíli ako besná zver a zem sa mi trasie pod nohami. mám strach. Neviem, čo sa deje, ale časť mňa vie, že je to spojené s fľašou, ktorú som ignoroval.
Búrka zúri niečo, čo sa zdá ako večnosť. Obloha sčernela ako atrament a more sa zmenilo na beztvarú, násilnú masu. Cítim sa maličký, bezvýznamný, ako keby na moje rozhodnutie reagoval samotný svet. Časť zo mňa premýšľa, či by som to všetko mohol zastaviť, keby som tú fľašu otvoril. Možno, že táto správa bola kľúčom k zabráneniu tejto katastrofe. Alebo možno je to len príroda, ktorá si naberá svoj kurz.
(bg:black)[[[Pokračujte na ďalšej strane...|Hľadajte úkryt_03]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo2]]
[[ENGLISH|SeekShelter_02]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Bežím...ale výčitky svedomia ma mučia(3/3)</h3> </center>
Keď búrka konečne ustúpi, vychádzam z chatky. Krajina je na nepoznanie. Pláž sa zmenila na pustú plochu trosiek a blata. Fľaša je preč, pohltená morom alebo zničená v zúrivosti vĺn. Uvedomujem si, že príležitosť je nenávratne preč. Nebude žiadna druhá šanca zistiť, čo táto správa obsahovala.
Napadnú ma výčitky svedomia. Myšlienka, že som ignoroval niečo také dôležité, ma mučí. Čo ak tá fľaša bola posledným odkazom na stratenú minulosť? Čo keby som mohol niečo zmeniť, čo i len trochu?
''NIKDY NEROBIŤ TRVALÉ ROZHODNUTIE NA ZÁKLADE DOČASNÝCH EMÓCIÍ!''
Teraz sa to už nikdy nedozviem a pochybnosti ma budú sprevádzať po zvyšok môjho života.
(bg:black)[<H3>KONIEC</H3>]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CercareRiparo3]]
[[ENGLISH|SeekShelter_03]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 80%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Časový kľúč ...na cestovanie v čase (1/2)</h3> </center>
Dokument popisuje postup krok za krokom: vytvorenie rámu odolného voči časovým výkyvom, inštalácia motora generujúceho energetické pole a nakoniec pripojenie ovládacieho panela plného tlačidiel a páčok. Každý krok si vyžaduje extrémnu presnosť a jedna chyba by mohla viesť ku katastrofálnemu zlyhaniu.
Čítal som aj varovanie:
//''Tento stroj sa nesmie používať bez úplného pochopenia. Každé cestovanie v čase má následky.''//
Cítim zimomriavky. Zodpovednosť za takú moc je obrovská.
Ruky sa mi trasú, keď zvažujem dôsledky zostrojenia takéhoto zariadenia.
Môžete:
(bg:black)[[[Pokúste sa postaviť stroj pomocou schémy|Zostavte stroj]]]
(bg:black)[[[Skryte papier a nikomu to nepovedzte|Skryte papier]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|IstruzioniRetro2]]
[[ENGLISH|InstructionsBack2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Bojím sa ...a nečítam správu (2/3)</h3> </center>
Cestou domov sa snažím ignorovať myšlienky, ktoré ma otravujú. Možno to bol falošný, nejaký prepracovaný žart. Ale časť mňa vie, že klamem len sám seba. Tieto slová boli skutočné a „šanca niečo zmeniť, niečo zmeniť“ bola zahodená spolu s papierom.
Každú noc sa mi sníva o Atlantíde, o jej veľkosti a jej páde. Vidím mestá potápajúce sa, zničené životy a počujem výkriky tých, ktorí mohli byť zachránení. Zobúdzam sa s ťažkým srdcom, spotený, s vedomím, že som mohol niečo urobiť.
(bg:black)[[[Pokračujte na ďalšej strane...|Zahodiť správu3]]]
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage2]]
[[ITALIANO|Buttare Messaggio2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Bojím sa ...a nečítam správu (3/3)</h3> </center>
Jedného dňa počujem v správach príbeh, z ktorého mi mrazí krv. Fľaša bola nájdená iným prieskumníkom, ale obsah je nečitateľný, zničený časom a vodou. Príležitosť, ktorá sa vám naskytne raz za život, bola stratená. Čo ak tá fľaša bola tá istá, ktorú som vyhodil? Nikdy sa to nedozviem.
Uvedomujem si, že som konal zo strachu, zo zbabelosti. Nebol som schopný čeliť významu tejto správy a mojej potenciálnej úlohe pri jej prenose. Teraz žijem s výčitkami svedomia, uväznený v čo ak...“Zmeškal som ''príležitosť niečo zmeniť'' a bude ma to prenasledovať navždy.
(bg:black)[<H3>KONIEC</H3>]
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|ThrowMessage3]]
[[ITALIANO|Buttare Messaggio3]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Bez STATOČNOSTI ...skrývam sa v tichosti (2/2)</h3> </center>
Často si predstavujem, čo by sa stalo, keby som sa o tento objav podelil. Možno by svet našiel spôsob, ako zabrániť chybám Atlantídy, alebo by možno urýchlil svoju vlastnú skazu. Zožiera ma pochybnosť: ochránil som ľudstvo alebo som každého pripravil o jedinečnú príležitosť?
Z času na čas sa vraciam na miesto, kde som papier ukryl, a rozmýšľam, či ho obnoviť alebo navždy zničiť. Ale strach ma znehybňuje ako neviditeľná reťaz. Moje tajomstvo zostáva pochované a s ním aj môj vnútorný pokoj.
(bg:black)[<H3>KONIEC</H3>]
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ENGLISH|HidePaper2]]
[[ITALIANO|NascondereFoglio2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Neotvorím fľašu...a nechcem poznať svoj osud (2/4)</h3> </center>
Rozhodnem sa ju neotvárať. Možno je lepšie nevedieť, hovorím si, keď kladiem fľašu na piesok. Tvárim sa, že ma to nezaujíma, ale keď odchádzam, je cítiť váhu môjho odmietnutia. Časť zo mňa vie, že robím chybu, že sa obraciam chrbtom k niečomu dôležitému.
Snažím sa sám seba presvedčiť, že som si vybral správne. "To nie je moja vec," opakujem si popod nos, ale slová znejú duto. Ako kráčam po pláži, stále sa otáčam späť, srdce mi rýchlo bije. Fľaša je stále tam ako varovanie, šanca nechať ísť.
Zrazu počujem zvláštne dunenie. Obloha tmavne a vlny,
zdá sa, že ustupujú ...
Súvisí to však všetko s touto tajomnou fľašou?
Som rozpoltený medzi otvorením fľaše a bežiacim niekam hľadať úkryt pred blížiacou sa búrkou.
(bg:black)[[[Vráťte sa a otvorte fľašu|Otvoriť fľašu]]]
(bg:black)[[[Utekajte do vnútrozemia a hľadajte úkryt|Hľadajte úkryt]]]
(bg:black)[[[Pokračujte na ďalšej strane...|Fľaša nie je otvorená3]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle2]]
[[ITALIANO|NonAproBottiglia2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Neotvorím fľašu...a nechcem poznať svoj osud (3/4)</h3> </center>
Čím ďalej, tým sa pláž zdá byť tichšia, takmer neskutočná. Vkráda sa do mňa výčitka. Čo ak tá fľaša obsahuje niečo zásadné? Odpoveď, varovanie alebo možno len príbeh, ktorý stojí za prečítanie?
Keď slnko začína zapadať, uvedomujem si, že sa nemôžem zbaviť tej myšlienky. Som v pokušení vrátiť sa, znova chytiť tú fľašu a objaviť jej tajomstvo, ale zastaví ma strach z toho, čo by som mohol nájsť. Možno je lepšie žiť v nevedomosti, hovorím si ešte raz.
A napriek tomu v tú noc nemôžem zaspať. Snívam o fľaši, jej obsahu a nekonečnom oceáne, ktorý ma oddeľuje od niečoho, čo som mohol poznať, ale rozhodol som sa to ignorovať svojou ľahostajnosťou.
(bg:black)[[[Pokračujte na ďalšej strane...|Fľaša nie je otvorená4]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle3]]
[[ITALIANO|NonAproBottiglia3]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Neotvorím fľašu...a nechcem poznať svoj osud (4/4)</h3> </center>
Nočné ticho prelomí hlas:
"Opakom lásky nie je nenávisť, ale ''ľahostajnosť''. Opakom spravodlivosti nie je nespravodlivosť, ale ''ľahostajnosť''. Opakom mieru nie je vojna, ale ''ľahostajnosť'' k vojne. Opakom života nie je smrť, ale ''ľahostajnosť'' k životu alebo smrti."
Toto sú slová Elieho Wiesela, preživšieho Holokaust a nositeľa Nobelovej ceny za mier z roku 1986, pri príležitosti jeho prejavu v Bielom dome 12. apríla 1999.
Prebúdzam sa s pocitom prázdnoty, ktorý vo mne zostáva celé dni. Nikdy sa nedozviem, čo som v ten deň nechal na pláži a tá myšlienka ma bude prenasledovať do konca života.
(bg:black)[<center><h3>KONIEC</h3></center>]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|NotOpenBottle4]]
[[ITALIANO|NonAproBottiglia4]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Správa z budúcnosti</h3> </center>
//"PRICHÁDAM Z BUDÚCNOSTI. VŠETKO ZÁVISÍ OD VÁS".
„Pre každého, kto nájde túto správu: Som vedec z Atlantídy.
Náš kedysi prosperujúci a vyspelý svet padol pod ťarchou nášho neukojiteľného hladu po zdrojoch. Vyťažili sme každú kvapku energie, vyrúbali každý strom, znečistili každú rieku a kopali príliš hlboko.
Zabudli sme, že spoločnosť netvoria ''jednotlivci'', teda mnohé „ja“ uzavreté v sebeckom nároku na svoje práva, ale''ľudia''. Tento termín označuje ''jedinca v sociálnych formáciách'', v ktorých sa môže realizovať.
A keď sa bežný pocit zredukuje na pripútanosť k materiálnym veciam, na predstavu náklonnosti, ktorá sa približuje k vlastníctvu, keď jedinou hodnotou, ktorá sa ráta, je ekonomická, spoločnosť sa stáva skupinou monád, jednotlivcov, ktorí si vystačia sami, suchí, osamelí, zbavení citov. Výsledkom je skupina jednotlivcov bez rešpektu a solidarity s ostatnými.
S nedostatkom empatie sme sa stali odolnými voči problémom a pocitom iných a oslavovali sme víťazstvo cynizmu a sebectva.
Zabudli sme, že vlasť nie je pôda, ktorú treba chamtivo brániť, ale ''príbytok slobody a rovnosti'' otvorený pre všetkých.
A tak naša túžba po majetku rozpútala vojnu o to, čo zostalo, čo vyvrcholilo úplným nukleárnym zničením.
Táto fľaša je môj posledný pokus vycítiť budúcnosť.
Ak čítate tieto slová, poučte sa z našej chyby: nedovoľte, aby chamtivosť zvíťazila nad rešpektom voči svetu, ktorý vás podporuje.
Zdroje vašej krajiny nie sú nekonečné a vaše prežitie závisí od toho, ako ich využijete."
//
(bg:black)[[[Pokračujte na ďalšej strane...|Mýtus o Atlantíde]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|MessageFromFuture]]
[[ITALIANO|MessaggioDaFuturo]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* Verde trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(0, 0, 0, 0.7); /* Grigio trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Mýtus o Atlantíde</h3> </center>
Spomenul som si, že mýtus o Atlantíde pochádza z Platónových dialógov „Timaeus“ a „Critias“, napísaných v 4. storočí pred Kristom. Podľa filozofa bola Atlantída mocným a vyspelým ostrovom, ktorý sa nachádzal za Herkulovými stĺpmi. Podľa Platóna bola táto civilizácia, skazená túžbou po moci, potrestaná bohmi a potopila sa do oceánu.
Platón opisuje Atlantídu ako sofistikovanú spoločnosť s vyspelými technológiami, príkladnou politickou organizáciou a bohatstvom. Ostrov bol rozdelený na sústredné kruhy zeme a vody, ktoré boli spojené kanálmi. Jeho hlavné mesto zdobené chrámami a palácmi odrážalo majestátnosť civilizácie, ktorá spájala prírodu a architektúru.
(bg:black)[[[Pokračujte na ďalšej strane...|Platón opisuje Atlantídu]]]
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|Myth of Atlantis]]
[[ITALIANO|MitoAtlantide]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3> Platón opisuje Atlantídu</h3> </center>
Egypťania, povedal Platón, opísali Atlantídu ako ostrov pozostávajúci prevažne z hôr v severnej časti a pozdĺž pobrežia, //zatiaľ čo okolo mesta bola rovina, ktorá objímala mesto a sama bola obklopená horami, ktoré sa zvažovali až k moru.
More, ploché a podlhovasté, tritisíc štadiónov (asi 555 km) dlhé na oboch stranách a v strede dvetisíc štadiónov (asi 370 km) od mora dole […] vo vzdialenosti asi päťdesiat štadiónov (9 km), bola hora skromnej veľkosti na každej strane […] Ostrov, na ktorom sa nachádzala rezidencia kráľov, mal priemer päť štadiónov“ (asi 0,92 km).//
(bg:black)[[[Pokračujte na ďalšej strane...|Vízia Atlantídy]]]
</div>
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|PLATOATLANTIS]]
[[ITALIANO|PlatoneAtlantide]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><div class="rectangle"><center><h3>Vízia Atlantídy</h3> </center>
Papier zrazu zažiaril a ja som videl víziu dvoch ciest:
Túto fľašu ste našli z nejakého dôvodu. Musíte sa rozhodnúť, ako budete konať, aby sa naša minulosť vo vašej budúcnosti neopakovala.
<h3> Ak chcete urobiť jedno z nasledujúcich rozhodnutí, skúste skontrolovať svoju
(bg:black)[[[Ekologickú stopu|Ekologickú stopu]].]
(bg:black)[1.[[Postupujte podľa pokynov na zadnej strane papiera|Návod na zadnej strane]]]
(bg:black)[2.[[Zahoď správu, je príliš znepokojujúca|Zahodiť správu]] ]
V každom prípade, skôr ako budeme pokračovať, navrhujem otestovať si svoje znalosti o Atlantíde.
(bg:black)[[[Urobte si TEST v angličtine|QuizStart]]]
</div>
<div class="sidebar">
^^(text-colour:white)[[[BOOKSHELF|COVER]]
[[ENGLISH|VisionATLANTIS]]
[[ITALIANO|VisioneDiAtlantide]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|Komunikovať]]
[[Msg X Past|Komunikovať]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 18px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style><center>[[ENGLISH VERSION|ObserveAtlantis2]] [[VERSIONE ITALIANA|OsservareAtlantide2]]
<h3> ATLANTÍDA ...stratený zázrak(2/6)</h3> </center>
(text-color:black)+(bg:green)[''Vidím ulice, ktoré pulzujú životom, no namiesto tradičných áut sú tu tiché vozidlá poháňané čistou energiou a schopné levitovať. Všade humanoidné roboty vykonávajú manuálnu prácu, zatiaľ čo umelé inteligencie dohliadajú na riadenie mesta, optimalizáciu zdrojov a zabezpečenie blahobytu občanov. Zdá sa, že Atlanťania žijú v zlatom veku, no ja cítim tieň nepokoja.'']
(bg:black)[[[Pokračujte na ďalšej strane...|Pozorujte Atlantídu3]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<center>[[ENGLISH VERSION|ObserveAtlantis3]] [[VERSIONE ITALIANA|OsservareAtlantide3]]
<h3> ATLANTÍDA ...stratený zázrak(3/6)</h3> </center>
(text-colour:black)+(bg:green)[''Zastavím sa v laboratóriu, kde vedci pracujú na stroji podobnom "Časovému kľúču". Steny sú pokryté holografickými obrazovkami, ktoré zobrazujú zložité údaje a projekcie budúcich scenárov. Centrálna umelá inteligencia interaguje s vedcami, ponúka rady a simulácie, no cítim aj isté napätie medzi človekom a strojom: je to, akoby im v živote začala dominovať technológia.'']
(bg:black)[[[Pokračujte na ďalšej strane...|Pozorujte Atlantídu4]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<center>[[ENGLISH VERSION|ObserveAtlantis4]] [[VERSIONE ITALIANA|OsservareAtlantide4]]
<h3> ATLANTÍDA ...stratený zázrak(4/6)</h3> </center>
(text-colour:black)+(bg:green)[''Pozorujem aj ich mimoriadne vyspelé zdroje energie: pulzujúce kryštály, ktoré vyžarujú jasné modré svetlo, schopné dodávať energiu pre celé mestá. Tieto kryštály sa však ťažia z nebezpečných hĺbok zeme, čo spôsobuje geologickú nestabilitu.'']
(bg:black)[[[Pokračujte na ďalšej strane...|Pozorujte Atlantídu5]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<center>[[ENGLISH VERSION|ObserveAtlantis5]] [[VERSIONE ITALIANA|OsservareAtlantide5]]
<h3> ATLANTÍDA ...stratený zázrak(5/6)</h3>
</center>
(text-colour:black)+(bg:green)[''Nemôžem uhnúť pohľadom, keď sa zasadnutie atlantskej rady zvrhne do búrlivej diskusie. Niektorí lídri požadujú umiernenosť vo využívaní zdrojov, zatiaľ čo iní trvajú na ďalšom rozširovaní svojej technologickej sily. Napätie je citeľné a viem, že sú na pokraji rozhodnutí, ktoré povedú k ich pádu.'']
(bg:black)[[[Pokračujte na ďalšej strane...|Pozorujte Atlantídu6]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<center>[[ENGLISH VERSION|ObserveAtlantis6]] [[VERSIONE ITALIANA|OsservareAtlantide6]]
<h3> ATLANTÍDA ...stratený zázrak(6/6)</h3>
</center>
(text-colour:black)+(bg:green)[''Keď mi časové okno ukáže jadrovú vojnu, ktorá všetko zničí, som paralyzovaný hrôzou. Sledujem, ako sa obloha zapaľuje a veľkolepé mestá sa v okamihu rozpúšťajú. Centrálna AI sa zúfalo pokúša koordinovať evakuácie a ochranu, ale je príliš neskoro.'']
(text-colour:black)+(bg:green)[''Stojím bezmocne bokom, pretože najvyspelejšia civilizácia, aká kedy existovala, sa sama ničí kvôli svojej neschopnosti nájsť rovnováhu medzi pokrokom a udržateľnosťou.
'']
(text-colour:white)+(bg:red)[**KONIEC**]
(text-colour:white)+(bg:blue)[[[Správa pre Atlantídu|Komunikovať]]] (text-colour:white)+(bg:blue)[[[Choďte do Tajnej pasáže|startGame]]]
(enchant:?link,
(background:#052650) +
(border:'solid') +
(color:white) +
(corner-radius: 20) +
(border-color:#F8F7FF) +
(border-size:2) +
(size:0.7) +
(hover-style: (bg:#3168b0) + (border-color:white))
)
<div class="rectangle">
<center><h3> Správa...pre minulosť(2/3)</h3> </center>
(bg:black)[[[Pokračujte na ďalšej strane...|KomunikovatPast]]]
<iframe src="https://scratch.mit.edu/projects/651145607/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|MondoPace]]
[[ENGLISH|WORLDPEACE]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3> Správa...pre minulosť(3/3)</h3> </center>
Vložím svoj odkaz do fľaše a odovzdám ho morským vlnám.
Neviem, či si moje posolstvo niekedy prečítajú, ani či ich moje slová ovplyvnia, ale urobil som všetko, čo bolo v mojich silách, aby som ich varoval. Čas je stena a moje posolstvo je len kameňom hodeným o ňu.
Zakončujem frázou nádeje, pripomínajúc Druhý vatikánsky koncil:
«(text-colour:red)+(bg:#f7ef08)[''//Človek si môže oprávnene myslieť, že budúcnosť ľudstva bude vložená do rúk tých, ktorí sú schopní odovzdať generáciám zajtrajška dôvody pre život a nádej//'']» (Gaudium et Spes 31).
<H3>**KONIEC**</H3></center>
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|MessagePassato]]
[[ENGLISH|CommunicatePast]]] ^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 150px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(255, 0, 0, 0.5); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(255, 255, 255, 0.2); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba(255, 0, 0, 0.7); /* Rosso trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: center; /* Testo centrato */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style> <div class="rectangle">
<center><h3>Budovanie kľúča ...na cestu do Atlantídy(2/2)</h3></center>
Pomohol mi môj matematický kamarát DINA:
<iframe src="https://scratch.mit.edu/projects/1077476478/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
Jedným z najťažších momentov bolo zostavenie energetického jadra. Podľa návodu som vložil špeciálny kryštál, ktorý akoby žiaril vlastným svetlom. Keď som ho pripojil k hlavnému okruhu, stroj vydával čoraz väčší bzukot, akoby ožíval.
Nakoniec som aktivoval ovládací panel, zariadenie, ktoré vyzeralo byť navrhnuté tak, aby bolo mechanické aj organické. Stlačením posledného tlačidla sa stroj zapol a otvorilo sa časové okno zobrazujúce vír svetla a tieňa. Bol pripravený na použitie.
Môžete si vybrať:
(bg:black)[[[Vstup do Atlantídy (ENG)|startGame]]]
(bg:black)[[[Pokúste sa komunikovať s minulosťou a varovať ju|Komunikovať]]]
</div>
<div class="sidebar">
^^(text-colour:white)[ [[BOOKSHELF|COVER]]
[[ITALIANO|CostruireMacchina2]]
[[ENGLISH|BuildMachine2]]]^^
(text-colour:black)[''BookMarks'']
(text-colour:white)[[[Msg x Future|MessageFromFuture]]
[[Msg X Past|CommunicatePast]]
[[World Peace|WORLDPEACE]]
[[Secret Key|startGame]]
[[Atlas Test|QuizStart]]
[[EcoFoot|EcologicalFootprint]]]
<input type="button" value="Fullscreen" onclick="makeitbig.myEventHandler();">
</div>
<style>
body {
font-family: Arial, sans-serif;
}
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 130px;
height: 100%;
font-size: 14px; /* Dimensione del font */
background-color: rgba(0, 143, 57, 0.7); /* nero trasparente */
border-right: 1px solid #ddd;
padding: 10px;
color: #fff; /* testo bianco per contrasto */
background-image: url('data:image/png;base64,TUO_CODICE_BASE64'); /* immagine di sfondo in Base64 */
background-size: cover;
background-blend-mode: overlay; /* per mantenere la trasparenza */
overflow-y: auto; /* per consentire lo scorrimento verticale */
}
.sidebar a {
display: block;
margin: 5px 0;
text-decoration: none;
color: #fff; /* link in bianco per contrasto */
}
.sidebar a:hover {
background-color: rgba(0, 255, 0, 0.5); /* leggera evidenziazione */
}
</style>
<style>
/* Stile per il rettangolo */
.rectangle {
margin-left: 500px;
background-color: rgba( 0, 143, 57, 0.7); /* Verde trasparente */
color: white; /* Colore del testo bianco */
font-size: 18px; /* Dimensione del font */
padding: 10px; /* Spazio interno */
border-radius: 15px; /* Angoli smussati */
text-align: left; /* Testo sx */
width: 100%; /* Larghezza del rettangolo */
margin: 20px auto; /* Centra il rettangolo orizzontalmente */
}
</style>