Merge sito gruppo 7

This commit is contained in:
La Programmatrice Verde 2025-03-17 18:28:53 +01:00
parent 9bc5e8a8f5
commit dc4d3e5f4a
42 changed files with 794 additions and 148 deletions

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -98,7 +98,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -12,7 +12,7 @@
</head>
<body>
<div id="spade-animazione">
<img src="animation.png" alt="Spade incrociate" />
<img src="img/animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
@ -102,7 +102,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>
@ -134,7 +139,7 @@
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">
<img class="pic1" src="img/Goffredo_di_Buglione/Concilio.jpg" width="600">
<div class="content2">
Chiaramente il re dUngheria non era molto contento di far
attraversare ad un esercito che non fosse il suo il proprio
@ -154,7 +159,7 @@
Goffredo a giurare fedeltà allimperatore, ma nel 1097 alla fine
cedette e la fedeltà gliela giurò.
</div>
<img class="pic2" src="Goffredo_di_Buglione_pics/accampamento.jpg" width="600">
<img class="pic2" src="img/Goffredo_di_Buglione//accampamento.jpg" width="600">
<div class="content3">
Dopodiché arrivò anche laltro contingente, che era sbarcato da
Brindisi, e la situazione cambiò radicalmente. Il loro capo, Boemondo
@ -189,7 +194,7 @@
quella che venne effettivamente usata per scavalcare le mura, visto
che laltra che era stata costruita finì bruciata.
</div>
<img class="pic3" src="Goffredo_di_Buglione_pics/torre d'assedio.jpg" width="600">
<img class="pic3" src="img/Goffredo_di_Buglione/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

View File

@ -5,13 +5,14 @@
<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="Gruppo2.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" />
<img src="img/animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
@ -101,7 +102,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -12,7 +12,7 @@
</head>
<body>
<div id="spade-animazione">
<img src="animation.png" alt="Spade incrociate" />
<img src="img/animation.png" alt="Spade incrociate" />
</div>
<div id="corpo">
<svg>
@ -103,7 +103,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>
@ -124,7 +129,7 @@
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" />
<img src="img/Prima_Crociata/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
@ -147,7 +152,7 @@
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" />
<img src="img/Prima_Crociata/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 lintera cristianità a
@ -199,7 +204,7 @@
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" />
<img src="img/Prima_Crociata/fine assedio.jpg" class="pic3" width="600" />
</div>
<br />
<br />

View File

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 215 KiB

View File

Before

Width:  |  Height:  |  Size: 655 KiB

After

Width:  |  Height:  |  Size: 655 KiB

View File

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

View File

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 218 KiB

View File

Before

Width:  |  Height:  |  Size: 501 KiB

After

Width:  |  Height:  |  Size: 501 KiB

View File

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -98,7 +98,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -98,7 +98,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -77,7 +77,8 @@
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</a></li>
</ul>
</li>
<li>
@ -103,7 +104,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -77,7 +77,8 @@
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</a></li>
</ul>
</li>
<li>
@ -103,7 +104,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -77,7 +77,8 @@
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</a></li>
</ul>
</li>
<li>
@ -103,7 +104,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -77,7 +77,8 @@
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="orientamento.html">Orientamento</a></li>
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</a></li>
</ul>
</li>
<li>
@ -103,7 +104,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

191
Gruppo7/Graal.html Normal file
View File

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Sacro Graal</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo7.css" />
<script src="../script.js"></script>
</head>
<body>
<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>Sacro Graal</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="../Gruppo3/Terza_Crociata.html">Terza Crociata</a></li>
<li><a href="../Gruppo3/Re_Riccardo.html">Re Riccardo</a></li>
<li><a href="../Gruppo3/Ivanhoe.html">Ivanhoe</a></li>
<li><a href="../Gruppo3/Letteratura_e_Cinema.html">Letteratura e Cinema</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</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="../Gruppo6/T_Cri.html">Testimonianze Cristiane</a></li>
<li><a href="../Gruppo6/T_Isl.html">Testimonianze Islamiche</a></li>
<li><a href="../Gruppo6/Islam.html">Storia dell'Islam</a></li>
<li><a href="../Gruppo6/Guerra.html">Guerra santa</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
<h1>Sacro Graal</h1>
<h2>Cos'è?</h2>
<p>
Il Sacro Graal è la coppa (o calice) utilizzata da Gesù Cristo nellUltima Cena, e che successivamente, secondo la credenza popolare,
Giuseppe di Arimatea utilizzò per raccogliere alcune gocce di sangue dalla ferita sul costato di Cristo dopo la sua morte.
</p>
<img src="img\Graal.png" id="imgGraal">
<h2>Perchè si chiama così?</h2>
<ul>
<li>Il calice viene chiamato col termine francese “Graal” dalla storpiatura di “sang réél“, che in francese significa “sangue reale“.</li>
<li>La stessa parola potrebbe però derivare anche dalla storpiatura in francese del latino “gradalis” che significa “calice“.</li>
</ul>
<h2>Origini</h2>
<p>
La leggenda nasce in Francia e diventa famosa in Inghilterra.
Le Roman de Perceval ou le conte du Graal, opera di Chrétien de Troyes, 1180, fu la prima opera letteraria che parlò del Sacro Graal.
<br>
Riassunto:
<a href="Riassunto_Graal.html">clicca qui</a>
</br>
</p>
<h3>Origine celtica</h3>
<p>
Il termine “Celtico” serviva ad indicare il gruppo linguistico composto da: celtico nella penisola iberica, il gallico nella Francia, pre romana, il cimrico (gallese), il cornico, e il gaelico in Irlanda e Scozia. Molti argomenti esposti hanno radici celtiche ma ciò non vuol dire che il Graal risale allantichità o
all'età del ferro o che abbia avuto equivalenti nei celti del continente europeo.
</p>
<h2>Il Graal e re Artú</h2>
<p>
Una somiglianza tra il racconto di Graal e quello di re Artú è che entrambi parlano di vasi magici con il potere di produrre
risorse alimentari infinite, la differenza è che il Graal produce nutrimenti cristiani come lostia. Inoltre i cavalieri di re Artú potevano raggiungere il calderone
tramite le abilitá cavalleresche mentre per prendere il Graal bisognava combattere i peccati personali.
</p>
<h2>Il Graal nella seconda guerra mondiale</h2>
<img src="img\perceval2WW.png" id="img2WW">
<p>
Il simbolo del Graal nella seconda guerra mondiale, assunse forme concrete e riguardò parti dei vertici dellapparato nazista, Adolf Hitler disse: “Dal Perceval costruisco la mia religione”, il mito del Graal é fondamentale nellideologia di Hitler.
Tali piani avevano avuto degli antecedenti che precedono lo scoppio del conflitto. Un manifesto di propaganda del 1936, mostra Hitler Come un cavaliere medievale in armatura corazzata e in mano uno stendardo a svastica, rappresentandolo come un moderno Perceval.
</p>
<h2>Otto Rahn</h2>
<img src="img\otto.png" id="imgOtto">
<p>
Otto Rahn nato nel 1904 nella Odenwald, Cercatore del Graal, la cui ossessione si riverbera fino ad oggi. Gli viene dato un sostegno materiale, i Pirenei, soprattutto il castello di Montségur, fulcro centrale della ricerca di Rahn.
Il quale assimilò Montségur con Munsalvaesche, il castello del Graal. Oggi e allepoca era conosciuto principalmente come lultimo rifugio dei catari. I membri di questo movimento vengono chiamati anche
“albigesi”, essi acquisirono una posizione così forte che nel sud della Francia papa Innocenzo III formò una crociata contro questi “eretici”, la cosiddetta crociata albigese, portò: loccupazione della Francia meridionale, indebolimento del movimento, importanti capi catari si barricano allinterno di Montségur, fu concesso di uscire liberamente dalla fortezza ma duecento catari preferirono la morte sul rogo.
</p>
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

94
Gruppo7/Gruppo7.css Normal file
View File

@ -0,0 +1,94 @@
#imgGraal {
float: left;
width:350px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 40px;
position: relative;
}
#imgOtto{
width:400px;
height: 500px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
float: right;
margin-left: 40px;
position: relative;
bottom: 50px;
}
#imgPerceval {
float: left;
width:450px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 20px;
position: relative;
}
#img2WW {
float: left;
width:275px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 20px;
position: relative;
bottom: 70px;
}
#imgTemplari {
float: left;
width:450px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 20px;
position: relative;
bottom: 50px;
}
#imgCross {
width:450px;
height: 450px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
float: right;
margin-right: 20px;
position: relative;
bottom: 50px;
}
#imgTempio {
float: left;
width:450px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 20px;
position: relative;
}
#imgArca {
float: left;
width:450px;
box-shadow: 2px 3px 15px black, 0 0 30px #8a4d0f inset;
margin-right: 20px;
position: relative;
bottom: 70px;
}

View File

@ -0,0 +1,130 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Riassunto Graal</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo7.css" />
<script src="../script.js"></script>
</head>
<body>
<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>Riassunto Graal</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="../Gruppo3/Terza_Crociata.html">Terza Crociata</a></li>
<li><a href="../Gruppo3/Re_Riccardo.html">Re Riccardo</a></li>
<li><a href="../Gruppo3/Ivanhoe.html">Ivanhoe</a></li>
<li><a href="../Gruppo3/Letteratura_e_Cinema.html">Letteratura e Cinema</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</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="../Gruppo6/T_Cri.html">Testimonianze Cristiane</a></li>
<li><a href="../Gruppo6/T_Isl.html">Testimonianze Islamiche</a></li>
<li><a href="../Gruppo6/Islam.html">Storia dell'Islam</a></li>
<li><a href="../Gruppo6/Guerra.html">Guerra santa</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
Perceval, il protagonista del romanzo, è un ragazzo di 15 anni che vive con la madre vedova, la quale lo custodisce in un castello isolato in mezzo ad una foresta, e non sa nulla del mondo, nemmeno il suo nome. Il padre e i fratelli di Perceval sono morti in guerra, e per non rischiare di perdere l'unico figlio rimasto, la madre decide di tenerlo lontano dal mestiere della cavalleria. Un giorno incontra alcuni cavalieri e, affascinato dalla bellezza delle loro armature, chiede alla madre chi siano.
La madre, che ha perso la propria famiglia dalle guerre, gli risponde che sono angeli che distruggono tutto quello che toccano. Innamorato di questa idea di cavalleria che non conosce, Perceval lascia la madre, senza la sua approvazione. Vestito da boscaiolo, raggiunge la corte di re Artù. Qui, messosi in luce per coraggio e virtù, viene nominato cavaliere dal sovrano e successivamente dal signore Gornemant, sua nipote, Biancofiore, se ne innamora, ma Perceval, pur ricambiando, decide di ripartire, perché desideroso di rivedere sua madre e accertarsi che stia bene.
<img src="img\perceval.png" id="imgPerceval">
Per inseguire il sogno di diventare cavaliere, l'aveva infatti lasciata svenuta al di là di un ponte. Scoprirà invece che, vedendolo partire, era rimasta uccisa dal dolore. Iniziano così le nuove avventure, durante le quali il giovane giunge al castello del Re Pescatore che reca su di sé un inguaribile ferita: sino a quando non sarà rimarginata la sua terra era immersa nella tristezza e carestia.
Cresciuto al riparo da tutto, anche dalla religione cristiana, Perceval farà un incontro inatteso: avrà la rivelazione del Cristo, di Dio, nella liturgia del venerdì santo. Al suo risveglio tutto è sparito, nessuno a parte lui sembra essere presente nel castello, e ricomincia così le sue peregrinazioni. Durante una lunga serie di nuove avventure, dovrà rendersi degno di ritrovare il sacro graal, ponendo rimedio al suo errore e salvando così la terra malata e il Re Pescatore. Incontra un eremita, fratello del Re Pescatore, che lo confessa durante la Pasqua e riaccende il suo sentimento religioso, perso durante il cammino. Viene a conoscenza inoltre della sua appartenenza alla famiglia del Graal e del fatto che il Re Pescatore è suo cugino, in quanto "figlio di quel Re Santo che si nutre solo delle ostie che gli vengono portate".
<br>
<a href="Graal.html">Torna indietro</a>
</br>
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

235
Gruppo7/Templari.html Normal file
View File

@ -0,0 +1,235 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>I Templari<</title>
<link id="favicon" rel="icon" href="../favicon2.png" />
<link rel="stylesheet" href="../style.css" />
<link rel="stylesheet" href="Gruppo7.css" />
<script src="../script.js"></script>
</head>
<body>
<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>I Templari</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="../Gruppo3/Terza_Crociata.html">Terza Crociata</a></li>
<li><a href="../Gruppo3/Re_Riccardo.html">Re Riccardo</a></li>
<li><a href="../Gruppo3/Ivanhoe.html">Ivanhoe</a></li>
<li><a href="../Gruppo3/Letteratura_e_Cinema.html">Letteratura e Cinema</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 4</a>
<ul class="dropdown">
<li><a href="../Gruppo4/federico.html">Federico II</a></li>
<li><a href="../Gruppo4/francesco.html">Francesco d'Assisi</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="../Gruppo6/T_Cri.html">Testimonianze Cristiane</a></li>
<li><a href="../Gruppo6/T_Isl.html">Testimonianze Islamiche</a></li>
<li><a href="../Gruppo6/Islam.html">Storia dell'Islam</a></li>
<li><a href="../Gruppo6/Guerra.html">Guerra santa</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li>
<a href="../Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="../Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>
</nav>
</center>
</header>
</div>
<br />
<h2>Cosa sono?</h2>
<img src="img\templari_1.png" id="imgTemplari" />
<p>
I Templari erano dei cavalieri facenti parte di uno dei primi ordini
religiosi della storia medievale. Vennero fondati a Gerusalemme nel 1118
da parte di Hugues de Payns, Goffredo di Saint-Omer. Il nome originale
dei Templari era: “Poveri Commilitoni di Cristo e del Tempio di Salomone
(o di Gerusalemme)” in latino “Pauperes Commilitones Christi Templique
Salomonis (o Hierosolimitani)” Si diceva che il segreto dei Templari era
che loro avessero il dono di vivere più a lungo di tutti, infatti si
dice che alcuni vissero fino a 70 anni, quando il tempo di vita medio
era di circa 40 anni. Ovviamente questa teoria non era vera ma una
semplice leggenda.
</p>
<br />
<h2>Come si diventava Templare?</h2>
<p>
Per entrare a far parte dei Templari serviva richiederlo tramite un
voto, proprio come nei monasteri. I futuri Templari dovevano promettere
di obbedire solennemente al signore.
</p>
<img src="img\cross.png" id="imgCross" />
<h2>Ma esattamente, cosa facevano i Templari?</h2>
<p>
I Templari dovevano difendere i luoghi cristiani e tutti i pellegrini in
viaggio in Medio Oriente ma anche in altri luoghi.
</p>
<h2>Ma cosa cambia tra Templare e Crociato?</h2>
<p>
Semplice, il Crociato era un guerriero che combatteva nelle crociate,
invece i Templari erano un gruppo specializzato di cavalieri molto
importanti che difendevano i luoghi cristiani.
</p>
<h2>Come erano vestiti i Templari?</h2>
<p>
I Templari erano vestiti con un mantello di lana, adatto per proteggere
dal freddo durante i lunghi viaggi, di color bianco latte con una grande
croce rossa, il loro simbolo.
</p>
<h2>I Cavalieri Medievali in breve:</h2>
<p>
I primi cavalieri nacquero nei primi anni 1000 per difendere i castelli
e i beni dei signori, erano persone specializzate nella guerra. Questi
primi gruppo cavallereschi si chiamavano i “miles”. Larmamento dei
cavalieri era composto da una lancia di metallo aguzza. Nei primi anni i
cavalieri svolgevano solo brevi battaglie locali basate su degli scontri
individuali (1vs1). Questo tipo di battaglie hanno rivoluzionato anche
le armature dei cavalieri, sempre più protettive ma allo stesso tempo
costose. Allaumento esponenziale dei prezzi dellarmamento, i cavalieri
passarono sempre più dallessere un gruppo esteso di persone, a essere
solo un gruppo d'”élite” di cavalieri, poche persone molto ricche.
Sempre a causa dellaumento dei prezzi per diventare un cavaliere si
seguiva una linea ereditaria, molto spesso i figli dei cavalieri
diventavano a loro volta dei cavalieri.
</p>
<img src="img\tempio.png" id="imgTempio" />
<h2>Il Tempio dei Templari:</h2>
<p>
La “base” dei Templari era situata nella moschea Al-Aqsa, convertita dai
crociati in un palazzo reale “Tempio di Salomone” nel 1099. Unala di
questo edificio fu dedicata ai Templari e venne nominata “Tempio dei
Templari”, e da quel momento fu il loro quartier generale.
</p>
<br />
<br />
<h2>Concilio di Troyes</h2>
<p>
Il concilio di Troyes, (convocato da papa Onorio II) nel 1128 e diverse
bolle papali conferirono ai Templari diversi privilegi, uno dei più
importanti era la protezione dellabate cistercense Bernardo di
Chiaravalle, colui che scrisse le leggi sui Templari, che dicevano che
uccidere un musulmano non andava in contrasto al voto religioso, quindi
era lecito per i Templari uccidere. Al Concilio di Troyes parteciparono:
il cardinale Matteo di Albano, gli arcivescovi di Reims e di Sens, dieci
vescovi; otto abati cistercensi Vézelay, Citeaux,
Chiaravalle,Potigny,Troisfontaines e Molesmes; alcuni laici come Tebaldo
II, Andrè de Baudemont, il conte di Nevers e un crociato del 1095.
</p>
<h2>Cosa hanno scoperto i templari?</h2>
<img src="img\arca.png" id="imgArca" />
<p>
La figura dei templari divenne leggendaria per aver scoperto numerosi
manufatti che ad oggi sono tra i preziosi al mondo, tra questi
ricordiamo: il Sacro Graal, la Sindone di Torino,lArca dellAlleanza,il
Tesoro del tempio di Salomone,La Tomba di Cristo e i Manoscritti di
Qumran. L'Arca dell'Alleanza ha un profondo valore simbolico sia
nell'ebraismo che nel cristianesimo: Presenza Divina: l'Arca è vista
come il luogo dove la presenza di Dio risiedeva tra il suo popolo.
Questo simboleggia la vicinanza di Dio agli esseri umani e la sua guida
nelle loro vite. Attualmente si trova nel tempio di Salomone riposta nel
Sancta Sanctorum inaccessibile ai fedeli e alla maggior parte de
sacerdoti.
</p>
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>

BIN
Gruppo7/img/Graal.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
Gruppo7/img/arca.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

BIN
Gruppo7/img/cross.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
Gruppo7/img/otto.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
Gruppo7/img/perceval.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB

BIN
Gruppo7/img/perceval2WW.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

BIN
Gruppo7/img/tempio.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

BIN
Gruppo7/img/templari_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View File

@ -1,5 +0,0 @@
- Creare la pagina preferibilmente divisa in almeno 2 e al massimo 4 sezioni (Es.: per la prima crociata, si può dividere in `I personaggi`, `Gli avvenimenti`, `Le leggende`. Queste divisioni saranno le voci del menù nella navbar).
- Inventare un titolo da dare al lavoro che sia breve e coinciso, sarà mostrato sulla navbar
- Ogni sezione dovrà essere una cartella con un `index.html`
- **NON MODIFICARE LE ZONE NON MARCATE PER LA MODIFICA, E SOPRATTUTTO NON INSERIRE ELEMENTI AL DI FUORI DELLA CLASSE CONTENUTO**
- La navbar la modificherò io

View File

@ -97,7 +97,12 @@
<li>
<a href="#" class="nav-item" tabindex="0">Gruppo 7</a>
<ul class="dropdown">
<li><a href="presentazione.html">Presentazione</a></li>
<li>
<a href="./Gruppo7/Graal.html">Sacro Graal</a>
</li>
<li>
<a href="./Gruppo7/Templari.html">Templari</a>
</li>
</ul>
</li>
</ul>

View File

@ -1,109 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Milites Christi</title><!--modifica-->
<link id="favicon" rel="icon" href="../../favicon2.png" />
<link rel="stylesheet" href="../../style.css" />
<script src="../../script.js"></script>
</head>
<body>
<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>Milites Christi</center></h1><!--modifica-->
<div class="navbar">
<header>
<center>
<nav>
<ul>
<li>
<a href="/" 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="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
<li><a href="presentazione.html">Presentazione</a></li>
</ul>
</li>
<li>
<a href="#" class="nav-item">Gruppo 2</a>
<ul class="dropdown">
<li><a href="servizi.html">Servizi</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="calendario.html">Calendario scolastico</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 />
<!--Da qui potete inserire tutto il layout della vostra pagina-->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis,
ex vulputate blandit pretium, erat lorem rhoncus nunc, vel malesuada magna
justo quis augue. Pellentesque et ornare neque, at porttitor metus.
Integer at ex nibh. Vestibulum pulvinar eleifend euismod. Maecenas mattis
mi non ullamcorper vehicula. Aenean nec enim et ligula porttitor aliquam.
Donec mattis leo urna, eget sodales eros vestibulum eu. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Nam posuere consectetur lorem, eu pulvinar dui vehicula at. Duis in mi at
enim fringilla imperdiet sit amet et odio. Cras tristique efficitur
tincidunt. Donec tincidunt nec nisi a lobortis. Integer at enim interdum,
euismod lectus sed, rutrum tortor. In hac habitasse platea dictumst.
Suspendisse vitae urna non velit dignissim consequat consectetur ut felis.
<!--Fine regione per la modifica-->
<br />
<br />
<br />
<center>Classe 3I2</center>
</div>
</body>
</html>