A Pen by André Luis Affonso de Melo

Thumbnail
This awesome code was written by AndreAffonso, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright AndreAffonso ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  André Luis Affonso de Melo</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<div class="container-fluid">
    <div class="row">
      <div class="col-md-8 col-md-offset-1"><h1 class="text-center titulo">Alan Turing</h1>
       </div>
        <div class="col-md-2">
          <p class="quote"><span>“</span>Sometimes it is the people no one can imagine anything of who do the things no one can imagine. <span>”</span>  
― <i>Alan Turing</i></p>
        </div>
      
      <div class="principal col-md-8 col-md-offset-1">
        <p>Alan Mathison Turing OBE (23 de junho de 1912 — 7 de junho de 1954) foi um matemático, lógico, criptoanalista e cientista da computação britânico. Foi influente no desenvolvimento da ciência da computação e na formalização do conceito de algoritmo e computação com a máquina de Turing, desempenhando um papel importante na criação do computador moderno.[1][2][3] Ele também é pioneiro na inteligência artificial e na ciência da
    computação.[4] É conhecido como o pai da computação.
        </p>
<p>Durante a Segunda Guerra Mundial, Turing trabalhou para a inteligência britânica em Bletchley Park, num centro especializado em quebra de códigos. Por um tempo ele foi chefe do Hut 8, a seção responsável pela criptoanálise da frota naval alemã. Planejou uma série de técnicas para quebrar os códigos alemães, incluindo o método da bomba eletromecânica, uma máquina eletromecânica que poderia encontrar definições para a máquina Enigma.</p>
<p>Após a guerra, trabalhou no Laboratório Nacional de Física do Reino Unido, onde criou um dos primeiros projetos para um computador com um programa armazenado, o ACE. Posteriormente, Turing se interessou pela química. Escreveu um artigo sobre a base química da morfogênese[5] e previu reações químicas oscilantes como a Reação de Belousov-Zhabotinsky, que foram observadas pela primeira vez na década de 1960.</p>
<p>A homossexualidade de Turing resultou em um processo criminal em 1952, pois atos homossexuais eram ilegais no Reino Unido na época, e ele aceitou o tratamento com hormônios femininos e castração química, como alternativa à prisão. Morreu em 1954, algumas semanas antes de seu aniversário de 42 anos, devido a um aparente autoadministrado envenenamento por cianeto, apesar de sua mãe (e alguns outros) terem considerado sua morte acidental. Em 10 de setembro de 2009, após uma campanha de internet, o primeiro-ministro britânico Gordon Brown fez um pedido oficial de desculpas público, em nome do governo britânico, devido à maneira pela qual Turing foi tratado após a guerra[6]. Em 24 de dezembro de 2013, Alan Turing recebeu o perdão real da rainha Elizabeth II, da condenação por homossexualidade[7].</p>
      </div>
      
      <div class="informacoes col-md-2">
          <h3 class="text-center">Dados Gerais</h2>
          <table class="table table-striped table-hover">
            <tr>
              <td>Nome: </td>
              <td>Alan Mathison Turing </td>
            </tr>
            <tr>
              <td>Nacionalidade:</td>
              <td> Britânico</td>
            </tr>
            <tr>
              <td>Nascimento</td>
              <td>	23 de junho de 1912	</td>
            </tr>
            <tr>
              <td>Morte:</td>
              <td>Morte	7 de junho de 1954 (41 anos)</td>
            </tr>
            <tr>
              <td>Causa: </td>
              <td>Cometeu suicídio por ingestão de cianeto</td>
            </tr>
          </table>
      </div>

   </div>
          <footer class='text-center'>Written and coded by <a href="https://www.facebook.com/andre.affonsodemelo" target="blank">André Affonso</a>.</footer>
</div>
  
  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/AndreAffonso/a-pen-by-andrandxe9-luis-affonso-de-melo-aBgbyG */
body {
  background-color: #FF;
  
}

span{
  font-size: 30px;
}

.titulo{
  background-color: #E5E4E4;
  border-radius: 5px;
  margin-top: 50px;
  
  box-shadow: 0px 0px 15px 3px rgba(0,0,0,.4);
}

.quote{
  font-style: bold;
  text-align: justify;
  margin-top:50px;

  font-size: 15px; 
  animation: font-size 2s;
  color: black;
  
}

p.qoute:hover{
  font-size: 25px;
  background-color: black;
}

.principal, .informacoes{

  padding: 20px;
  background-color: #E5E4E4;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 3px rgba(0,0,0,.4);
  
}
.informacoes{
  margin-left: 20px;
}
.principal p{
  text-indent: 50px;
  font-size: 20px;
  font-family: monospace;
}

footer{
  color:black;
}

footer a{
  color: black;
  transition: font-size 1s;
}

footer a:hover{
  font-size: 20px;
  color: black;
}

/*Downloaded from https://www.codeseek.co/AndreAffonso/a-pen-by-andrandxe9-luis-affonso-de-melo-aBgbyG */
document.getElementsByTagName("h1")[0].style.fontSize = "80px";

Comments