'use strict';

class MichelAnge extends React.Component 
{
  constructor(props) 
  {
    super(props);
  }

  render() 
  {
    return (
      <section id="content">
        <div className="grid-1">
          <div className="text-center font-bold">
            Michel-Ange (Michelangelo Buonarotti: 1475-1564)
          </div>
          <div className="text-justify">
            Il est le génie universel de la fin de la Renaissance et un précurseur du baroque. Dès l'âge de 13 ans, il est élève en peinture du Florentin Ghirlandaio. Il apprend la sculpture à partir de 1489 auprès de Bertoldo di Giovanni. Les débuts de son oeuvre sont influencés par son étude de l'Antiquité et par des artistes comme Giotto, Masaccio, Donatello et Jacopo della Quercia. Ses principales oeuvres de cette période sont la Pieta de <Link to='/vatican'>Saint-Pierre</Link> de Rome et le David de l'Académie de Florence, dans la tradition de la statuaire antique. 
          </div>
          <div className="text-justify">
            Ses sculptures ultérieures s'éloignent de cet idéal et traduisent une évolution progressive vers le maniérisme. Il est ensuite requis pendant 60 ans par 6 grandes commandes d'architecture dont la <Link to='/chapelle-sixtine'>chapelle Sixtine</Link>. Ces fresques sont des oeuvres capitales du peintre. Comme architecte, il n'assura guère directement l'exécution de projets et de ses plans. En 1546, il reçoit mission de diriger le chantier de <Link to='/vatican'>Saint-Pierre</Link> de Rome, et il travaille entre autre à l'édification de la coupole.
          </div>
        </div>
        <div className="grid-1">
          <div className="text-center font-bold">
            Son oeuvre
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/ma1.jpg" height="300" alt="La conversion de Saint-Paul" />
          </div>
          <div>
            <span className="font-bold">La conversion de Saint-Paul</span>
            <div className="text-justify">
              Chapelle Pauline.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">Le crucifiement de Saint-Pierre</span>
            <div className="text-justify">
              Chapelle Pauline.
            </div>
          </div>
          <div className="text-center">
            <img src="images/ma2.jpg" height="300" alt="Le crucifiement de Saint-Pierre" />
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/ma3.jpg" height="300" alt="La libération de Saint-Pierre" />
          </div>
          <div>
            <span className="font-bold">La libération de Saint-Pierre</span>
            <div className="text-justify">
              Chambre d'Héliodore.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">La création d'Adam</span>
            <div className="text-justify">
              Chapelle Sixtine.
            </div>
          </div>
          <div className="text-center">
            <img src="images/ma4.jpg" height="300" alt="La création d'Adam" />
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/ma5.jpg" height="300" alt="Le Péché Originel" />
          </div>
          <div>
            <span className="font-bold">Le Péché Originel</span>
            <div className="text-justify">
              Chapelle Sixtine.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">Le Jugement Dernier</span>
            <div className="text-justify">
              Chapelle Sixtine.
            </div>
          </div>
          <div className="text-center">
            <img src="images/ma6.jpg" height="300" alt="Le Jugement Dernier" />
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/ma7.jpg" height="300" alt="La Voûte" />
          </div>
          <div>
            <span className="font-bold">La Voûte</span>
            <div className="text-justify">
                Chapelle Sixtine.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">La Pieta</span>
            <div className="text-justify">
              Basilique Saint Pierre.<br />
              La Pietà est une sculpture de marbre, exécutée à l'âge de 24 ans en 1499. La Vierge Marie recouvre 195 cm de hauteur. Elle est massive et occupe une place plus importante que le Christ. On remarque la forme pyramidale de la statue avec pour sommet, le buste de Marie. La Vierge et le Christ sont disposés en croix, ce qui symboliser la Trinité.<br />
              Le visage de la Vierge, d'habitude marqué par le désespoir, exprime ici la
              sérénité et le calme. Elle est confiance.<br />
              Sous son voile, son visage a un charme juvénile. En effet, elle parait aussi jeune que le Christ, ce qui semble paradoxal. On peut percevoir le Christ assoupi, comme si la mort n'était pas accomplie. Son corps est souple et semble vouloir se relever. En effet, sa mère le soutient de sa
              main droite, elle a les doigts presque ancrés dans son flanc. Le Christ a un pied à terre, c'est pour lui, une sorte d'appui pour se lever. La main gauche de la Vierge, ouverte, lui enseigne le chemin de Dieu. Mais on peut interpréter ce mouvement d'une façon différente : la Vierge montre le travail que les hommes ont réalisé. Une certaine manière de les culpabiliser.
            </div>
          </div>
          <div className="text-center">
            <img src="images/pieta.jpg" height="300" alt="La Pieta" />
          </div>
        </div>
        <div className="grid-1">
          <div className="text-center">
            <Link to='/'>Retour à la page d'accueil</Link>
          </div>
        </div>
      </section>
    );     
  }
}