Updated

- Made Classroom Gamification project open source
- site logo
- favicon (new and path changed)

.vscode/settings.json

@@ -3,6 +3,7 @@
         "en"
     ],
     "spellright.documentTypes": [
-        "latex"
+        "latex",
+        "markdown"
     ]
 }

_config.yml

@@ -100,7 +100,7 @@ facebook:
   username               : &facebook "chandkulbhushan"
   app_id                 :
   publisher              :
-og_image                 : "/assets/images/pages/main/site-logo.jpg" # Open Graph/Twitter default site image
+og_image                 : "/assets/images/pages/main/site-logo.png" # Open Graph/Twitter default site image
 # For specifying social profiles
 # - https://developers.google.com/structured-data/customize/social-profiles
 social:
@@ -126,7 +126,7 @@ analytics:
 # Site Author
 author:
   name             : "Kulbhushan Chand"
-  avatar           : "/assets/images/kulbhushan-chand.jpg" # path of avatar image, e.g. "/assets/images/bio-photo.jpg"
+  avatar           : "/assets/images/pages/main/kulbhushan-chand.jpg" # path of avatar image, e.g. "/assets/images/bio-photo.jpg"
   bio              : "Just another tiny, momentary speck in an indifferent universe"
   location         : "India"
   uri              : &uri "https://kulbhushan-chand.com/about/"

_drafts/2018-08-03-post-template.md

@@ -1,15 +1,17 @@
 ---
-title: <i class="fab fa-readme"></i> Post template
-toc: true
+title: post template
+excerpt: this is exc
+toc: false
+classes: #wide
 toc_sticky: true
 toc_label: #"Unique Title"
 toc_icon:  # corresponding Font Awesome icon name (without fa prefix)
 categories:
-  - articles
 tags:
   - arduino
   - project
 author_profile: #false
+link: "http://www.nitj.ac.in"
 last_modified_at: 2018-09-05T10:00:04+05:30  #datetime in ISO8601 format
 header:
   overlay_image: /assets/images/pages/main/unsplash-image-1.jpg
@@ -21,9 +23,3 @@ header:
 ---
 
 
-## Heading 
-
-```javascript
-var kb = chand;
-```
-

_drafts/2018-12-04-gamifying-the-gamification-class.md

@@ -0,0 +1,31 @@
+---
+title: gamifying the gamification class
+excerpt: this is exc
+toc: false
+classes: #wide
+toc_sticky: true
+toc_label: #"Unique Title"
+toc_icon:  # corresponding Font Awesome icon name (without fa prefix)
+categories:
+tags:
+  - gamification
+author_profile: #false
+last_modified_at: 2018-09-05T10:00:04+05:30  #datetime in ISO8601 format
+#header:
+#  overlay_image: /assets/images/pages/main/unsplash-image-1.jpg
+#  overlay_filter: rgba(0, 128, 0, 0.5)
+#  caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
+#  actions:
+#    - label: "More Info"
+#      url: "https://unsplash.com"
+---
+
+**Gamification** is the application of game-design elements and game principles in non-game contexts. In laymen terms it is addition of fun and game elements in boring and repetitive tasks. 
+
+So think of a task (like - cleaning up your room) that you would least likely to do. Now do the following -
+ - Break it down to sub tasks,
+ - Add some achievable goals,
+ - Add points and rewards to complete that goals,
+ - Add a pich of fun and cheer-up elements
+
+congratulations 👏 you have just gamified your most boring task

_includes/head/custom.html

@@ -1,12 +1,14 @@
 <!-- start custom head snippets -->
 
 <!-- insert favicons. use https://realfavicongenerator.net/ -->
-<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="manifest" href="/site.webmanifest">
-<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#da532c">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
+<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
+<link rel="shortcut icon" href="/assets/favicon/favicon.ico">
+<meta name="msapplication-TileColor" content="#2b5797">
+<meta name="msapplication-config" content="/assets/favicon/browserconfig.xml">
 <meta name="theme-color" content="#ffffff">
 <!-- end custom head snippets -->
 

_includes/masthead.html

@@ -2,7 +2,7 @@
   <div class="masthead__inner-wrap">
     <div class="masthead__menu">
       <nav id="site-nav" class="greedy-nav">
-        <a class="site-title" href="{{ '/' | relative_url }}">{{ site.title }}</a>
+        <a class="site-title" href="{{ '/' | relative_url }}"><img src="/assets/images/pages/main/site-logo-masthead.png"></a>
         <ul class="visible-links">
           {%- for link in site.data.navigation.main -%}
             {%- if link.url contains '://' -%}

_layouts/project.html

@@ -44,7 +44,7 @@
         {% endif %}
 
         {% if page.project-link %}
-         {% include_cached project-links.html %}
+         {% include project-links.html %}
         {% endif %}
 
         {% if page.support == true %}

_pages/main/log.md

@@ -17,6 +17,9 @@ toc: false
 
 {% assign dateFormat = '%B %d, %Y' %}
 
+## {{ "2018-12-04" | date: dateFormat }}
+- Made Classroom Gamification project open source
+
 ## {{ "2018-12-03" | date: dateFormat }}
 - Fixed algolia search on personal website
 

_pages/main/projects.md

@@ -15,16 +15,24 @@ feature_row1:
     excerpt: "Presentation, schematics and the arduino code for conducting the arduino workshop for kids." 
     url: "/projects/arduino-workshop-for-kids"
     btn_class: ""
-    btn_label: 
+    btn_label:
 feature_row2:
+  - image_path: /assets/images/pages/projects/classroom-gamification/classroom-gamification-small.jpg
+    alt: "classroom gamification"
+    title: Classroom gamification
+    excerpt: "Tool to gamify your classroom with an online leaderboard." 
+    url: "/projects/classroom-gamification"
+    btn_class: ""
+    btn_label: 
+feature_row3:
   - image_path: /assets/images/pages/projects/personal-website/personal-website-small.jpg
     alt: "personal website"
     title: Personal website
     excerpt: "An ultra fast, light weight static website that I am actively developing and maintaning as my personal website."
     url: "/projects/personal-website"
     btn_class: ""
     btn_label: 
-feature_row3:
+feature_row4:
   - image_path: /assets/images/pages/projects/ramayan-hymns/shree-ram-and-sita-small.jpg
     alt: "ramayan hymns"
     title: Ramayan hymns
@@ -43,3 +51,5 @@ These are some of the projects I have made. These are free, open source and avai
 {% include feature_row id="feature_row2" type="left" %}
 
 {% include feature_row id="feature_row3" type="left" %}
+
+{% include feature_row id="feature_row4" type="left" %}

_pages/main/test.md

@@ -21,6 +21,11 @@ classes: wide
 ---
 
 
+<a href="/test/">
+  <img border="0" alt="site-logo" src="/assets/images/pages/main/site-logo.png" width="50" height="50" style="width: 50px; height: 50px;">
+</a>
+
+
 [Pay using UPI](upi://pay?pa=kulbhushan@upi&pn=KULBHUSHAN&cu=INR){: .btn}
 
 

_pages/projects/classroom-gamification.md

@@ -0,0 +1,51 @@
+---
+permalink: /projects/classroom-gamification
+title: Classroom Gamification
+excerpt: 'Tool to gamify your classroom with an online leaderboard.'
+comments: false
+layout: #splash
+classes: wide
+author_profile: false
+comments: false
+last_modified_at: 2018-12-04T10:30:00+05:30
+toc: false
+project-link:
+  github-repo: classroom-gamification
+#header:
+#  overlay_image: /assets/images/pages/projects/classroom-gamification/classroom-gamification-header.jpg
+#  overlay_filter: rgba(0, 0, 0, 0.5)
+---
+
+This project is the simple application of gamification in the classroom, with a sole purpose of making attending and learning in class enjoyable and fun. 
+
+## Features
+- Easy and simple implementation
+- No knowledge of any programming language required
+- Static, light weight and fast leaderboard
+- Deploy without any cost
+
+## Technologies used
+- GitHub
+- Google Sheets and Google Drive
+
+## Screenshots
+
+<figure class="half">
+    <a href="/assets/images/pages/projects/classroom-gamification/leaderboard-webpage.jpg">
+    <img alt="Google PageSpeed Insights desktop benchmark" src="/assets/images/pages/projects/classroom-gamification/leaderboard-webpage.jpg"></a>
+    <a href="/assets/images/pages/projects/classroom-gamification/leaderboard.jpg">
+    <img alt="Google PageSpeed Insights mobile benchmark" 
+    src="/assets/images/pages/projects/classroom-gamification/leaderboard.jpg"></a>
+    <figcaption>Gamification leaderboard on webpage (as seen by students) and close up view (there is difference because both the screenshots are far apart in time so values are not same)</figcaption>
+</figure>
+
+
+The points are awarded to students on the basis of - 
+ - Lectures attended
+ - Surprise questions answered
+ - Best ideas given
+ - Lottery
+ - Being unlucky
+
+The output is a live leaderboard of students with their overall points. Students (or anyone) can see the leaderboard and thus their and other's position by visiting a link, which was shared among them. 
+

_pages/projects/personal-website.md

@@ -79,7 +79,7 @@ An impressive score of 93 and 96 for mobile and desktop benchmarking respectivel
        
 
 - [GTmetrix](https://gtmetrix.com/)
-Gtmetrix is another widely used website performance becnhmarking tool. The website loads under half second with 99% PageSpeed score.
+Gtmetrix is another widely used website performance benchmarking tool. The website loads under half second with 99% PageSpeed score.
 
 [![Gtmetrix]({{ site.url }}{{ site.baseurl }}/assets/images/pages/projects/personal-website/gtmetrix.jpg){: .align-center}](/assets/images/pages/projects/personal-website/gtmetrix.jpg)
 <figcaption>Results from the GTmetrix.</figcaption>

browserconfig.xml → assets/favicon/browserconfig.xml

@@ -2,8 +2,8 @@
 <browserconfig>
     <msapplication>
         <tile>
-            <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#da532c</TileColor>
+            <square150x150logo src="/assets/favicon/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

site.webmanifest → assets/favicon/site.webmanifest

@@ -3,13 +3,13 @@
     "short_name": "KBC",
     "icons": [
         {
-            "src": "/android-chrome-192x192.png",
+            "src": "/assets/favicon/android-chrome-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/android-chrome-256x256.png",
-            "sizes": "256x256",
+            "src": "/assets/favicon/android-chrome-512x512.png",
+            "sizes": "512x512",
             "type": "image/png"
         }
     ],