Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <link href="tm.css"  type="text/css" rel="stylesheet">
  <title>Terence McKenna</title>
  <link rel="shortcut icon" type="image/png" href="images/shroom.png">
<body>
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <img src="images/shroom.png" style="width:50px; height:50px;">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
          <div class="navbar-nav">
            <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
            <a class="nav-item nav-link" href="#">About Me</a>
            <a class="nav-item nav-link" href="#">Interest</a>
            <a class="nav-item nav-link" href="#">Psilocybin</a>
          </div>
        </div>
      </nav>    
  <div class="container">
    <div class="content">
      <h1>Who is Terence McKenna</h1>
        <p>Terence Kemp McKenna (November 16, 1946 – April 3, 2000) was an American ethnobotanist, mystic, psychonaut, lecturer, author, and an advocate for the responsible use of naturally occurring psychedelic plants. He spoke and wrote about a variety of subjects, including psychedelic drugs, plant-based entheogens, shamanism, metaphysics, alchemy, language, philosophy, culture, technology, environmentalism, and the theoretical origins of human consciousness. He was called the "Timothy Leary of the '90s", "one of the leading authorities on the ontological foundations of shamanism", and the "intellectual voice of rave culture".
        <img src="images/tmo.jpeg" style="align-items: center; float:left; width:300px; clear: both;">
        McKenna formulated a concept about the nature of time based on fractal patterns he claimed to have discovered in the I Ching, which he called novelty theory, proposing this predicted a transition of consciousness in the year 2012. His promotion of novelty theory and its connection to the Maya calendar is credited as one of the factors leading to the widespread beliefs about 2012 eschatology. Novelty theory is considered pseudoscience</p>
      </div>
    <div class="life">
      <h1>Early Life</h1>
      <p>
          Terence McKenna was born and raised in Paonia, Colorado, with Irish ancestry on his father's side of the family.
          McKenna developed a hobby of fossil-hunting in his youth and from this he acquired a deep scientific appreciation of nature. He also became interested in psychology at a young age, reading Carl Jung's book Psychology and Alchemy at the age of 10.[6] This was the same age McKenna first became aware of magic mushrooms, when reading an essay titled "Seeking the Magic Mushroom" which appeared in the May 13, 1957 edition of LIFE magazine.
          <img src="images/tm.jpeg" style="align-items: center; float:right; width:200px; clear: both; margin-top: 0px; padding-top:0px;" >
          At age 16 McKenna moved to Los Altos, California to live with family friends for a year. He finished high school in Lancaster, California. In 1963, he was introduced to the literary world of psychedelics through The Doors of Perception and Heaven and Hell by Aldous Huxley and certain issues of The Village Voice which published articles on psychedelics.
          McKenna said that one of his early psychedelic experiences with morning glory seeds showed him "that there was something there worth pursuing", and in interviews he claimed to have smoked cannabis daily since his teens.
      </p>
    </div>
    <div class="studying">
      <h1>Studying and Traveling</h1>
      <p>
          In 1965, McKenna enrolled in the University of California, Berkeley and was accepted into the Tussman Experimental College. In 1967, while in college, he discovered and began studying shamanism through the study of Tibetan folk religion. That same year, which he called his "opium and kabbala phase" he traveled to Jerusalem, where he met Kathleen Harrison, an ethnobotanist who would later become his wife.
          In 1969, McKenna traveled to Nepal led by his interest in Tibetan painting and hallucinogenic shamanism. He sought out shaman of the Bon tradition, which predated[dubious – discuss] Tibetan Buddhism, trying to learn more about the shamanic use of visionary plants.[ During his time there, he also studied the Tibetan language and worked as a hashish smuggler, until "one of his Bombay-to-Aspen shipments fell into the hands of U. S. Customs." He then wandered through southeast Asia viewing ruins, and spent time as a professional butterfly collector in Indonesia.
          After the partial completion of his studies, and his mother's death from cancer in 1971, McKenna, his brother Dennis, and three friends traveled to the Colombian Amazon in search of oo-koo-hé, a plant preparation containing dimethyltryptamine (DMT). Instead of oo-koo-hé they found fields full of gigantic Psilocybe cubensis mushrooms, which became the new focus of the expedition. In La Chorrera, at the urging of his brother, McKenna was the subject of a psychedelic experiment[5] in which the brothers attempted to bond harmine (harmine is another psychedelic compound they used synergistically with the mushrooms) with their own neural DNA, through the use of a set specific vocal techniques. They hypothesised this would give them access to the collective memory of the human species, and would manifest the alchemists' Philosopher's Stone which they viewed as a "hyperdimensional union of spirit and matter". McKenna claimed the experiment put him in contact with "Logos": an informative, divine voice he believed was universal to visionary religious experience. McKenna also often referred to the voice as "the mushroom", and "the teaching voice" amongst other names. The voice's reputed revelations and his brother's simultaneous peculiar psychedelic experience prompted him to explore the structure of an early form of the I Ching, which led to his "Novelty Theory". During their stay in the Amazon, McKenna also became romantically involved with his interpreter, Ev.
          In 1972, McKenna returned to U.C. Berkeley to finish his studies and in 1975, he graduated with a degree in ecology, shamanism, and conservation of natural resources. In the autumn of 1975, after parting with his girlfriend Ev earlier in the year, McKenna began a relationship with his future wife and the mother of his two children, Kathleen Harrison.
          Soon after graduating, McKenna and Dennis published a book inspired by their Amazon experiences, The Invisible Landscape: Mind, Hallucinogens and the I Ching. The brothers' experiences in the Amazon would later be the main focus of McKenna's book True Hallucinations, published in 1993. McKenna also began lecturing locally around Berkeley and started appearing on some underground radio stations.
      </p>
    </div>
    <div class="footer">
      <p>
        ©2018 ESAB.Global Service & Support | Privacy Statement | Legal | ISO Certifications | Where to buy
      </p>
    </div>
  </div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>
              
            
!

CSS

              
                
.container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  height: 100%;
  grid-template-areas: 
    "c c c c c c c c c c c c"
    "l l l l l l l l l l l l"
    "s s s s s s s s s s s s"
    "f f f f f f f f f f f f"
}
.content {
  grid-area: c;
  background-color: black;
  color: #ffeead;
  font-size: 25px;
}
.life {
  grid-area: l;
  background-color:#ffeead;
  color: black;
  font-size: 25px;
}
.studying {
  grid-area: s;
  background-color: black;
  color: #ffeead;
  font-size: 25px;
}

.footer {
 grid-area: f;
 background-color: black;
 color: white;
 height: 50px;
 text-align: center;
 font-size: 18px;
}

html, body {
margin: auto;
overflow-x: hidden;
}

@media only screen and (min-width: 320px) {
  
} /* This covers screens from 320px up to 639px */
@media only screen and (min-width: 640px) {
  ...tablet styles here...
} /* This covers screens from 640px up to 959px */
@media only screen and (min-width: 960px) {
  ...laptop styles here...
} /* This covers screens from 960px and greater */

              
            
!

JS

              
                
              
            
!
999px

Console