timeline.vue

<div id="app">
  <v-app>
    <v-content>      
      <v-container grid-list-xl>
        <v-layout justify-center class="mb-5">         
          <div class="headline">
            La vie d'une dorsale
          </div>
        </v-layout>
        <v-timeline align-top>
          <v-timeline-item
            small
            color="deep-orange"
          >
            <v-card
              dark
              color="deep-orange"              
            >
              <v-card-title class="title">La naissance d’une dorsale</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                  Les hautes températures de la partie inférieure du manteau et du noyau causées par les désintégrations nucléaire provoquent des remontées de matière (péridotite en fusion) sous forme de courant de convexion.
Ce qui provoque une déformation du manteau et de la croûte continentale sous forme de dôme. C’est la naissance d’une dorsale.
                </p><v-img src="https://lh3.google.com/u/0/d/1brOEsrYXfKvZmP246rufF_K2F3KZvwP3=w1050-h1569-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>              
            </v-card>
          </v-timeline-item>
          <v-timeline-item
            small
            color="orange"
          >
            <v-card
              dark
              color="orange"              
            >
              <v-card-title class="title">Fracture du manteau lithosphérique</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                  Le manteau lithosphérique (étant ductile) est étiré et aminci, tandis que la croûte continentale, étant rigide, se retrouve fracturée.
                </p>                <v-img src="https://lh3.google.com/u/0/d/1p9R2ZkY_L1CVHX3kvAbl-9nPvloalTOC=w1050-h1569-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
          <v-timeline-item
            small
            color="amber"
          >
            <v-card
              dark
              color="amber"              
            >
              <v-card-title class="title">Arrivé de l'eau</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                  Tandis que l'étirement du manteau continue, Les eaux marines envahissent le fossé d'effondrement.

                </p>                <v-img src="https://lh3.google.com/u/0/d/1hZu4HXQbXpFY0GUSvI3Nma2-qJWGppoa=w1050-h880-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
          <v-timeline-item
            small
            color="lime"
          >
            <v-card
              dark
              color="lime"              
            >
              <v-card-title class="title">Sédimentation et remontés de péridotite</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                  Le fossé d'effondrement se rempli de sédiments et les remontés de péridotite atteignent une température de fusion partielle (85% solide),  laissant place à un magma de composition basaltique.
                </p>                <v-img src="https://lh3.google.com/u/0/d/1wWzIwvXXIS07bWa8CSL2RIjuketUD6bD=w1050-h880-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
          
          
          <v-timeline-item
            small
            color="light-green"
          >
            <v-card
              dark
              color="light-green"              
            >
              <v-card-title class="title">Apparition du rift</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                  Une dorsale et un rift apparaissent, c’est le début de la formation d’une nouvelle croûte océanique. Des éruptions sont désormais possibles, il y a une faible activité sismique fréquente.
                </p>                <v-img src="https://lh3.google.com/u/0/d/1USTA87zPNUqG2z76z9quHOMMH16kmmCd=w1050-h880-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
          <v-timeline-item
            small
            color="green"
          >
            <v-card
              dark
              color="green"              
            >
              <v-card-title class="title">Expansion du fond océanique</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                 Les courants de convexion divergents permettent une expansion latérale permanente du fond océanique de part et d’autre de la dorsale. L’épaisseur du nouveau manteau lithosphérique augmente avec sa distance à la dorsale, tandis que sa température diminue.Les sédiments continuent de se déposer.

                </p>                <v-img src="https://lh3.google.com/u/0/d/1WiYWWqlOTtXeRP3frpoIMc2g1gFsOuUt=w1050-h929-iv1" aspect-ratio="1.7"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
          <v-timeline-item
            small
            color="teal"
          >
            <v-card
              dark
              color="teal"              
            >
              <v-card-title class="title">Expansion du fond océanique</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                 Les changement de pôle magnétique de la terre sont visible dans le magnétisme des roches en raison de la “mémoire magnétique” des roches lors de leur refroidissement (bleu clair = pôle nord magnétique correspondant au pôle nord géographique).
                </p>                <v-img src="https://lh3.google.com/u/0/d/1diksQEUQbF-PC9vp5TiTj1IzXJiWjiCN=w1050-h929-iv1"></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
        <v-timeline-item
            small
            color="cyan"
          >
            <v-card
              dark
              color="cyan"              
            >
              <v-card-title class="title">Expansion du fond océanique</v-card-title>
              <v-card-text class="white text--primary">
                <p>
                 La lithosphère vieillissante, devenue épaisse et froide, a maintenant une densité supérieure à celle de l'asthénosphère sur laquelle elle “flotte”. La circulation de l’eau dans la lithosphère transforme le basalte et le gabbro en métabasaltes et en métagabbros par métamorphisme hydrothermal.Une contrainte tectonique entraînerait une partie de la lithosphère océanique à plonger dans l'asthénosphère, c’est la subduction.

                </p>                <v-img src="https://lh3.google.com/u/0/d/1ibFRnohwcmkafcngy7HjWuYKedR1N4tz=w1050-h929-iv1" ></v-img>
              </v-card-text>
            </v-card>
          </v-timeline-item>
        </v-timeline>
      </v-container>
    </v-content>
  </v-app>
</div>