Fixed github graph

assets/js/main.js

@@ -1,13 +1,13 @@
 $(window).on('load', function() {
 
     $('.level-bar-inner').each(function() {
-    
+
         var itemWidth = $(this).data('level');
-        
+
         $(this).animate({
             width: itemWidth
         }, 800);
-        
+
     });
 
 });
@@ -17,55 +17,55 @@ jQuery(document).ready(function($) {
 
 
     /*======= Skillset *=======*/
-    
+
     $('.level-bar-inner').css('width', '0');
-    
-    
-    
+
+
+
     /* Bootstrap Tooltip for Skillset */
     $('.level-label').tooltip();
-    
-    
+
+
     /* jQuery RSS - https://github.com/sdepold/jquery-rss */
-    
+
     $("#rss-feeds").rss(
-    
+
         //Change this to your own rss feeds
         "https://medium.com/feed/@yigitcolakoglu",
-        
+
         {
         // how many entries do you want?
         // default: 4
         // valid values: any integer
         limit: 3,
-        
+
         // the effect, which is used to let the entries appear
         // default: 'show'
         // valid values: 'show', 'slide', 'slideFast', 'slideSynced', 'slideFastSynced'
         effect: 'slideFastSynced',
-        
+
         // will request the API via https
 	    // default: false
 	    // valid values: false, true
 	    ssl: true,
-        
+
         // outer template for the html transformation
         // default: "<ul>{entries}</ul>"
         // valid values: any string
         layoutTemplate: "<div class='items'>{entries}</div>",
-        
+
         // inner template for each entry
         // default: '<li><a href="{url}">[{author}@{date}] {title}</a><br/>{shortBodyPlain}</li>'
         // valid values: any string
         entryTemplate: '<div class="item"><h3 class="title"><a href="{url}" target="_blank">{title}</a></h3><div><p>{shortBodyPlain}</p><a class="more-link" href="{url}" target="_blank"><i class="fas fa-external-link-alt"></i>Read more</a></div></div>'
-        
+
         }
     );
-    
+
     /* Github Calendar - https://github.com/IonicaBizau/github-calendar */
     new GitHubCalendar("#github-graph", "yigitcolakoglu");
-    
-    
+
+
     /* Github Activity Feed - https://github.com/caseyscarborough/github-activity */
     GitHubActivity.feed({ username: "yigitcolakoglu", selector: "#ghfeed" });
 

assets/plugins/github-calendar/README.md

@@ -117,7 +117,7 @@ yarn add github-calendar
 ```
 
 
-[Here](http://codepen.io/anon/pen/aZmjvZ?editors=1000) you can see this example in action.
+[Here](https://bloggify.github.io/github-calendar/example/) you can see this example in action.
 
 
 

assets/plugins/github-calendar/dist/github-calendar-responsive.css

@@ -1,3 +1,11 @@
+:root {
+  --color-calendar-graph-day-bg: #dddbdb;
+  --color-calendar-graph-day-L1-bg: #39dd34;
+  --color-calendar-graph-day-L2-bg: #45a045;
+  --color-calendar-graph-day-L3-bg: #047526;
+  --color-calendar-graph-day-L4-bg: #0a4208;
+}
+
 .calendar {
     font-family: Helvetica, arial;
     border: 1px solid #DDDDDD;

assets/plugins/github-calendar/dist/github-calendar.css

@@ -1,3 +1,11 @@
+:root {
+  --color-calendar-graph-day-bg: #dddbdb;
+  --color-calendar-graph-day-L1-bg: #39dd34;
+  --color-calendar-graph-day-L2-bg: #45a045;
+  --color-calendar-graph-day-L3-bg: #047526;
+  --color-calendar-graph-day-L4-bg: #0a4208;
+}
+
 .calendar {
     width: 750px;
     font-family: Helvetica, arial;
@@ -157,3 +165,5 @@ h2.f4.text-normal.mb-3 {
     border: 5px solid transparent;
     border-top-color: rgba(0,0,0,.85)
 }
+
+

assets/plugins/github-calendar/example/css/style.css

@@ -37,3 +37,11 @@ pre {
 p {
     color: #444444;
 }
+
+img.spinner {
+    text-align: center;
+    margin: 0 auto;
+    display: block;
+    height: 49px;
+    padding: 40px 0;
+}

assets/plugins/github-calendar/example/index.html

@@ -12,10 +12,6 @@
                 <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>
-            <div class="calendar-2">
-                <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>

assets/plugins/github-calendar/example/js/main.js

@@ -2,7 +2,3 @@ GitHubCalendar(".calendar-1", "IonicaBizau", {
     responsive: true,
     tooltips: true
 });
-GitHubCalendar(".calendar-2", "bachdx2812", {
-    responsive: true,
-    tooltips: true
-});

assets/plugins/github-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "github-calendar",
-  "version": "2.2.3",
+  "version": "2.2.6",
   "description": "Embed your GitHub contributions calendar anywhere.",
   "main": "lib/index.js",
   "directories": {
@@ -34,10 +34,10 @@
   },
   "homepage": "https://github.com/Bloggify/github-calendar#readme",
   "dependencies": {
-    "add-subtract-date": "^1.0.5",
-    "elly": "^1.0.0",
-    "formatoid": "^1.0.3",
-    "github-calendar-parser": "^1.1.3"
+    "add-subtract-date": "^1.0.15",
+    "elly": "^1.1.11",
+    "formatoid": "^1.2.4",
+    "github-calendar-parser": "^1.1.12"
   },
   "blah": {
     "example": [
@@ -79,7 +79,7 @@
         }
       },
       {
-        "p": "[Here](http://codepen.io/anon/pen/aZmjvZ?editors=1000) you can see this example in action."
+        "p": "[Here](https://bloggify.github.io/github-calendar/example/) you can see this example in action."
       }
     ],
     "description": [