Untitled

 avatar
user_4319474
plain_text
3 years ago
1.1 kB
4
Indexable
import React from 'react'
import './github.css'
import GitHubCalendar from "react-github-calendar";
function Github() {
    const colourTheme = {
        background: "transparent",
        text: "#ffffff",
        level4: "#125425",
        level3: "#228f41",
        level2: "#31a851",
        level1: "#66cc78",
        level0: "#d6d6d6"
      };
  return (
    <section className='github'>
        <h5>GitHub</h5>
        <h2>My GitHub stats</h2>
        <div className=" container github_stats">
            <img src="https://github-readme-stats.vercel.app/api?username=Dhanush-Saji&show_icons=true&count_private=true&hide_border=true" />
            <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Dhanush-Saji&hide_border=true&layout=compact" />
        </div>
        <div className="container github_calendar">
        <h2>My GitHub calendar</h2>
        <GitHubCalendar username="Dhanush-Saji" blockSize={15} hideTotalCount={true} blockMargin={8} theme={colourTheme} fontSize={16} />
        </div>
    </section>
  )
}

export default Github
Editor is loading...