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--space-between">
<div class="grid grid--cols-2">
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--xxxlarge" data-value-fit="true">10004</span>
<span class="label">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 class="content">
<span class="value value--tnums">19</span>
<span class="label">Longest streak</span>
</div>
</div>
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums">3</span>
<span class="label">Current streak</span>
</div>
</div>
</div>
<div class="divider" />
<div class="grid grid--cols-2">
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums">27</span>
<span class="label">Most in a day</span>
</div>
</div>
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums">2.45</span>
<span class="label">Average per day</span>
</div>
</div>
</div>
</div>
</div>
<div class="divider" />
<div id="github_commit_graph">
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-35" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg--gray-15" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-60" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-10" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-35" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg-black" />
<span class="day bg--gray-35" />
<span class="day bg--gray-25" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
</div>
</div>
<div class="title_bar">
<img class="image" alt="" src="https://usetrmnl.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">
<div class="col col--span-2 gap">
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--small" data-value-fit="true">10004</span>
<span class="label">Contributions</span>
</div>
</div>
<div class="divider" />
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--xsmall">19</span>
<span class="label">Longest streak</span>
</div>
</div>
<div class="divider" />
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--xsmall">3</span>
<span class="label">Current streak</span>
</div>
</div>
</div>
<div class="col--span-7">
<div id="github_commit_graph">
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-35" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg--gray-15" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-60" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-10" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-35" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg-black" />
<span class="day bg--gray-35" />
<span class="day bg--gray-25" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
</div>
</div>
</div>
</div>
<div class="title_bar">
<img class="image" alt="" src="https://usetrmnl.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--space-between">
<div class="grid grid--cols-2">
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--large" data-value-fit="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 class="content">
<span class="value value--tnums value--small">19</span>
<span class="label">Longest streak</span>
</div>
</div>
<div class="divider" />
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--small">3</span>
<span class="label">Current streak</span>
</div>
</div>
</div>
</div>
<div class="divider" />
<div id="github_commit_graph">
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-35" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg--gray-15" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-60" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-10" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-35" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg-black" />
<span class="day bg--gray-35" />
<span class="day bg--gray-25" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
</div>
</div>
<div class="title_bar">
<img class="image" alt="" src="https://usetrmnl.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--space-between">
<div class="grid grid--cols-2">
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--small" data-value-fit="true">10004</span>
<span class="label">Contributions</span>
</div>
</div>
<div class="item">
<div class="meta" />
<div class="content">
<span class="value value--tnums value--small">3</span>
<span class="label">Current streak</span>
</div>
</div>
</div>
<div class="divider" />
<div id="github_commit_graph">
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-35" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg--gray-15" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-60" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-25" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-10" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg-black" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-35" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-40" />
<span class="day bg-black" />
<span class="day bg--gray-35" />
<span class="day bg--gray-25" />
<span class="day bg--gray-60" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-40" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-30" />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day bg--gray-25" />
<span class="day bg--gray-55" />
<span class="day bg--gray-60" />
<span class="day bg--gray-60" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-50" />
<span class="day bg--gray-25" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day bg--gray-40" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-35" />
<span class="day bg--gray-55" />
<span class="day bg--gray-40" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-40" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day bg--gray-50" />
<span class="day bg--gray-35" />
<span class="day bg--gray-15" />
<span class="day bg--gray-50" />
<span class="day bg--gray-30" />
<span class="day " />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day " />
<span class="day bg--gray-20" />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-60" />
<span class="day " />
<span class="day bg--gray-30" />
<span class="day bg--gray-50" />
<span class="day bg--gray-55" />
<span class="day bg--gray-15" />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-45" />
<span class="day " />
<span class="day bg--gray-50" />
<span class="day " />
<span class="day bg--gray-45" />
<span class="day bg--gray-55" />
<span class="day bg--gray-55" />
<span class="day " />
<span class="day " />
</div>
</div>
<div class="title_bar">
<img class="image" alt="" src="https://usetrmnl.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 {
width:755px;
height:182px;
overflow:hidden;
column-count:auto;
column-fill:auto;
column-width:14px;
column-gap:0px;
}
.trmnl #github_commit_graph .day {
width:11px;
height:23px;
float:left;
border-radius:4px;
margin:0px 0px 3px 0px;
break-inside:avoid-column;
}
.trmnl .screen--4bit #github_commit_graph {
display:grid;
grid-template-columns:repeat(52, 1fr);
grid-template-rows:repeat(7, 1fr);
grid-auto-flow:column;
width:100%;
height:auto;
padding:0;
flex:1 1 0;
padding:20px 0px;
column-count:initial;
column-fill:initial;
column-width:initial;
column-gap:initial;
}
.trmnl .screen--4bit #github_commit_graph .day {
width:100%;
height:100%;
margin:0;
float:none;
break-inside:initial;
}
.trmnl .view--quadrant #github_commit_graph {
width:318px;
height:70px;
column-width:6px;
margin-top:0;
padding-left:0;
margin-left:0px;
}
.trmnl .view--quadrant #github_commit_graph .day {
width:5px;
height:9px;
border-radius:2px;
margin:0 0 1px 0;
}
.trmnl .screen--4bit .view--quadrant #github_commit_graph {
width:calc(var(--quadrant-w) - var(--gap)*2);
max-height:calc(var(--quadrant-h) - var(--title-bar-small-height) - var(--gap)*2);
margin:0;
padding:0;
gap:1px;
}
.trmnl .view--half_vertical #github_commit_graph {
width:318px;
height:252px;
column-width:6px;
margin-top:0;
padding-left:0;
margin-left:0px;
}
.trmnl .view--half_vertical #github_commit_graph .day {
width:5px;
height:34px;
margin:0 0 2px 0px;
}
.trmnl .screen--4bit .view--half_vertical #github_commit_graph {
width:calc(var(--half_vertical-w) - var(--gap)*2);
min-height:60%;
height:auto;
margin:0;
padding:0;
gap:3px;
}
.trmnl .screen--4bit .view--half_vertical #github_commit_graph .day {
margin:0 0 0px 0px;
width:100%;
height:100%;
}
.trmnl .view--half_horizontal #github_commit_graph {
width:589px;
height:175px;
column-width:11px;
}
.trmnl .view--half_horizontal #github_commit_graph .day {
width:9px;
height:22px;
}
.trmnl .screen--4bit .view--half_horizontal #github_commit_graph {
width:calc(var(--half_horizontal-w) - var(--gap)*2);
max-height:calc(var(--half_horizontal-h) - var(--title-bar-small-height) - var(--gap)*2);
margin:0;
padding:0;
gap:2px;
}
.trmnl .screen--4bit .view--full #github_commit_graph {
width:calc(var(--full-w) - var(--gap)*2);
min-height:46%;
margin:0;
gap:3px;
height:auto;
}