Untitled
user_4319474
plain_text
3 years ago
1.1 kB
8
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 GithubEditor is loading...