# Open the Valve

A short, illustrated guide on treating creativity as a force you can deliberately turn on. Written by John Klymshyn, with illustrations and illuminations by Isaac Naor. Spanish edition adapted by Federico Ramallo.

<section class="hero" id="top">
  <div class="container hero-grid">
    <div class="hero-text">
      <p class="hero-eyebrow"></p>
      <h1>Open the <em>Valve</em></h1>
      <p class="hero-sub"></p>
      <div class="hero-ctas">
        <a class="btn btn-primary" href="" target="_blank" rel="noopener"></a>
        <a class="btn btn-secondary" href="#origin"></a>
      </div>
    </div>
    <div class="hero-art">
      <img class="hero-cover" src="" alt="Open the Valve, English cover" loading="eager">
    </div>
  </div>
</section>

<section id="origin">
  <div class="container">
    <div class="origin-prose">
      <h2></h2>
      <p></p>
      <p></p>
      
      <p class="yt-caption"></p>
    </div>
  </div>
</section>

<section id="authors">
  <div class="container">
    <h2></h2>
    <div class="authors-grid">
      <article class="author-card">
        <img class="author-photo" src="" alt="John Klymshyn" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
      <article class="author-card">
        <img class="author-photo" src="" alt="Isaac Naor" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
      <article class="author-card">
        <img class="author-photo" src="" alt="Federico Ramallo" loading="lazy">
        <h3></h3>
        <p></p>
        <div class="author-links">
          <a href="" target="_blank" rel="noopener"></a>
        </div>
      </article>
    </div>
  </div>
</section>

<section id="order" class="order">
  <div class="container">
    <h2></h2>

    <div class="order-hero">
      <div class="order-hero-text">
        <h3></h3>
        <p></p>
      </div>
      <a class="btn btn-light" href="" target="_blank" rel="noopener"></a>
    </div>

    <p class="order-amazon">
      
      <a href="" target="_blank" rel="noopener"></a>
    </p>

    <p class="order-preview"> <a href="#origin"></a></p>
  </div>
</section>

<section id="also">
  <div class="container">
    <h2></h2>
    <div class="also-grid">
      <div>
        <h3></h3>
        <ul class="book-list">
          
          <li>
            <a href="" target="_blank" rel="noopener"></a><span></span>
            <div class="book-sub"></div>
          </li>
          
        </ul>
      </div>
      <div>
        <h3></h3>
        <ul class="book-list">
          
          <li>
            <a href="" target="_blank" rel="noopener"></a><span></span>
            <div class="book-sub"></div>
          </li>
          
        </ul>
      </div>
    </div>
  </div>
</section>