TributePage Albert Hofmann

In this example below you will see how to do a TributePage Albert Hofmann with some HTML / CSS and Javascript

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>TributePage Albert Hofmann</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css'>

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

  
</head>

<body>

  
<body>
  
   <div class="container">
      <h1 class="display-3 text-center">Albert Hofmann</h1>
        <br>
      <div class="row justify-content-center">
          <div class="mb-4">
              <h1 class="display-1 border border-success text-center pb-3">Dicoverer of LSD</h1>
          </div>
      </div>
     
  <div class="row justify-content-around">
     <div class="">
        <button type="button" class="btn btn-primary btn-lg" data-container="body" title="Date of Birth" data-content="11. January 1906 <br> Baden, Switzerland"
        data-toggle="popover" data-placement="top">
    Date of Birth
          </button>
      </div>
      <div>
          <button type="button" class="btn btn-primary btn-lg"" data-container="body"
        data-toggle="popover" data-placement="top"
        data-content="19 April 1943, Bycicle Day Burg im Leimental, Switzerland">
  First LSD ever 
          </button>
      </div>
                                                                                     
      <div>
        <button type="button" class="btn btn-primary btn-lg"" data-container="body"
        data-toggle="popover" data-placement="top"
        data-content="16. November 1938 <br> Basel, Switzerland">
  First LSD Synthetisation
         </button>
      </div>
            
      <div>
        <button type="button" class="btn btn-primary btn-lg" data-container="body"
        data-toggle="popover" data-placement="top"
        data-content="29. April 2008 (102 y/o) <br> Burg im Leimental, Switzerland">
  Date of Death
</button>
      </div>
    </div>
    <div class="row justify-content-center">
      <div class="mt-4 col-8">
        <div class="container">
          <a href="#"><img class="" src="http://iv1.lisimg.com/image/9644018/740full-albert-hofmann.jpg" target="_blank"></a>
        </div>
      </div>
    </div>
    <div>
      <div class="container">
        <blockquote class="blockquote text-center font-italic">
            <h2 class="mb-0">It is just a tool to turn us into what we are supposed to be.</h2>
       <footer class="blockquote-footer">Albert Hofmann
    <cite title="Source Title">Speech on 100th Birthday</cite>
  </footer>
</blockquote>
      </div>
     </div>
      <br>
      <div class="clearfix"></div>
      
      
      <div class="lead">
        <h1 class="display-4">The Discovery of LSD</h1>
        <br>
          <p>Hofmann became an employee of the pharmaceutical-chemical department of Sandoz Laboratories (now a subsidiary of Novartis), located in Basel as a co-worker with professor Arthur Stoll, founder and director of the pharmaceutical department. He began studying the medicinal plant squill and the fungus ergot as part of a program to purify and synthesize active constituents for use as pharmaceuticals. His main contribution was to elucidate the chemical structure of the common nucleus of the Scilla glycosides (an active principal of Mediterranean Squill). While researching lysergic acid derivatives, Hofmann first synthesized LSD on 16 November 1938. The main intention of the synthesis was to obtain a respiratory and circulatory stimulant (an analeptic) with no effects on the uterus in analogy to nikethamide (which is also a diethylamide) by introducing this functional group to lysergic acid. It was set aside for five years, until 16 April 1943, when Hofmann decided to reexamine it. While re-synthesizing LSD, he accidentally touched his hand to his mouth, nose or possibly eye, accidentally ingesting a small amount and discovered its powerful effects. He described what he felt as being: </p>

   <P> "... affected by a remarkable restlessness, combined with a slight dizziness. At home I lay down and sank into a not unpleasant intoxicated[-]like condition, characterized by an extremely stimulated imagination. In a dreamlike state, with eyes closed (I found the daylight to be unpleasantly glaring), I perceived an uninterrupted stream of fantastic pictures, extraordinary shapes with intense, kaleidoscopic play of colors. After some two hours this condition faded away."</p>

    
<p>Three days later, on 19 April 1943, Hofmann intentionally ingested 250 micrograms of LSD. This day is now known as "Bicycle Day", because he began to feel the effects of the drug as he rode home on a bike. This was the first intentional LSD trip.</p>

<p>Hofmann continued to take small doses of LSD throughout much of his life, and always hoped to find a use for it. In his memoir, he emphasized it as a "sacred drug": "I see the true importance of LSD in the possibility of providing material aid to meditation aimed at the mystical experience of a deeper, comprehensive reality."</p>
        </div>
  </>
  
  
  </div>
</body>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js'></script>
<script src='https://cdnjs.cloudfare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js'></script>

  

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




</body>

</html>

/*Downloaded from https://www.codeseek.co/WhriteRabbit/tributepage-albert-hofmann-NajgWd */
body{
  margin-top:3%;
}

img {
  margin: 0 auto;
}

/*Downloaded from https://www.codeseek.co/WhriteRabbit/tributepage-albert-hofmann-NajgWd */
$(document).ready(function() {
  $('[data-toggle="popover"]').popover();
});

Comments