jekyll theme customization issues

Job ID: 31479239

Budget: $10 – $30 USD

I have a lot of web-related issues and more work needed on tidying up my codes. One example among many other is media query. And my table of contents lacks scroll tracking feature. I tried but because of html page is generated through parsing engine for Kramdown/markdown, I have trouble targeting the element for the jquery functions.

I want to match the html elements for markdown headings to the code 1, so that I have a scroll tracker in my live web page. The scroll tracker I found most akin to this effect would be some thing like this (code 2). You can find the code live in this code pen. https://codepen.io/leetony/pen/PojwWgY

code 1: https://gist.github.com/aiegoo/ee8dfbbb86320418c78156e49b7ac160

code 2: https://gist.github.com/aiegoo/1566bffb6af387720689f95c6dc16cd8

code 3: https://gist.github.com/aiegoo/bc8ae43c85360247880b6d7040897e5a

I am currently using a green theme, and I am hoping to add a dark theme so that I can switch back and forth.

My budget: usd20
Related categories: JavaScript CSS HTML5 Ruby Git