Verde/Sito_di_storia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cambio completo struttura nel filesystem perché alla prof non piaceva la mia struttura precedente

Browse Source
This commit is contained in:
La Programmatrice Verde
2025-03-17 15:42:46 +01:00
parent 202b491da7
commit ccda396312
40 changed files with 409 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
Gruppo2/Goffredo_di_Buglione.css Normal file
View File

@@ -0,0 +1,53 @@
.griglia {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(7, 0.5fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.intro {
margin-top: 100px;
grid-area: 1 / 1 / 2 / 4;
}
.content1 {
grid-area: 2 / 1 / 3 / 3;
text-align: left;
}
.pic1 {
margin-top: 50px;
grid-area: 2 / 3 / 3 / 4;
}
.content2 {
grid-area: 3 / 2 / 4 / 4;
text-align: right;
}
.pic2 {
margin-top: 200px;
grid-area: 3 / 1 / 4 / 2;
}
.content3 {
grid-area: 4 / 1 / 5 / 4;
}
.content4 {
grid-area: 5 / 1 / 6 / 4;
}
.content5 {
grid-area: 6 / 1 / 7 / 3;
text-align: left;
}
.pic3 {
grid-area: 6 / 3 / 7 / 4;
}
.finale {
grid-area: 7 / 1 / 8 / 4;
}

206
Gruppo2/Goffredo_di_Buglione.html Normal file
View File

@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Goffredo di Buglione</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo2.css" />
<link rel="stylesheet" href="Goffredo_di_Buglione.css" />
<script src="../script.js"></script>
<script src="Gruppo2.js"></script>
</head>
<body>
<div id="spade-animazione">
<img src="animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
<filter id="invecchiamento">
<feTurbulence
x="0"
y="0"
baseFrequency="0.02"
numOctaves="5"
seed="1"
></feTurbulence>
<feDisplacementMap in="SourceGraphic" scale="20" />
</filter>
</svg>
</div>
<div id="contenuto">
<h1 class="titolo"><center>Goffredo di Buglione</center></h1>
<div class="navbar">
<header>
<center>
<nav>
<ul>
<li>
<a href="../index.html" class="nav-item" tabindex="0">Home</a>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 1</a>
<ul class="dropdown">
<li><a href="../Gruppo1/Introduzione.html">Introduzione</a></li>
<li><a href="../Gruppo1/Scelta.html">Scelta Argomento</a></li>
<li><a href="../Gruppo1/Tyerman.html">Tyerman</a></li>
<li><a href="../Gruppo1/Massimo.html">Massimo Montanari</a></li>
<li><a href="../Gruppo1/Musarra.html">Antonio Musarra</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 2</a>
<ul class="dropdown">
<li>
<a href="../Gruppo2/Goffredo_di_Buglione.html">Goffredo di Buglione</a>
</li>
<li>
<a href="../Gruppo2/Papa_Urbano_II.html">Papa Urbano II</a>
</li>
<li>
<a href="../Gruppo2/Prima_Crociata.html">Prima Crociata</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 3</a>
<ul class="dropdown">
<li><a href="index.html">Le notizie</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 5</a>
<ul class="dropdown">
<li>
<a href="../Gruppo5/albigesi.html">Crociata degli Albigesi</a>
</li>
<li>
<a href="../Gruppo5/pezzenti.html">Crociata dei Pezzenti</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
<div class="griglia">
<div class="intro">
Godefroy de Buillon, conosciuto come Goffredo di Buglione, viene
ricordato come il condottiero che portò a termine la prima crociata.
Lui nacque a Baisy-Thy, in Belgio, intorno al 1060. Anche se non era
nativo di Bouillon, ottenne questo titolo a seguito del ricevimento di
alcune terre belghe da parte dell’imperatore Enrico IV.
</div>
<div class="content1">
Quando Papa Urbano II riunì il concilio di Clermont e incitò la
cristianità a combattere gli infedeli, dando quindi origine alla prima
crociata, si stima che Goffredo avesse intorno ai 35 anni. Per
rispondere a questa chiamata decise di radunare un mega esercito: le
stime più contenute parlano di 12 mila uomini, mentre le più esagerate
parlano addirittura di un totale di 80 mila uomini. Partì, insieme ai
fratelli Baldovino ed Eustachio, nel 1096 alla volta della Città
Santa. Rispetto al contingente principale, decisero di prendere una
deviazione: seguirono il Danubio per un tratto e poi puntarono
direttamente su Costantinopoli, scegliendo di passare per i Balcani.
La scelta però si rivelò non delle migliori, perché i 3 ebbero dei
problemi.
</div>
<img class="pic1" src="Goffredo_di_Buglione_pics/Concilio.jpg" width="600">
<div class="content2">
Chiaramente il re d’Ungheria non era molto contento di far
attraversare ad un esercito che non fosse il suo il proprio
territorio. Quindi domandò che gli fossero offerti in ostaggio
Baldovino con moglie e famiglia. E Goffredo glieli concesse senza fare
troppi problemi, tanta era la sua voglia di raggiungere la meta. Poi
l’armata arrivò in territorio bizantino, e qui iniziarono a
saccheggiare i territori dove passavano, cosa che li metteva in tutte
tranne che in buona luce agli occhi dell’imperatore bizantino Alessio.
Quando il gruppo giunse alle porte di Costantinopoli l’imperatore
pretese da Goffredo un giuramento di fedeltà. Goffredo si rifiutò, e
per risposta l’imperatore decise di tagliare i rifornimenti ai
crociati. Per risolvere questa situazione ci pensò Baldovino, che nel
frattempo era stato rilasciato dagli ungheresi e aveva raggiunto il
gruppo, facendo rapine in tutta la zona limitrofa. Ci volle più di un
anno, dal Natale del 1096 fino alla Pasqua del 1097, per convincere
Goffredo a giurare fedeltà all’imperatore, ma nel 1097 alla fine
cedette e la fedeltà gliela giurò.
</div>
<img class="pic2" src="Goffredo_di_Buglione_pics/accampamento.jpg" width="600">
<div class="content3">
Dopodiché arrivò anche l’altro contingente, che era sbarcato da
Brindisi, e la situazione cambiò radicalmente. Il loro capo, Boemondo
d’Altavilla, giurò subito fedeltà all’imperatore e gli promise di
consegnare all’impero tutti i territori che avrebbero acquisito
durante le battaglie. Dopodiché passarono il Bosforo e iniziarono a
combattere contro i turchi, i nemici per cui erano partiti dalle loro
terre ormai da un anno. Lì si tenne la battaglia di Nicea, dove
Goffredo non ebbe alcun ruolo rilevante, ma si limitò a presidiare un
tratto di mura.
</div>
<div class="content4">
Negli stessi giorni della battaglia di Nicea però, viene raccontato da
Alberto di Aquisgrana un aneddoto molto interessante su Goffredo.
C’era un pellegrino che si stava dedicando alle salmerie, quando
all’improvviso arriva un orso che vuole attaccarlo. Ma nei paraggi
c’era Goffredo, che senza esitazione sguainò la spada e fece fuggire
l’animale nei boschi lì vicino. Non è finita qui: Goffredo lo inseguì
fino a quando questo non si fermò, abbattendo il cavallo del duca e
eriggendosi sulle zampe posteriori prese a unghiate Goffredo. Anche se
ferito, Goffredo “si dispiaceva di morire per mano di una bestia
sanguinaria” e trafisse l’orso nel fianco destro.
</div>
<div class="content5">
Poi da lì si diressero ad Antiochia, dove Goffredo combatté sul campo,
ma dirigendo solo 3 schiere di fanti su 7. Poi da lì proseguirono fino
ad arrivare a Gerusalemme. Tentarono un primo attacco, ma fallì.
Invece il secondo tentativo ebbe più successo, anche grazie all’aiuto
delle navi genovesi, che vennero smontate, trasportate a pezzi fino a
Gerusalemme e rimontate come torri mobili per poter scavalcare le mura
difensive della città. Una delle torri venne affidata a Goffredo, e fu
quella che venne effettivamente usata per scavalcare le mura, visto
che l’altra che era stata costruita finì bruciata.
</div>
<img class="pic3" src="Goffredo_di_Buglione_pics/torre d'assedio.jpg" width="600">
<div class="finale">
Dopo che tutti gli “infedeli” della città vennero ammazzati molto
cruentemente, i crociati si posero il problema di trovare un re per
Gerusalemme e tutti i territori conquistati. Tra tutti i condottieri
più idonei, ce n’erano solo due che erano disponibili per prendere il
titolo, visto che gli altri ne avevano preso un altro prima. Uno di
questi era Goffredo. L’altro contendente, quando gli fu fatta la
proposta, si rifiutò di prendere il titolo, quindi questo venne
assegnato a Goffredo, solo che lui preferì farsi chiamare “difensore
del Santo Sepolcro”, in latino medioevale advocatus. Il suo regno durò
un anno, dopodiché morì.
</div>
</div>
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

BIN
Gruppo2/Goffredo_di_Buglione_pics/Concilio.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 KiB

BIN
Gruppo2/Goffredo_di_Buglione_pics/accampamento.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 KiB

BIN
Gruppo2/Goffredo_di_Buglione_pics/torre d'assedio.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

52
Gruppo2/Gruppo2.css Normal file
View File

@@ -0,0 +1,52 @@
#spade-animazione {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
transition: opacity 0.5s ease-in-out;
/* Durata ridotta a 0.5 secondi */
}
#spade-animazione img {
width: auto;
max-width: 80%;
height: auto;
position: static;
transform: none;
transition: opacity 0.5s ease-in-out;
/* Durata ridotta a 0.5 secondi */
}
/* Animazione di apertura */
#spade-animazione.apertura img {
animation: spada-apertura 0.5s ease-in-out forwards;
/* Durata ridotta a 0.5 secondi */
}
@keyframes spada-apertura {
to {
opacity: 0;
}
}
/* Animazione di chiusura */
#spade-animazione.chiusura img {
animation: spada-chiusura 0.5s ease-in-out forwards;
/* Durata ridotta a 0.5 secondi */
}
@keyframes spada-chiusura {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

19
Gruppo2/Gruppo2.js Normal file
View File

@@ -0,0 +1,19 @@
window.addEventListener('load', () => {
const spadeAnimazione = document.getElementById('spade-animazione');
const corpo = document.getElementById('corpo');
const contenuto = document.getElementById('contenuto');
spadeAnimazione.style.display = 'flex';
spadeAnimazione.style.opacity = 1;
spadeAnimazione.classList.remove('chiusura');
spadeAnimazione.classList.add('apertura');
setTimeout(() => {
spadeAnimazione.style.opacity = 0;
setTimeout(() => {
spadeAnimazione.style.display = 'none';
corpo.style.display = 'block';
contenuto.style.willChange = 'opacity';
}, 500);
}, 1000);
});

242
Gruppo2/Papa_Urbano_II.html Normal file
View File

@@ -0,0 +1,242 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Personaggi - Crociate: Fede e Battaglia</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Papa_Urbano_II.css" />
<script src="../script.js"></script>
<script src="Gruppo2.js"></script>
</head>
<body>
<div id="spade-animazione">
<img src="animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
<filter id="invecchiamento">
<feTurbulence
x="0"
y="0"
baseFrequency="0.02"
numOctaves="5"
seed="1"
></feTurbulence>
<feDisplacementMap in="SourceGraphic" scale="20" />
</filter>
</svg>
</div>
<div id="contenuto">
<h1 class="titolo"><center>Personaggi</center></h1>
<div class="navbar">
<header>
<center>
<nav>
<ul>
<li>
<a href="../index.html" class="nav-item" tabindex="0">Home</a>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 1</a>
<ul class="dropdown">
<li><a href="../Gruppo1/Introduzione.html">Introduzione</a></li>
<li><a href="../Gruppo1/Scelta.html">Scelta Argomento</a></li>
<li><a href="../Gruppo1/Tyerman.html">Tyerman</a></li>
<li><a href="../Gruppo1/Massimo.html">Massimo Montanari</a></li>
<li><a href="../Gruppo1/Musarra.html">Antonio Musarra</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 2</a>
<ul class="dropdown">
<li>
<a href="../Gruppo2/Goffredo_di_Buglione.html">Goffredo di Buglione</a>
</li>
<li>
<a href="../Gruppo2/Papa_Urbano_II.html">Papa Urbano II</a>
</li>
<li>
<a href="../Gruppo2/Prima_Crociata.html">Prima Crociata</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 3</a>
<ul class="dropdown">
<li><a href="index.html">Le notizie</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 5</a>
<ul class="dropdown">
<li>
<a href="../Gruppo5/albigesi.html">Crociata degli Albigesi</a>
</li>
<li>
<a href="../Gruppo5/pezzenti.html">Crociata dei Pezzenti</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
Chiesa di Roma, che si candida apertamente alla direzione non solo
spirituale, ma anche politica dell’intera Cristianità, ecco presenti tutte
le condizioni che spiegano come proprio allora, cioè alla fine dell’XI
secolo, nasca l’idea della Crociata 1095 papa Urbano II lancia il progetto
delle crociate con tutta l'autorità morale del papato, invitando i
cristiani ad andare in Terrasanta, ad andarci in tanti sotto la guida dei
loro principi, ad andarci armati e prendere possesso dei luoghi santi con
la forza. Sono andati a Gerusalemme a piedi aprendosi la strada a forza e
l’hanno conquistata. E questa è la Prima Crociata; poi però, ce ne saranno
tante altre. Il fatto è che i musulmani non sono rimasti inerti quando
un’orda di barbari sanguinari venuti da chissà dove, per di più
miscredenti, è entrata in terra islamica seminando la distruzione ed è
venuta a conquistare una delle città sante dell’Islam. I musulmani hanno
sentito come un’enorme offesa, fatta a loro e a Dio, il fatto che i
miscredenti dell'Occidente fossero venuti ad impadronirsi di Gerusalemme e
del sepolcro di Cristo, che anche per i musulmani è un grande profeta
degno di venerazione. Il mondo islamico per riconquistare la Città Santa e
ricacciare gli invasori. Alla caduta di Gerusalemmree nel 1099 seguono due
secoli di Crociate: perché i musulmani sono continuamente impegnati a
riconquistare i territori perduti. Ci vuole quasi un secolo perché i
musulmani riprendano definitivamente Gerusalemme, con Saladino nel 1187,
ma anche dopo questa data l’isola di Cipro che si trova proprio di fronte
rimarrà in mano occidentale per altri tre secoli. Per molto tempo gli
storici hanno diffidato della propaganda coeva, tutta traboccante di
entusiasmo religioso, di enfasi sul martirio e sulla liberazione del Santo
Sepolcro; in realtà, si diceva, al di sotto di tutto questo c’erano
profonde motivazioni politiche ed economiche, il desiderio di conquista,
la necessità di sfogare l’esuberanza demografica di un’Europa piena di
giovani. Ma noi oggi siamo forse un pò più attrezzati, rispetto ad esempio
agli storici dell’Ottocento. Anche oggi ci sono popoli che si combattono
per il possesso di Gerusalemme, e sebbene anche lì ci siano complicazioni
economiche e politiche, tutti abbiamo la sensazione che c’è anche una
motivazione religiosa, abbastanza forte per spingere la gente a rischiare
la vita e a uccidere. Ebbene, allora anche i cristiani vedevano le cose in
questi termini. Le Crociate avvengono in un momento in cui l’Europa sta
crescendo, ha delle forze da spendere. Quando un cavaliere ha un figlio
solo va tutto bene, se ne ha due il secondo si farà monaco o prete, ma
quando ne ha tre, quattro, cinque qualcuno deve andare per il mondo a
cercare fortuna. I crociati che conquistano Gerusalemme ci sono andati a
piedi, passando attraverso i Balcani e l’Asia Minore; ma quando si sono
trovati al di fuori dell’impero bizantino, in terra islamica, hanno
cominciato a conquistare e occupare stabilmente i territori. Ne è nato un
regno, che i crociati hanno chiamato regno di Gerusalemme. Attuali Siria,
Giordania, Israele, Palestina, Libano, cui poi si aggiungerà anche Cipro.
Oggi gli storici non esitano ad affermare che quello fu il primo
esperimento coloniale europeo: è la prima volta che gli europei provano a
conquistare stabilmente un territorio fuori dall’Europa occidentale e a
impiantarci una loro aristocrazia di padroni che sfruttano a proprio
vantaggio le risorse locali. Provare a immaginare questa gente che da un
lato ci credeva sul serio, metteva in gioco la pelle per uno scopo che
considerava gradito al suo Dio, pensava di seguire le tracce di Cristo
rischiando la vita e al tempo stesso sapeva anche benissimo che quella era
una straordinaria occasione di conquista e di arricchimento, un’occasione
unica per partire da casa e andare a costruirsi una posizione più alta nel
nuovo mondo, l’Oltremare, come lo chiamavano, con un termine che dà in
pieno il senso della grande avventura che essi sentivano di vivere. I
cristiani per secoli sono disposti a impegnarvi risorse, potenza militare,
denaro, vite. Tutti, dall’imperatore e dai re fino all’ultimo dei
contadini, sono pronti a spendersi per quello che sentono come uno scopo
collettivo: difendere i luoghi santi. La Crociata in questo senso è una
struttura permanente, al di là delle grandi spedizioni la gente parte
continuamente, chiunque può decidere di partire e andare a dare una mano
in Terrasanta a quelli che la stanno difendendo. È un ideale condiviso e
largamente praticato per molto tempo; cose stanno andando malissimo
comunque, perché la riconquista musulmana procede spedita. La Crociata
diventa un’istruzione giuridica. La Chiesa impone di riconoscere dei
privilegi a chi parte. Piccoli privilegi, e necessari: se parti, il
pagamento dei tuoi debiti è dilazionato, non verranno a confiscarti la
mandria o la casa mentre sei via, se muori c’è una tutela giuridica
speciale sui tuoi beni per essere sicuri che la tua famiglia sarà
garantita. La Crociata può essere proclamata solo dal papa; il pontefice
romano è una grande autorità morale che ha in questi secoli uno scopo ben
preciso, cioè quello di imporsi come arbitro della politica europea, di
convincere tutti i principi ad accettare il suo primato. I papi però hanno
sempre anche degli avversari. Alcuni grandi personaggi della nostra storia
siano diventati famosi proprio attraverso la partecipazione alle crociate.
Goffredo di Buglione o Riccardo Cuor di Leone: perché sono andati alle
Crociate. Su Goffredo di Buglione in verità di può dire pochissimo; è uno
dei leader della Prima Crociata e già questo significa che era un
personaggio di secondo piano. Papa Urbano II infatti lancia l’idea del
pellegrinaggio armato a Gerusalemme in un momenti un cui la Chiesa romana
sta puntando decisamente a diventare la guida politica della Cristianità.
I secoli a cavallo dell’anno Mille sono il momento in cui in Occidente lo
Stato invece è più debole; i re ci sono ma hanno pochi mezzi, il potere è
tutto gestito dai signori locali nei loro castelli, oppure da principi e
vescovi che possiedono tanti castelli in una certa regione. C’era
naturalmente un sovrano più potente degli altri, l’imperatore, erede di
Carlo Magno; era appena uscito traumatizzato dalla Lotta per le
Investiture. Tutti ricordano Enrico IV a Canossa a piedi scalzi che
aspetta il perdono del papa: da quel conflitto l’imperatore è uscito
decisamente indebolito. La Prima Crociata è l’unica a cui non partecipa
nessun re, e tanto meno l’imperatore. I re non sono più dei concorrenti,
c’è il papa e ci sono i principi locali. Il conte di Tolosa, Boemondo
d’Altavilla, il Normanno che possedeva un pezzo di Italia meridionale, e
altri ancora, e fra questi Goffredo di Buglione, della famiglia dei duchi
di Lorena. Di lui non sappiamo quasi niente. Nell’XI secolo, quando parte
la Prima Crociata, materiale del genere non ce n’è, è un’Europa ancora
molto arretrata quella e lo vediamo proprio dalla povertà delle fonti che
ci ha lasciato. Sappiamo che è diventato famoso perché fra i tanti che son
partiti è quello che poi alla fine è diventato re di Gerusalemme. Dalla
Turchia fino all’Egitto; e che cosa farne di questo paese? Quella
generazione i re contavano poco, chi comandava erano i principi, e proprio
per questo decidono di eleggere un re. Ma ci sarà un primus inter pares
che non avrà molto potere politico, ma in cambio avrà quella sacralità che
soltanto i re hanno, e garantirà l’equilibrio dei poteri. Hanno scelto
Goffredo di Buglione, che quindi è il primo re di Gerusalemme. Il Tasso
qualche secolo dopo darà una mano per costruire un mito che rimane
radicato nel nostro immaginario, però Goffredo di Buglione è tutto qui, di
più non si saprebbe cosa dire. Luigi IX di Francia, noto anche come san
Luigi. Luigi IX di Francia è un personaggio straordinario che incarna in
pieno l’ideale della Crociata in un momento, la metà del Duecento, in cui
intorno a lui c’è già qualcuno che comincia a non crederci più tanto. Il
protagonista di molte narrazioni, un personaggio che ha sempre avuto un
grande impatto su chi l’ha conosciuto. L’esempio massimo di eroe della
Crociata. Luigi IX vive la Crociata come un momento di sofferenza, di
umiliazione, di penitenza e al tempo stesso come una grande impresa di cui
lui è responsabile e che vuole trasformare ad ogni costo in un successo,
anche se poi in realtà va tutto a finire molto male. Costruisce un porto
apposta, Aigues-Mortes, sulla costa della Provenza; e poi ca ad imbarcarsi
attraversando il suo regno di Francia a piedi, spesso percorrendo scalzo
il tratto che conduce a un santuario, vestito da pellegrino, con il
bastone e la bisaccia, e la gente è lì che lo guarda stupefatta: perché,
come si diceva, ormai c’è già qualcuno che non ci crede più tanto alla
Crociata, e vedere un re che invece ci crede fino a questo punto convince
tutti che quello è un santo. C’è un frate italiano, Salimbene, da Parma,
un francescano che si trovava in Francia nel convento di Sens, dove si era
riunito il capitolo generale dell’ordine francescano; il re passa di l’
durante il suo viaggio per andare a imbarcarsi per la Crociata.
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

55
Gruppo2/Prima_Crociata.css Normal file
View File

@@ -0,0 +1,55 @@
.griglia {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 0.2fr) 1fr 0.2fr repeat(2, 1fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.intro {
grid-area: 1 / 1 / 2 / 4;
}
.content1 {
grid-area: 2 / 1 / 3 / 4;
}
.content2 {
text-align: left;
grid-area: 3 / 1 / 4 / 3;
}
.pic1 {
margin-top: 100px;
grid-area: 3 / 3 / 4 / 4;
}
.content3 {
grid-area: 4 / 1 / 5 / 4;
}
.pic2 {
margin-top: 200px;
grid-area: 5 / 1 / 6 / 2;
}
.content4 {
text-align: right;
grid-area: 5 / 2 / 6 / 4;
}
/*.content5 {
grid-area: 6 / 1 / 7 / 4;
}*/
.content5 {
grid-area: 6 / 1 / 7 / 3;
}
.pic3 {
margin-top: 200px;
grid-area: 6 / 3 / 7 / 4;
}

204
Gruppo2/Prima_Crociata.html Normal file
View File

@@ -0,0 +1,204 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Prima Crociata</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="Prima_Crociata.css" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo2.css" />
<script src="../script.js"></script>
<script src="Gruppo2.js"></script>
</head>
<body>
<div id="spade-animazione">
<img src="animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
<filter id="invecchiamento">
<feTurbulence
x="0"
y="0"
baseFrequency="0.02"
numOctaves="5"
seed="1"
></feTurbulence>
<feDisplacementMap in="SourceGraphic" scale="20" />
</filter>
</svg>
</div>
<div id="contenuto">
<h1 class="titolo"><center>Prima Crociata</center></h1>
<div class="navbar">
<header>
<center>
<nav>
<ul>
<li>
<a href="../index.html" class="nav-item" tabindex="0">Home</a>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 1</a>
<ul class="dropdown">
<li><a href="../Gruppo1/Introduzione.html">Introduzione</a></li>
<li><a href="../Gruppo1/Scelta.html">Scelta Argomento</a></li>
<li><a href="../Gruppo1/Tyerman.html">Tyerman</a></li>
<li><a href="../Gruppo1/Massimo.html">Massimo Montanari</a></li>
<li><a href="../Gruppo1/Musarra.html">Antonio Musarra</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 2</a>
<ul class="dropdown">
<li>
<a href="../Gruppo2/Goffredo_di_Buglione.html">Goffredo di Buglione</a>
</li>
<li>
<a href="../Gruppo2/Papa_Urbano_II.html">Papa Urbano II</a>
</li>
<li>
<a href="../Gruppo2/Prima_Crociata.html">Prima Crociata</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 3</a>
<ul class="dropdown">
<li><a href="index.html">Le notizie</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 5</a>
<ul class="dropdown">
<li>
<a href="../Gruppo5/albigesi.html">Crociata degli Albigesi</a>
</li>
<li>
<a href="../Gruppo5/pezzenti.html">Crociata dei Pezzenti</a>
</li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 6</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
<div class="griglia">
<div class="intro">
La prima crociata (chiamata anche dei Principi) è stata una spedizione
militare cristiana invocata da Papa Urbano II, durata dal 1096 al
1099, che ebbe come obiettivo quella di riconquistare dai turchi
selgiuchidi, i luoghi sacri del Cristianesimo, tra cui Gerusalemme.
</div>
<div class="content1">
A metà dell’XI secolo i turchi Selgiuchidi cominciarono ad operare una
serie di conquiste ai danni del califfato di Baghdad, arrivando a
conquistare anche i territori palestinesi.
</div>
<img src="Prima_Crociata_pics/chiesa distrutta.jpg" class="pic1" width="600" />
<div class="content2">
Il che non sarebbe un problema, se non che i Turchi avevano un
comportamento completamente diverso rispetto a quello arabo nei
confronti dei cristiani. I primi erano tolleranti (non nel senso
moderno del termine). Chiedevano comunque una tassa per il semplice
fatto di esistere sulle loro terre e di non essere di fede islamica,
ma se la si pagava, si otteneva immunità da discriminazioni e attacchi
fisici da parte di musulmani. Inoltre, non era vietata la professione
della propria religione alternativa all’Islam, finché si effettuava
l’atto di sottomissione al califfo tramite il pagamento di questa
imposta. Invece, quando quelle terre passarono sotto al dominio turco,
questo principio non era più valido. Ai turchi non importava nulla
degli edifici sacri delle altre religioni. infatti nelle battaglie di
conquista li distruggevano come se fossero un qualsiasi altro
edificio. Inoltre non garantivano alcuna immunità a persone di fede
diversa da quella islamica, anzi. A queste veniva presentata una
scelta: o la conversione alla fede “corretta”, ovvero l’Islam, o
morire. Si dice che molti cristiani decisero di convertirsi all’slam
per evitare di morire. Rispetto ai paleocristiani, vissuti nell’antica
Roma, quelli medioevali pare che siano molto più egoisti e
prioritizzino la loro incolumità rispetto alla fede e al martirio.
</div>
<img src="Prima_Crociata_pics/esercito.png" class="pic2" width="600" />
<div class="content3">
Preoccupato per la situazione, Papa Urbano II indice il Concilio di
Clermont (17-25 novembre 1095), invitando l‘intera cristianità a
cessare le lotte intestine e a concentrare gli sforzi nel combattere
gli infedeli invasori dei luoghi sacri cristiani, “perché Dio lo
vuole”.
</div>
<div class="content4">
La chiamata riunì le forze da tutta Europa, in particolar modo dal
regno franco, tanto che le fonti arabe faranno riferimento agli
europei come “franchi”, senza far alcuna distinzione della loro terra
di provenienza, usanze o lingua, come i cristiani europei non facevano
alcuna distinzione tra i musulmani prima e gli infedeli abitanti di
Gerusalemme poi, ammazzandoli a vista. Le fonti parlano di numeri
completamente diversi tra loro, con fonti che stimano la presenza di
200 mila crociati, altre che ne stimano 20 mila. Non si ha alcuna
certezza su quanti fossero i crociati, né guardando le fonti
cristiane, che anzi tendevano a inflazionare i numeri dei soldati per
dare un’idea di maggiore grandiosità dell'opera, né le fonti arabe,
che spesso si contraddicono sul numero di invasori occidentali. Le
forze crociate si erano date appuntamento presso la corte di
Costantinopoli: lì l’imperatore fece giurare i crociati che non
avrebbero devastato i territori, che avrebbero riconsegnato le zone
conquistate dai turchi all’Impero bizantino, facendo solenne promessa
di fedeltà all’imperatore. Cosa che tanto non importò a nessuno dei
crociati, tanto che fondarono dei regni autonomi alla periferia
dell’impero bizantino.
</div>
<div class="content5">
La prima mossa dei crociati fu l’assedio della città di Nicea, nel
giugno del 1097, che si concluse con una vittoria. Poi i crociati
attraversarono gradualmente la penisola dell’Anatolia. Dopo essere
scesi verso sud est, nella Siria settentrionale, i crociati iniziarono
l’assedio di Antiochia (1097-1098). Dopodiché, i crociati proseguirono
verso Gerusalemme, che venne raggiunta nel giugno del 1099: grazie al
fondamentale supporto della flotta della Repubblica di Genova. La cosa
interessante però è che la flotta genovese in realtà non fornì
supporto militare via mare ai crociati (Gerusalemme è molto distante
dalla costa), ma fornì legname tramite le navi. I crociati infatti
presero le navi genovesi e le trasportarono a pezzi dalla costa fino
alle mura della città, dove le riassemblarono sotto forma di torri
mobili da usare durante l’assedio. Una venne data a Goffredo di
Buglione e l’altra a un altro condottiero, anche se lui preferì
assistere al massacro piuttosto che parteciparvi. I crociati presero
d’assalto la città dal 7 giugno al 15 luglio del 1099, massacrando
senza pietà i difensori: gli ebrei vennero bruciati nella loro
sinagoga, mentre i musulmani vennero ammazzati a destra e a manca come
se fosse un macello. Un contrattacco da parte dei Turchi venne
respinto nello stesso anno, durante la battaglia di Ascalona, ponendo
fine alla prima crociata.
</div>
<img src="Prima_Crociata_pics/fine assedio.jpg" class="pic3" width="600" />
</div>
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

BIN
Gruppo2/Prima_Crociata_pics/chiesa distrutta.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 218 KiB

BIN
Gruppo2/Prima_Crociata_pics/esercito.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 501 KiB

BIN
Gruppo2/Prima_Crociata_pics/fine assedio.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
Gruppo2/animation.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB