kHarshit/kHarshit.github.io

Personal website and blog - Technical Fridays

★ 3Forks 10JavaScriptGitHub ↗Compare

Project website ↗

bloggithub-pagesjekyllpersonal-website

README

kHarshit.github.io

logo

https://kharshit.github.io

This is my personal website and blog - Technical Fridays.

It's hosted on GitHub pages and powered by Jekyll.
Comments are powered by giscus.
Built from scratch using HTML5, CSS3, and a little of JavaScript.

Run

gem install bundler jekyll
bundle exec jekyll serve

Custom Markdown Features

Blockquote (curly quotes)

> Color is a perception, not the physical property of an object.

Info callout

> Sentence-level vs. corpus-level BLEU requires smoothing.
{: .info-callout}

Inline color names

<span class="color-red">red</span>
<span class="color-green">green</span>
<span class="color-blue">blue</span>

Available: color-red, color-green, color-blue, color-yellow, color-cyan, color-magenta, color-violet, color-white, color-black, color-gray, color-orange, color-pink, color-brown.

Styled table

| Col1 | Col2 |
|------|------|
{: .mbtablestyle}

Image with caption

{% include img.html src="/path/to/image.jpg" caption="My caption" width="80%" %}

Numbered steps

<div class="mbsteps" markdown="1">
<div class="mbstep" markdown="1">
**Step one**
Description here.
</div>
<div class="mbstep" markdown="1">
**Step two**
More content.
</div>
</div>

Card grid (2, 3, or 4 columns)

<div class="mbgrid mbgrid-3" markdown="1">
<div class="mbcard" markdown="1">
**Title**
Content here.
</div>
<div class="mbcard" markdown="1">
**Another card**
More content.
</div>
</div>

Cards support custom CSS variables for styling:

<div class="mbcard" style="--mbcard-border:1.5px solid #93c5fd;--mbcard-title-color:#3b82f6">

Interactive widgets

{% include interactive/rgb_mixer.html %}

LICENSE

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License .
Creative Commons License

Contributors

kHarshitdependabot[bot]

Issues