diff --git a/Gruppo 2/avvenimenti/index.html b/Gruppo 2/avvenimenti/index.html new file mode 100644 index 0000000..fd7bde5 --- /dev/null +++ b/Gruppo 2/avvenimenti/index.html @@ -0,0 +1,122 @@ + + + + + Avvenimenti - Crociate: Fede e Battaglia + + + + + + + +
+ Spade incrociate +
+
+ + + + + + +
+ +
+

Avvenimenti

+ +
+
+
+ +
+
+
+
+

Qui troverete le leggende e i miti più famosi legati alle Crociate, come la leggenda del Graal e la storia di Saladino e Riccardo Cuor di Leone.

+
+
+
+
Classe 3I2
+
+ + + \ No newline at end of file diff --git a/Gruppo 2/leggende/index.html b/Gruppo 2/leggende/index.html new file mode 100644 index 0000000..75ac5c8 --- /dev/null +++ b/Gruppo 2/leggende/index.html @@ -0,0 +1,123 @@ + + + + + Leggende - Crociate Fede e Battaglia + + + + + + + +
+ Spade incrociate +
+
+ + + + + + +
+ +
+

Leggende

+ +
+
+
+ +
+
+
+ +
+

Qui troverete le leggende e i miti più famosi legati alle Crociate, come la leggenda del Graal e la storia di Saladino e Riccardo Cuor di Leone.

+
+
+
+
Classe 3I2
+
+ + + \ No newline at end of file diff --git a/Gruppo 2/personaggi/index.html b/Gruppo 2/personaggi/index.html new file mode 100644 index 0000000..f05cf04 --- /dev/null +++ b/Gruppo 2/personaggi/index.html @@ -0,0 +1,122 @@ + + + + + Personaggi - Crociate: Fede e Battaglia + + + + + + + +
+ Spade incrociate +
+
+ + + + + + +
+ +
+

Personaggi

+ +
+
+
+ +
+
+
+
+

Qui troverete informazioni sui principali personaggi delle Crociate, come Goffredo di Buglione, Riccardo Cuor di Leone e Saladino.

+
+
+
+
Classe 3I2
+
+ + + \ No newline at end of file diff --git a/Gruppo 2/script.js b/Gruppo 2/script.js new file mode 100644 index 0000000..7de6813 --- /dev/null +++ b/Gruppo 2/script.js @@ -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); +}); \ No newline at end of file diff --git a/Gruppo 2/spade_incrociate.png b/Gruppo 2/spade_incrociate.png new file mode 100644 index 0000000..a298166 Binary files /dev/null and b/Gruppo 2/spade_incrociate.png differ diff --git a/Gruppo 2/style.css b/Gruppo 2/style.css new file mode 100644 index 0000000..cec0d5a --- /dev/null +++ b/Gruppo 2/style.css @@ -0,0 +1,57 @@ +/* Animazioni */ +.titolo { + animation: fadeIn 2s ease-in-out; +} + +@keyframes fadeIn { + 0% { opacity: 0; will-change: opacity;} + 100% { opacity: 1; will-change: opacity;} +} + +#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; + } + } diff --git a/Gruppo 5/albigesi/index.html b/Gruppo 5/albigesi/index.html index 0cd87d5..09cb4d9 100644 --- a/Gruppo 5/albigesi/index.html +++ b/Gruppo 5/albigesi/index.html @@ -46,7 +46,9 @@
  • Gruppo 2
  • diff --git a/Gruppo 5/pezzenti/index.html b/Gruppo 5/pezzenti/index.html index 7774909..384f4ca 100644 --- a/Gruppo 5/pezzenti/index.html +++ b/Gruppo 5/pezzenti/index.html @@ -46,7 +46,9 @@
  • Gruppo 2
  • diff --git a/index.html b/index.html index 779a473..27d894a 100644 --- a/index.html +++ b/index.html @@ -47,7 +47,9 @@
  • Gruppo 2
  • diff --git a/nomemenù3/sezione/index.html b/nomemenù3/sezione/index.html new file mode 100644 index 0000000..ff109e4 --- /dev/null +++ b/nomemenù3/sezione/index.html @@ -0,0 +1,109 @@ + + + + + Milites Christi + + + + + +
    + + + + + + +
    + +
    +

    Milites Christi

    + +
    +
    +
    + +
    +
    +
    +
    + + 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. + + +
    +
    +
    +
    Classe 3I2
    +
    + + diff --git a/nomemenù4/sezione/index.html b/nomemenù4/sezione/index.html new file mode 100644 index 0000000..ff109e4 --- /dev/null +++ b/nomemenù4/sezione/index.html @@ -0,0 +1,109 @@ + + + + + Milites Christi + + + + + +
    + + + + + + +
    + +
    +

    Milites Christi

    + +
    +
    +
    + +
    +
    +
    +
    + + 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. + + +
    +
    +
    +
    Classe 3I2
    +
    + + diff --git a/nomemenù6/sezione/index.html b/nomemenù6/sezione/index.html new file mode 100644 index 0000000..ff109e4 --- /dev/null +++ b/nomemenù6/sezione/index.html @@ -0,0 +1,109 @@ + + + + + Milites Christi + + + + + +
    + + + + + + +
    + +
    +

    Milites Christi

    + +
    +
    +
    + +
    +
    +
    +
    + + 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. + + +
    +
    +
    +
    Classe 3I2
    +
    + + diff --git a/nomemenù7/sezione/index.html b/nomemenù7/sezione/index.html new file mode 100644 index 0000000..ff109e4 --- /dev/null +++ b/nomemenù7/sezione/index.html @@ -0,0 +1,109 @@ + + + + + Milites Christi + + + + + +
    + + + + + + +
    + +
    +

    Milites Christi

    + +
    +
    +
    + +
    +
    +
    +
    + + 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. + + +
    +
    +
    +
    Classe 3I2
    +
    + + diff --git a/style.css b/style.css index 4975495..33df574 100644 --- a/style.css +++ b/style.css @@ -10,7 +10,6 @@ html { overflow-x: hidden; - /*background-image: url(sfondo.jpg);*/ background-color: #442505; }