GitHub Avatar

Support both GitHub username and GitHub user ID.

Instructions

avatars.githubusercontent.com

experiments.sparanoid.net/gh-avatar

Server Configurations

proxy_cache_valid: 200 302 1h;

Usage

How to generate a GitHub graffiti matrix for user sparanoid:

Live Editor

function Loop() {
  const avatars = [];
  for (let i = 1; i <= 32; i++) {
    avatars.push(
      <img src={`https://experiments.sparanoid.net/gh-avatar/sparanoid-matrix-${i}`} />
    )
  }

  return <div style={{
    display: `grid`,
    grid: `auto / repeat(8, 32px)`,
    gap: `3px`,
  }}>
    {avatars}
  </div>;
}

function Loop() {
  const avatars = [];
  for (let i = 1; i <= 32; i++) {
    avatars.push(
      <img src={`https://experiments.sparanoid.net/gh-avatar/sparanoid-matrix-${i}`} />
    )
  }

  return <div style={{
    display: `grid`,
    grid: `auto / repeat(8, 32px)`,
    gap: `3px`,
  }}>
    {avatars}
  </div>;
}

Result