yigitcolakoglu
/
yigitcolakoglu.com
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
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.
43 Commits
1 Branch
9.9 MiB
Tree: 1b41a2b3fa
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '1b41a2b3fa'
${ noResults }
yigitcolakoglu.com/assets/plugins/github-calendar/example/index.html

52 lines
2.4 KiB
Raw Normal View History

Initial
4 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>GitHub Calendar</title>
  6.         <link rel="stylesheet" href="css/style.css">
  7.     </head>
  8.     <body>
  9.         <div class="bag fixed">
  10.             <h1>Embed your GitHub contributions calendar anywhere!</h1>
  11.             <div class="calendar-1">
  12.                 <img src="https://github.githubassets.com/images/spinners/octocat-spinner-128.gif" class="spinner"/>
  13.                 <p class="spinner-text monospace">Crunching <a href="https://github.com/IonicaBizau">@IonicaBizau</a>'s contributions just for you.</p>
  14.             </div>
  15.             <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.0.2/es6-promise.min.js"></script>
  16.             <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/0.10.1/fetch.min.js"></script>
  17.             <script src="../dist/github-calendar.min.js"></script>
  18.             <script src="js/main.js"></script>
  19.             <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>
  20.             <p class="monospace">Embed guide &lt;3</p>
  21.             <pre>
  22. &lt;!-- Include the library. --&gt;
  23. &lt;script
  24.   src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
  25. &gt;&lt;/script&gt;
  26. 

  27. &lt;!-- Optionally, include the theme (if you don't want to struggle to write the CSS) --&gt;
  28. &lt;link
  29.    rel="stylesheet"
  30.    href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css"
  31. /&gt;
  32. 

  33. &lt;!-- Prepare a container for your calendar. --&gt;
  34. &lt;div class="calendar"&gt;
  35.     &lt;!-- Loading stuff --&gt;
  36.     Loading the data just for you.
  37. &lt;/div&gt;
  38. 

  39. &lt;script&gt;
  40.     GitHubCalendar(".calendar", "your-username");
  41.     // or enable responsive functionality
  42.     GitHubCalendar(".calendar", "your-username", { responsive: true });
  43. &lt;/script&gt;
  44.             </pre>
  45.             <div class="monospace with-heart">
  46.                 <span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> &amp; JS by <a href="https://ionicabizau.net">IonicaBizau</a> @ <a href="https://bloggify.org">Bloggify</a>
  47.             </div>
  48.         </div>
  49.         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js"></script>
  50.         <script>hljs.highlightBlock(document.querySelector("pre"))</script>
  51.     </body>
  52. </html>