layout: default


<header>

<div class="logo logo-closer-to-top-on-mobile">
  {% include logo.svg width=200 height=200 %}
  <div class="under under-large">
    {% if site.title %}
    <h1><em>{{ site.title | escape }}</em></h1>
    {% endif %}
    <div class="social">
      {% if site.linkedin_username %}
      <a
        aria-label="LinkedIn"
        href="https://linkedin.com/in/{{ site.linkedin_username }}"
        target="_blank"
      >
        {% include linkedin.svg width=20 height=20 %}
      </a>
      {% endif %} {% if site.github_username %}
      <a
        aria-label="GitHub"
        href="https://github.com/{{ site.github_username }}"
        target="_blank"
      >
        {% include github.svg width=20 height=20 %}
      </a>
      {% endif %} {% if site.email %}
      <a
        aria-label="Email (opens mail client)"
        href="mailto:{{ site.email }}"
      >
        {% include mail.svg width=20 height=20 %}
      </a>
      {% endif %}
    </div>

    <!-- Begin Mailchimp Signup Form -->
    <link
      href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css"
      rel="stylesheet"
      type="text/css"
    />
    <style type="text/css">
      #mc_embed_signup {
        background: #fff;
        clear: left;
        font: 14px "Libre Baskerville", serif;
        width: 200px;
        margin-top: 20px;
      }

      #mc-embedded-subscribe {
        background: #ec0e20 !important;
      }
      /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
         We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>
    <div id="mc_embed_signup">
      <form
        action="https://jeffzh4ng.us19.list-manage.com/subscribe/post?u=87a56237cfc092df4fe3e4c0d&amp;id=ab04c08670"
        method="post"
        id="mc-embedded-subscribe-form"
        name="mc-embedded-subscribe-form"
        class="validate"
        target="_blank"
        novalidate
      >
        <div id="mc_embed_signup_scroll">
          <div class="mc-field-group">
            <label for="mce-EMAIL">Email </label>
            <input
              type="email"
              value=""
              name="EMAIL"
              id="mce-EMAIL"
              placeholder="jeff@gmail.com"
            />
          </div>
          <div id="mce-responses" class="clear">
            <div
              class="response"
              id="mce-error-response"
              style="display: none;"
            ></div>
            <div
              class="response"
              id="mce-success-response"
              style="display: none;"
            ></div>
          </div>
          <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
          <div style="position: absolute; left: -5000px;" aria-hidden="true">
            <input
              type="text"
              name="b_87a56237cfc092df4fe3e4c0d_ab04c08670"
              tabindex="-1"
              value=""
            />
          </div>
          <div class="clear">
            <input
              type="submit"
              value="Subscribe"
              name="subscribe"
              id="mc-embedded-subscribe"
              class="button"
            />
          </div>
        </div>
      </form>
    </div>
    <script
      type="text/javascript"
      src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"
    ></script>
    <script type="text/javascript">
      (function ($) {
        window.fnames = new Array();
        window.ftypes = new Array();
        fnames[0] = "EMAIL";
        ftypes[0] = "email";
        fnames[1] = "FNAME";
        ftypes[1] = "text";
        fnames[2] = "LNAME";
        ftypes[2] = "text";
        fnames[3] = "ADDRESS";
        ftypes[3] = "address";
        fnames[4] = "PHONE";
        ftypes[4] = "phone";
        fnames[5] = "BIRTHDAY";
        ftypes[5] = "birthday";
      })(jQuery);
      var $mcj = jQuery.noConflict(true);
    </script>
    <!--End mc_embed_signup-->
  </div>
</div>

</header>

<main>

{% for post in site.posts %}
<a class="post" href="{{ post.url | relative_url }}">
  <span class="accent fixed-date">{{ post.date | date: "%b %-d, %Y" }}</span>
  <div class="post-details">
    <h2>{{ post.title | escape }}</h2>
    <p class="excerpt">
      {{ post.excerpt | strip_html | normalize_whitespace | truncate: 160 |
      escape }}
    </p>
  </div>
</a>
{% endfor %}

</main>