You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.4 KiB
52 lines
2.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>GitHub Calendar</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="bag fixed">
|
|
<h1>Embed your GitHub contributions calendar anywhere!</h1>
|
|
<div class="calendar-1">
|
|
<img src="https://github.githubassets.com/images/spinners/octocat-spinner-128.gif" class="spinner"/>
|
|
<p class="spinner-text monospace">Crunching <a href="https://github.com/IonicaBizau">@IonicaBizau</a>'s contributions just for you.</p>
|
|
</div>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.0.2/es6-promise.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/0.10.1/fetch.min.js"></script>
|
|
<script src="../dist/github-calendar.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
<p class="monospace">If you want to know more about this project, <a href="https://github.com/Bloggify/github-calendar" target="blank">check out the GitHub repository</a>.</p>
|
|
<p class="monospace">Embed guide <3</p>
|
|
<pre>
|
|
<!-- Include the library. -->
|
|
<script
|
|
src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
|
|
></script>
|
|
|
|
<!-- Optionally, include the theme (if you don't want to struggle to write the CSS) -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css"
|
|
/>
|
|
|
|
<!-- Prepare a container for your calendar. -->
|
|
<div class="calendar">
|
|
<!-- Loading stuff -->
|
|
Loading the data just for you.
|
|
</div>
|
|
|
|
<script>
|
|
GitHubCalendar(".calendar", "your-username");
|
|
// or enable responsive functionality
|
|
GitHubCalendar(".calendar", "your-username", { responsive: true });
|
|
</script>
|
|
</pre>
|
|
<div class="monospace with-heart">
|
|
<span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> & JS by <a href="https://ionicabizau.net">IonicaBizau</a> @ <a href="https://bloggify.org">Bloggify</a>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js"></script>
|
|
<script>hljs.highlightBlock(document.querySelector("pre"))</script>
|
|
</body>
|
|
</html>
|