GitHub Commit Graph

GitHub Commit Graph

Layout Variations

See how this plugin adapts across different mashup views. Each view shows a single instance to demonstrate how the layout responds to available space.

Full View

10004 Contributions in last year
19 Longest streak
3 Current streak
27 Most in a day
2.45 Average per day
GitHub @ryanckulp 
<div class="layout layout--col gap">
  <div class="grid grid--cols-2">
    <div class="item">
      <div class="meta"></div>
      <div class="content">
        <span class="value value--xxxlarge" data-value-fit="true" data-value-format="true">10004</span>
        <span class="label mt--2">Contributions in last year</span>
      </div>
    </div>
    <div class="flex flex--col gap--medium">
      <div class="grid grid--cols-2">
        <div class="item">
          <div class="meta"></div>
          <div class="content">
            <span class="value lg:value--xlarge">19</span>
            <span class="label">Longest streak</span>
          </div>
        </div>
        <div class="item">
          <div class="meta"></div>
          <div class="content">
            <span class="value lg:value--xlarge">3</span>
            <span class="label">Current streak</span>
          </div>
        </div>
      </div>
      <div class="divider"></div>
      <div class="grid grid--cols-2">
        <div class="item">
          <div class="meta"></div>
          <div class="content">
            <span class="value lg:value--xlarge">27</span>
            <span class="label">Most in a day</span>
          </div>
        </div>
        <div class="item">
          <div class="meta"></div>
          <div class="content">
            <span class="value lg:value--xlarge">2.45</span>
            <span class="label">Average per day</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="divider"></div>
  <div id="github_commit_graph" style="--columns: 53">
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-10 bg--gray-10"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://trmnl.com/images/plugins/github--render.svg">
  <span class="title">GitHub</span>
  <span class="instance">@ryanckulp</span>
</div>

Half Horizontal

10004 Contributions
19 Longest streak
3 Current streak
GitHub @ryanckulp 
<div class="layout">
  <div class="grid h--full">
    <div class="col col--span-2 gap--space-between">
      <div class="item">
        <div class="meta"></div>
        <div class="content">
          <span class="value value--small lg:value--large" data-value-fit="true" data-value-format="true">10004</span>
          <span class="label">Contributions</span>
        </div>
      </div>
      <div class="divider"></div>
      <div class="item">
        <div class="meta"></div>
        <div class="content">
          <span class="value value--xsmall lg:value--base">19</span>
          <span class="label">Longest streak</span>
        </div>
      </div>
      <div class="divider"></div>
      <div class="item">
        <div class="meta"></div>
        <div class="content">
          <span class="value value--xsmall lg:value--base">3</span>
          <span class="label">Current streak</span>
        </div>
      </div>
    </div>
    <div class="col--span-7">
      <div id="github_commit_graph" style="--columns: 53">
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day bg-black"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-10 bg--gray-10"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day bg-black"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day bg-black"></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
        <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
        <span class="day "></span>
        <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
        <span class="day "></span>
        <span class="day "></span>
      </div>
    </div>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://trmnl.com/images/plugins/github--render.svg">
  <span class="title">GitHub</span>
  <span class="instance">@ryanckulp</span>
</div>

Half Vertical

10004 Contributions in last year
19 Longest streak
3 Current streak
GitHub @ryanckulp 
<div class="layout layout--col gap">
  <div class="grid grid--cols-2">
    <div class="item">
      <div class="meta"></div>
      <div class="content">
        <span class="value value--large lg:value--xlarge" data-value-fit="true" data-value-format="true">10004</span>
        <span class="label">Contributions in last year</span>
      </div>
    </div>
    <div class="flex flex--col gap">
      <div class="item">
        <div class="meta"></div>
        <div class="content">
          <span class="value value--small lg:value--base">19</span>
          <span class="label">Longest streak</span>
        </div>
      </div>
      <div class="divider"></div>
      <div class="item">
        <div class="meta"></div>
        <div class="content">
          <span class="value value--small lg:value--base">3</span>
          <span class="label">Current streak</span>
        </div>
      </div>
    </div>
  </div>
  <div class="divider"></div>
  <div id="github_commit_graph" style="--columns: 53">
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-10 bg--gray-10"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://trmnl.com/images/plugins/github--render.svg">
  <span class="title">GitHub</span>
  <span class="instance">@ryanckulp</span>
</div>

Quadrant

10004 Contributions
3 Current streak
GitHub @ryanckulp 
<div class="layout layout--col gap">
  <div class="grid grid--cols-2">
    <div class="item">
      <div class="meta"></div>
      <div class="content">
        <span class="value value--small lg:value--large" data-value-fit="true" data-value-format="true">10004</span>
        <span class="label">Contributions</span>
      </div>
    </div>
    <div class="item">
      <div class="meta"></div>
      <div class="content">
        <span class="value value--small lg:value--large">3</span>
        <span class="label">Current streak</span>
      </div>
    </div>
  </div>
  <div class="divider"></div>
  <div id="github_commit_graph" style="--columns: 53">
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-10 bg--gray-10"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day bg-black"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-25 bg--gray-30"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-40 bg--gray-50"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-35 bg--gray-40"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-20 bg--gray-20"></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-60 bg--gray-75"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-30 bg--gray-35"></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-15 bg--gray-15"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-50 bg--gray-65"></span>
    <span class="day "></span>
    <span class="day 1bit:bg--gray-45 bg--gray-60"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day 1bit:bg--gray-55 bg--gray-70"></span>
    <span class="day "></span>
    <span class="day "></span>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://trmnl.com/images/plugins/github--render.svg">
  <span class="title">GitHub</span>
  <span class="instance">@ryanckulp</span>
</div>

Shared

This plugin uses a shared file that contains shared CSS styles and/or JavaScript logic used across all layout variations. 

.trmnl #github_commit_graph {
  --rows: 7;
  --columns: 52;
  --gap: 3px;
  width:100%;
  height:100%;
  padding:0px;
  flex:1 1 0;
  justify-content:center;
  display:grid;
  grid-template-columns:repeat(var(--columns), round(down, (100% - var(--gap) * (var(--columns) - 1)) / var(--columns), 1px));
  grid-template-rows:repeat(var(--rows), round(down, (100% - var(--gap) * (var(--rows) - 1)) / var(--rows), 1px));
  grid-auto-flow:column;
  gap:var(--gap);
}

.trmnl #github_commit_graph .day {
  display:block;
  border-radius:4px;
  width:100%;
  height:100%;
}

.trmnl .view--quadrant #github_commit_graph {
  --gap: 1px;
}

.trmnl .view--half_vertical #github_commit_graph {
  --gap: 1px;
}

.trmnl .view--half_horizontal #github_commit_graph {
  --gap: 2px;
}

.trmnl .view--full #github_commit_graph {
  --gap: 3px;
}
Shopify

Shopify

E-commerce analytics and store metrics displayed in various layouts

Next
Examples Index