[{"data":1,"prerenderedAt":1750},["ShallowReactive",2],{"blog-sticky-social-bar":3,"blog-all-for-related":1256},{"id":4,"title":5,"author":6,"body":7,"cardAlt":5,"categories":1241,"description":1244,"draft":1245,"extension":1246,"headerImage":1247,"keywords":1248,"meta":1249,"name":1250,"navigation":241,"path":1251,"seo":1252,"series":6,"stem":1253,"updated":6,"year":1254,"__hash__":1255},"blog\u002Fblog\u002Fsticky-social-bar.md","Sticky social share component in HTML",null,{"type":8,"value":9,"toc":1239},"minimark",[10,14,25,1235],[11,12,13],"p",{},"Social media sites like Twitter, Linkedin, FB, etc are a great source to share your content. You have a new product\u002Fblog and you would want to add ability to share it across social media on your websites.",[11,15,16,17,24],{},"In this tutorial, I'll cover how to add a sticky vertical social media share on your website. If you want to add dark mode to your website - check this ",[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fwww.mohitkhare.com\u002Fblog\u002Fdark-mode\u002F",[22],"nofollow","article",".",[26,27,28,31,144,154,299,302,747,750,1035,1038,1045,1154,1172,1179,1182,1211,1215,1218,1221,1230],"ads",{},[11,29,30],{},"Let's design a simple div which contains a link to twitter and a icon (logo for social media we are referring).",[32,33,38],"pre",{"className":34,"code":35,"language":36,"meta":37,"style":37},"language-html shiki shiki-themes github-light github-dark","\u003Cdiv class=\"icons twitter\">\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmkfeuhrer\" aria-label=\"Twitter - Mohit Khare\">\n    \u003Ci class=\"fab fa-twitter\">\u003C\u002Fi>\n    \u003C!-- \u003Cfa :icon=\"['fab', 'twitter']\" \u002F> Vue.js\u002FNuxt.js-->\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n","html","",[39,40,41,68,94,117,124,134],"code",{"__ignoreMap":37},[42,43,46,50,54,58,61,65],"span",{"class":44,"line":45},"line",1,[42,47,49],{"class":48},"sVt8B","\u003C",[42,51,53],{"class":52},"s9eBZ","div",[42,55,57],{"class":56},"sScJk"," class",[42,59,60],{"class":48},"=",[42,62,64],{"class":63},"sZZnC","\"icons twitter\"",[42,66,67],{"class":48},">\n",[42,69,71,74,76,79,81,84,87,89,92],{"class":44,"line":70},2,[42,72,73],{"class":48},"  \u003C",[42,75,18],{"class":52},[42,77,78],{"class":56}," href",[42,80,60],{"class":48},[42,82,83],{"class":63},"\"https:\u002F\u002Ftwitter.com\u002Fmkfeuhrer\"",[42,85,86],{"class":56}," aria-label",[42,88,60],{"class":48},[42,90,91],{"class":63},"\"Twitter - Mohit Khare\"",[42,93,67],{"class":48},[42,95,97,100,103,105,107,110,113,115],{"class":44,"line":96},3,[42,98,99],{"class":48},"    \u003C",[42,101,102],{"class":52},"i",[42,104,57],{"class":56},[42,106,60],{"class":48},[42,108,109],{"class":63},"\"fab fa-twitter\"",[42,111,112],{"class":48},">\u003C\u002F",[42,114,102],{"class":52},[42,116,67],{"class":48},[42,118,120],{"class":44,"line":119},4,[42,121,123],{"class":122},"sJ8bj","    \u003C!-- \u003Cfa :icon=\"['fab', 'twitter']\" \u002F> Vue.js\u002FNuxt.js-->\n",[42,125,127,130,132],{"class":44,"line":126},5,[42,128,129],{"class":48},"  \u003C\u002F",[42,131,18],{"class":52},[42,133,67],{"class":48},[42,135,137,140,142],{"class":44,"line":136},6,[42,138,139],{"class":48},"\u003C\u002F",[42,141,53],{"class":52},[42,143,67],{"class":48},[11,145,146,147,150,151],{},"Here we added two user defined CSS classes ",[39,148,149],{},"icons"," and ",[39,152,153],{},"twitter",[32,155,159],{"className":156,"code":157,"language":158,"meta":37,"style":37},"language-css shiki shiki-themes github-light github-dark",".icons {\n  margin: 0.25rem;\n  font-size: 1.5rem;\n  padding: 0.5rem;\n  border-radius: 10%;\n}\n\n.twitter {\n  background-color: #00aced;\n}\n\ni {\n  color: white;\n}\n","css",[39,160,161,169,188,202,216,231,236,243,251,264,269,274,281,294],{"__ignoreMap":37},[42,162,163,166],{"class":44,"line":45},[42,164,165],{"class":56},".icons",[42,167,168],{"class":48}," {\n",[42,170,171,175,178,181,185],{"class":44,"line":70},[42,172,174],{"class":173},"sj4cs","  margin",[42,176,177],{"class":48},": ",[42,179,180],{"class":173},"0.25",[42,182,184],{"class":183},"szBVR","rem",[42,186,187],{"class":48},";\n",[42,189,190,193,195,198,200],{"class":44,"line":96},[42,191,192],{"class":173},"  font-size",[42,194,177],{"class":48},[42,196,197],{"class":173},"1.5",[42,199,184],{"class":183},[42,201,187],{"class":48},[42,203,204,207,209,212,214],{"class":44,"line":119},[42,205,206],{"class":173},"  padding",[42,208,177],{"class":48},[42,210,211],{"class":173},"0.5",[42,213,184],{"class":183},[42,215,187],{"class":48},[42,217,218,221,223,226,229],{"class":44,"line":126},[42,219,220],{"class":173},"  border-radius",[42,222,177],{"class":48},[42,224,225],{"class":173},"10",[42,227,228],{"class":183},"%",[42,230,187],{"class":48},[42,232,233],{"class":44,"line":136},[42,234,235],{"class":48},"}\n",[42,237,239],{"class":44,"line":238},7,[42,240,242],{"emptyLinePlaceholder":241},true,"\n",[42,244,246,249],{"class":44,"line":245},8,[42,247,248],{"class":56},".twitter",[42,250,168],{"class":48},[42,252,254,257,259,262],{"class":44,"line":253},9,[42,255,256],{"class":173},"  background-color",[42,258,177],{"class":48},[42,260,261],{"class":173},"#00aced",[42,263,187],{"class":48},[42,265,267],{"class":44,"line":266},10,[42,268,235],{"class":48},[42,270,272],{"class":44,"line":271},11,[42,273,242],{"emptyLinePlaceholder":241},[42,275,277,279],{"class":44,"line":276},12,[42,278,102],{"class":52},[42,280,168],{"class":48},[42,282,284,287,289,292],{"class":44,"line":283},13,[42,285,286],{"class":173},"  color",[42,288,177],{"class":48},[42,290,291],{"class":173},"white",[42,293,187],{"class":48},[42,295,297],{"class":44,"line":296},14,[42,298,235],{"class":48},[11,300,301],{},"Let's add other social media icons as well with respective CSS properties. We would also wrap this within a div",[32,303,305],{"className":34,"code":304,"language":36,"meta":37,"style":37},"\u003Cdiv class=\"social-container\">\n  \u003Cdiv class=\"icons twitter\">\n    \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmkfeuhrer\" aria-label=\"Twitter - Mohit Khare\">\n      \u003Ci class=\"fab fa-twitter\">\u003C\u002Fi>\n    \u003C\u002Fa>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"icons github\">\n    \u003Ca\n      class\n      href=\"https:\u002F\u002Fgithub.com\u002Fmkfeuhrer\"\n      aria-label=\"Github - Mohit Khare\"\n    >\n      \u003Ci class=\"fab fa-github\">\u003C\u002Fi>\n    \u003C\u002Fa>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"icons linkedin\">\n    \u003Ca\n      href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmohitkhare1996\"\n      aria-label=\"Linkedin - Mohit Khare\"\n    >\n      \u003Ci class=\"fab fa-linkedin-in\">\u003C\u002Fi>\n    \u003C\u002Fa>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"icons facebook\">\n    \u003Ca\n      href=\"https:\u002F\u002Fwww.facebook.com\u002Fmkfeuhrer\"\n      aria-label=\"Facebook - Mohit Khare\"\n    >\n      \u003Ci class=\"fab fa-facebook-f\">\u003C\u002Fi>\n    \u003C\u002Fa>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"icons reddit\">\n    \u003Ca\n      href=\"https:\u002F\u002Fwww.reddit.com\u002Fuser\u002Fmkfeuhrer\"\n      aria-label=\"Reddit - mkfeuhrer\"\n    >\n      \u003Ci class=\"fab fa-reddit\">\u003C\u002Fi>\n    \u003C\u002Fa>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",[39,306,307,322,336,356,375,384,392,407,414,419,429,439,444,463,471,480,496,503,513,523,528,548,557,566,582,589,599,609,614,634,643,652,668,675,685,695,700,720,729,738],{"__ignoreMap":37},[42,308,309,311,313,315,317,320],{"class":44,"line":45},[42,310,49],{"class":48},[42,312,53],{"class":52},[42,314,57],{"class":56},[42,316,60],{"class":48},[42,318,319],{"class":63},"\"social-container\"",[42,321,67],{"class":48},[42,323,324,326,328,330,332,334],{"class":44,"line":70},[42,325,73],{"class":48},[42,327,53],{"class":52},[42,329,57],{"class":56},[42,331,60],{"class":48},[42,333,64],{"class":63},[42,335,67],{"class":48},[42,337,338,340,342,344,346,348,350,352,354],{"class":44,"line":96},[42,339,99],{"class":48},[42,341,18],{"class":52},[42,343,78],{"class":56},[42,345,60],{"class":48},[42,347,83],{"class":63},[42,349,86],{"class":56},[42,351,60],{"class":48},[42,353,91],{"class":63},[42,355,67],{"class":48},[42,357,358,361,363,365,367,369,371,373],{"class":44,"line":119},[42,359,360],{"class":48},"      \u003C",[42,362,102],{"class":52},[42,364,57],{"class":56},[42,366,60],{"class":48},[42,368,109],{"class":63},[42,370,112],{"class":48},[42,372,102],{"class":52},[42,374,67],{"class":48},[42,376,377,380,382],{"class":44,"line":126},[42,378,379],{"class":48},"    \u003C\u002F",[42,381,18],{"class":52},[42,383,67],{"class":48},[42,385,386,388,390],{"class":44,"line":136},[42,387,129],{"class":48},[42,389,53],{"class":52},[42,391,67],{"class":48},[42,393,394,396,398,400,402,405],{"class":44,"line":238},[42,395,73],{"class":48},[42,397,53],{"class":52},[42,399,57],{"class":56},[42,401,60],{"class":48},[42,403,404],{"class":63},"\"icons github\"",[42,406,67],{"class":48},[42,408,409,411],{"class":44,"line":245},[42,410,99],{"class":48},[42,412,413],{"class":52},"a\n",[42,415,416],{"class":44,"line":253},[42,417,418],{"class":56},"      class\n",[42,420,421,424,426],{"class":44,"line":266},[42,422,423],{"class":56},"      href",[42,425,60],{"class":48},[42,427,428],{"class":63},"\"https:\u002F\u002Fgithub.com\u002Fmkfeuhrer\"\n",[42,430,431,434,436],{"class":44,"line":271},[42,432,433],{"class":56},"      aria-label",[42,435,60],{"class":48},[42,437,438],{"class":63},"\"Github - Mohit Khare\"\n",[42,440,441],{"class":44,"line":276},[42,442,443],{"class":48},"    >\n",[42,445,446,448,450,452,454,457,459,461],{"class":44,"line":283},[42,447,360],{"class":48},[42,449,102],{"class":52},[42,451,57],{"class":56},[42,453,60],{"class":48},[42,455,456],{"class":63},"\"fab fa-github\"",[42,458,112],{"class":48},[42,460,102],{"class":52},[42,462,67],{"class":48},[42,464,465,467,469],{"class":44,"line":296},[42,466,379],{"class":48},[42,468,18],{"class":52},[42,470,67],{"class":48},[42,472,474,476,478],{"class":44,"line":473},15,[42,475,129],{"class":48},[42,477,53],{"class":52},[42,479,67],{"class":48},[42,481,483,485,487,489,491,494],{"class":44,"line":482},16,[42,484,73],{"class":48},[42,486,53],{"class":52},[42,488,57],{"class":56},[42,490,60],{"class":48},[42,492,493],{"class":63},"\"icons linkedin\"",[42,495,67],{"class":48},[42,497,499,501],{"class":44,"line":498},17,[42,500,99],{"class":48},[42,502,413],{"class":52},[42,504,506,508,510],{"class":44,"line":505},18,[42,507,423],{"class":56},[42,509,60],{"class":48},[42,511,512],{"class":63},"\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmohitkhare1996\"\n",[42,514,516,518,520],{"class":44,"line":515},19,[42,517,433],{"class":56},[42,519,60],{"class":48},[42,521,522],{"class":63},"\"Linkedin - Mohit Khare\"\n",[42,524,526],{"class":44,"line":525},20,[42,527,443],{"class":48},[42,529,531,533,535,537,539,542,544,546],{"class":44,"line":530},21,[42,532,360],{"class":48},[42,534,102],{"class":52},[42,536,57],{"class":56},[42,538,60],{"class":48},[42,540,541],{"class":63},"\"fab fa-linkedin-in\"",[42,543,112],{"class":48},[42,545,102],{"class":52},[42,547,67],{"class":48},[42,549,551,553,555],{"class":44,"line":550},22,[42,552,379],{"class":48},[42,554,18],{"class":52},[42,556,67],{"class":48},[42,558,560,562,564],{"class":44,"line":559},23,[42,561,129],{"class":48},[42,563,53],{"class":52},[42,565,67],{"class":48},[42,567,569,571,573,575,577,580],{"class":44,"line":568},24,[42,570,73],{"class":48},[42,572,53],{"class":52},[42,574,57],{"class":56},[42,576,60],{"class":48},[42,578,579],{"class":63},"\"icons facebook\"",[42,581,67],{"class":48},[42,583,585,587],{"class":44,"line":584},25,[42,586,99],{"class":48},[42,588,413],{"class":52},[42,590,592,594,596],{"class":44,"line":591},26,[42,593,423],{"class":56},[42,595,60],{"class":48},[42,597,598],{"class":63},"\"https:\u002F\u002Fwww.facebook.com\u002Fmkfeuhrer\"\n",[42,600,602,604,606],{"class":44,"line":601},27,[42,603,433],{"class":56},[42,605,60],{"class":48},[42,607,608],{"class":63},"\"Facebook - Mohit Khare\"\n",[42,610,612],{"class":44,"line":611},28,[42,613,443],{"class":48},[42,615,617,619,621,623,625,628,630,632],{"class":44,"line":616},29,[42,618,360],{"class":48},[42,620,102],{"class":52},[42,622,57],{"class":56},[42,624,60],{"class":48},[42,626,627],{"class":63},"\"fab fa-facebook-f\"",[42,629,112],{"class":48},[42,631,102],{"class":52},[42,633,67],{"class":48},[42,635,637,639,641],{"class":44,"line":636},30,[42,638,379],{"class":48},[42,640,18],{"class":52},[42,642,67],{"class":48},[42,644,646,648,650],{"class":44,"line":645},31,[42,647,129],{"class":48},[42,649,53],{"class":52},[42,651,67],{"class":48},[42,653,655,657,659,661,663,666],{"class":44,"line":654},32,[42,656,73],{"class":48},[42,658,53],{"class":52},[42,660,57],{"class":56},[42,662,60],{"class":48},[42,664,665],{"class":63},"\"icons reddit\"",[42,667,67],{"class":48},[42,669,671,673],{"class":44,"line":670},33,[42,672,99],{"class":48},[42,674,413],{"class":52},[42,676,678,680,682],{"class":44,"line":677},34,[42,679,423],{"class":56},[42,681,60],{"class":48},[42,683,684],{"class":63},"\"https:\u002F\u002Fwww.reddit.com\u002Fuser\u002Fmkfeuhrer\"\n",[42,686,688,690,692],{"class":44,"line":687},35,[42,689,433],{"class":56},[42,691,60],{"class":48},[42,693,694],{"class":63},"\"Reddit - mkfeuhrer\"\n",[42,696,698],{"class":44,"line":697},36,[42,699,443],{"class":48},[42,701,703,705,707,709,711,714,716,718],{"class":44,"line":702},37,[42,704,360],{"class":48},[42,706,102],{"class":52},[42,708,57],{"class":56},[42,710,60],{"class":48},[42,712,713],{"class":63},"\"fab fa-reddit\"",[42,715,112],{"class":48},[42,717,102],{"class":52},[42,719,67],{"class":48},[42,721,723,725,727],{"class":44,"line":722},38,[42,724,379],{"class":48},[42,726,18],{"class":52},[42,728,67],{"class":48},[42,730,732,734,736],{"class":44,"line":731},39,[42,733,129],{"class":48},[42,735,53],{"class":52},[42,737,67],{"class":48},[42,739,741,743,745],{"class":44,"line":740},40,[42,742,139],{"class":48},[42,744,53],{"class":52},[42,746,67],{"class":48},[11,748,749],{},"Complete CSS classes for code above -",[32,751,753],{"className":156,"code":752,"language":158,"meta":37,"style":37},".social-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.icons {\n  margin: 0.25rem;\n  font-size: 1.5rem;\n  padding: 0.5rem;\n  border-radius: 10%;\n}\n\n.facebook {\n  background-color: #3b5998;\n}\n\n.twitter {\n  background-color: #00aced;\n}\n.linkedin {\n  background-color: #007bb6;\n}\n\n.github {\n  background-color: black;\n}\n\n.reddit {\n  background-color: #ff4301;\n}\n\ni {\n  color: white;\n}\n",[39,754,755,762,774,786,798,809,821,825,829,835,847,859,871,883,887,891,898,909,913,917,923,933,937,944,955,959,963,970,981,985,989,996,1007,1011,1015,1021,1031],{"__ignoreMap":37},[42,756,757,760],{"class":44,"line":45},[42,758,759],{"class":56},".social-container",[42,761,168],{"class":48},[42,763,764,767,769,772],{"class":44,"line":70},[42,765,766],{"class":173},"  display",[42,768,177],{"class":48},[42,770,771],{"class":173},"flex",[42,773,187],{"class":48},[42,775,776,779,781,784],{"class":44,"line":96},[42,777,778],{"class":173},"  flex-direction",[42,780,177],{"class":48},[42,782,783],{"class":173},"column",[42,785,187],{"class":48},[42,787,788,791,793,796],{"class":44,"line":119},[42,789,790],{"class":173},"  justify-content",[42,792,177],{"class":48},[42,794,795],{"class":173},"center",[42,797,187],{"class":48},[42,799,800,803,805,807],{"class":44,"line":126},[42,801,802],{"class":173},"  align-items",[42,804,177],{"class":48},[42,806,795],{"class":173},[42,808,187],{"class":48},[42,810,811,814,816,819],{"class":44,"line":136},[42,812,813],{"class":173},"  flex-wrap",[42,815,177],{"class":48},[42,817,818],{"class":173},"wrap",[42,820,187],{"class":48},[42,822,823],{"class":44,"line":238},[42,824,235],{"class":48},[42,826,827],{"class":44,"line":245},[42,828,242],{"emptyLinePlaceholder":241},[42,830,831,833],{"class":44,"line":253},[42,832,165],{"class":56},[42,834,168],{"class":48},[42,836,837,839,841,843,845],{"class":44,"line":266},[42,838,174],{"class":173},[42,840,177],{"class":48},[42,842,180],{"class":173},[42,844,184],{"class":183},[42,846,187],{"class":48},[42,848,849,851,853,855,857],{"class":44,"line":271},[42,850,192],{"class":173},[42,852,177],{"class":48},[42,854,197],{"class":173},[42,856,184],{"class":183},[42,858,187],{"class":48},[42,860,861,863,865,867,869],{"class":44,"line":276},[42,862,206],{"class":173},[42,864,177],{"class":48},[42,866,211],{"class":173},[42,868,184],{"class":183},[42,870,187],{"class":48},[42,872,873,875,877,879,881],{"class":44,"line":283},[42,874,220],{"class":173},[42,876,177],{"class":48},[42,878,225],{"class":173},[42,880,228],{"class":183},[42,882,187],{"class":48},[42,884,885],{"class":44,"line":296},[42,886,235],{"class":48},[42,888,889],{"class":44,"line":473},[42,890,242],{"emptyLinePlaceholder":241},[42,892,893,896],{"class":44,"line":482},[42,894,895],{"class":56},".facebook",[42,897,168],{"class":48},[42,899,900,902,904,907],{"class":44,"line":498},[42,901,256],{"class":173},[42,903,177],{"class":48},[42,905,906],{"class":173},"#3b5998",[42,908,187],{"class":48},[42,910,911],{"class":44,"line":505},[42,912,235],{"class":48},[42,914,915],{"class":44,"line":515},[42,916,242],{"emptyLinePlaceholder":241},[42,918,919,921],{"class":44,"line":525},[42,920,248],{"class":56},[42,922,168],{"class":48},[42,924,925,927,929,931],{"class":44,"line":530},[42,926,256],{"class":173},[42,928,177],{"class":48},[42,930,261],{"class":173},[42,932,187],{"class":48},[42,934,935],{"class":44,"line":550},[42,936,235],{"class":48},[42,938,939,942],{"class":44,"line":559},[42,940,941],{"class":56},".linkedin",[42,943,168],{"class":48},[42,945,946,948,950,953],{"class":44,"line":568},[42,947,256],{"class":173},[42,949,177],{"class":48},[42,951,952],{"class":173},"#007bb6",[42,954,187],{"class":48},[42,956,957],{"class":44,"line":584},[42,958,235],{"class":48},[42,960,961],{"class":44,"line":591},[42,962,242],{"emptyLinePlaceholder":241},[42,964,965,968],{"class":44,"line":601},[42,966,967],{"class":56},".github",[42,969,168],{"class":48},[42,971,972,974,976,979],{"class":44,"line":611},[42,973,256],{"class":173},[42,975,177],{"class":48},[42,977,978],{"class":173},"black",[42,980,187],{"class":48},[42,982,983],{"class":44,"line":616},[42,984,235],{"class":48},[42,986,987],{"class":44,"line":636},[42,988,242],{"emptyLinePlaceholder":241},[42,990,991,994],{"class":44,"line":645},[42,992,993],{"class":56},".reddit",[42,995,168],{"class":48},[42,997,998,1000,1002,1005],{"class":44,"line":654},[42,999,256],{"class":173},[42,1001,177],{"class":48},[42,1003,1004],{"class":173},"#ff4301",[42,1006,187],{"class":48},[42,1008,1009],{"class":44,"line":670},[42,1010,235],{"class":48},[42,1012,1013],{"class":44,"line":677},[42,1014,242],{"emptyLinePlaceholder":241},[42,1016,1017,1019],{"class":44,"line":687},[42,1018,102],{"class":52},[42,1020,168],{"class":48},[42,1022,1023,1025,1027,1029],{"class":44,"line":697},[42,1024,286],{"class":173},[42,1026,177],{"class":48},[42,1028,291],{"class":173},[42,1030,187],{"class":48},[42,1032,1033],{"class":44,"line":702},[42,1034,235],{"class":48},[11,1036,1037],{},"Awesome, we have a nice looking social media component.",[11,1039,1040,1041,1044],{},"Now We wrap our social container in another div ",[39,1042,1043],{},"sticky-media-bar"," which decides the location where we show our social media bar. Let's fix this to left end in center and see how this looks.",[32,1046,1048],{"className":156,"code":1047,"language":158,"meta":37,"style":37},".sticky-media-bar {\n  position: fixed;\n  top: 50%;\n  left: 0;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n}\n",[39,1049,1050,1057,1069,1083,1095,1116,1133,1150],{"__ignoreMap":37},[42,1051,1052,1055],{"class":44,"line":45},[42,1053,1054],{"class":56},".sticky-media-bar",[42,1056,168],{"class":48},[42,1058,1059,1062,1064,1067],{"class":44,"line":70},[42,1060,1061],{"class":173},"  position",[42,1063,177],{"class":48},[42,1065,1066],{"class":173},"fixed",[42,1068,187],{"class":48},[42,1070,1071,1074,1076,1079,1081],{"class":44,"line":96},[42,1072,1073],{"class":173},"  top",[42,1075,177],{"class":48},[42,1077,1078],{"class":173},"50",[42,1080,228],{"class":183},[42,1082,187],{"class":48},[42,1084,1085,1088,1090,1093],{"class":44,"line":119},[42,1086,1087],{"class":173},"  left",[42,1089,177],{"class":48},[42,1091,1092],{"class":173},"0",[42,1094,187],{"class":48},[42,1096,1097,1100,1102,1105,1108,1111,1113],{"class":44,"line":126},[42,1098,1099],{"class":173},"  -webkit-transform",[42,1101,177],{"class":48},[42,1103,1104],{"class":173},"translateY",[42,1106,1107],{"class":48},"(",[42,1109,1110],{"class":173},"-50",[42,1112,228],{"class":183},[42,1114,1115],{"class":48},");\n",[42,1117,1118,1121,1123,1125,1127,1129,1131],{"class":44,"line":136},[42,1119,1120],{"class":173},"  -ms-transform",[42,1122,177],{"class":48},[42,1124,1104],{"class":173},[42,1126,1107],{"class":48},[42,1128,1110],{"class":173},[42,1130,228],{"class":183},[42,1132,1115],{"class":48},[42,1134,1135,1138,1140,1142,1144,1146,1148],{"class":44,"line":238},[42,1136,1137],{"class":173},"  transform",[42,1139,177],{"class":48},[42,1141,1104],{"class":173},[42,1143,1107],{"class":48},[42,1145,1110],{"class":173},[42,1147,228],{"class":183},[42,1149,1115],{"class":48},[42,1151,1152],{"class":44,"line":245},[42,1153,235],{"class":48},[11,1155,1156,1157,1160,1161,1164,1165,1168,1169],{},"You can directly use this wherever you want and change the orientation by changing the ",[39,1158,1159],{},"flex-direction"," property in ",[39,1162,1163],{},"social-container"," class. Feel free to play around and change position from left to right as well by changing ",[39,1166,1167],{},"left: 0;"," to ",[39,1170,1171],{},"right: 0;",[11,1173,1174,1178],{},[1175,1176,1177],"strong",{},"Note:"," You can add this as a separate component in React\u002FVue\u002FNuxt.js and just import the component wherever you need to avoid code duplication :)",[11,1180,1181],{},"Here's a complete codepen demo for you to play with.",[11,1183,1193,1194],{"className":1184,"dataHeight":1186,"dataThemeId":1187,"dataDefaultTab":1188,"dataUser":1189,"dataSlugHash":1190,"style":1191,"dataPenTitle":1192},[1185],"codepen","529","dark","html,result","mkfeuhrer","oNYxXQo","height: 529px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;","Sticky Social Share Component - mohitkhare.com","\n  ",[42,1195,1196,1197,1201,1202,1206,1207,24],{},"See the Pen ",[18,1198,1200],{"href":1199},"https:\u002F\u002Fcodepen.io\u002Fmkfeuhrer\u002Fpen\u002FoNYxXQo","\n  Sticky Social Share Component - mohitkhare.com"," by Mohit Khare (",[18,1203,1205],{"href":1204},"https:\u002F\u002Fcodepen.io\u002Fmkfeuhrer","@mkfeuhrer",")\n  on ",[18,1208,1210],{"href":1209},"https:\u002F\u002Fcodepen.io","CodePen",[1212,1213],"script",{"async":241,"src":1214},"https:\u002F\u002Fcpwebassets.codepen.io\u002Fassets\u002Fembed\u002Fei.js",[1216,1217],"hr",{},[11,1219,1220],{},"I hope you learned something new. Feel free to suggest improvements ✔️",[11,1222,1223,1224,1229],{},"I share regular updates and resources on ",[18,1225,1228],{"href":1226,"rel":1227},"https:\u002F\u002Ftwitter.com\u002Fmkfeuhrer",[22],"Twitter",". Let's connect!",[11,1231,1232],{},[1175,1233,1234],{},"Keep exploring 🔎 Keep learning 🚀",[1236,1237,1238],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}",{"title":37,"searchDepth":70,"depth":70,"links":1240},[],[1242,1243],"Programming","Frontend","Learn how to build a social media sharing component in HTML and add it to your website.",false,"md","blog\u002Fsticky-social-bar\u002Fsticky-social-bar-card.webp","social share bar, HTML social share component",{},"sticky-social-bar","\u002Fblog\u002Fsticky-social-bar",{"title":5,"description":1244},"blog\u002Fsticky-social-bar","2021-02-05","jGPvYWUIzIpBXp3GVepv6NY_11GuW_lQIK8Byp-FIjU",[1257,1264,1271,1279,1288,1295,1302,1309,1315,1321,1327,1333,1339,1349,1355,1362,1369,1376,1382,1389,1395,1401,1407,1413,1419,1425,1431,1437,1444,1451,1457,1463,1469,1475,1481,1487,1493,1499,1505,1511,1517,1523,1529,1536,1542,1548,1554,1561,1567,1573,1580,1587,1593,1600,1606,1613,1619,1626,1632,1638,1644,1650,1656,1662,1668,1674,1680,1686,1692,1698,1700,1706,1713,1719,1725,1731,1738,1744],{"path":1258,"title":1259,"description":1260,"categories":1261,"draft":241,"year":1263,"series":6},"\u002Fblog\u002Fai-assisted-workstation","Building an AI-Assisted Personal Workstation","How I built a personal AI workstation: markdown knowledge base, portable agent skills, handoff-driven sessions. What worked, what broke, what I would change.",[1262,1242],"Productivity","2026-08-26",{"path":1265,"title":1266,"description":1267,"categories":1268,"draft":1245,"year":1270,"series":6},"\u002Fblog\u002Faws-s3-golang","Uploading images to AWS S3 in Golang","In this tutorial I cover how to upload, fetch and manage other operations for objects on AWS S3 in Golang",[1269,1242],"Golang","2020-01-12",{"path":1272,"title":1273,"description":1274,"categories":1275,"draft":1245,"year":1278,"series":6},"\u002Fblog\u002Fbooks-for-engineers","Best Books for Software Engineers","Best Books to help you build you software engineering career - ranging from fundamentats, interview prep to productivity.",[1276,1277],"Books","Life","2021-12-26",{"path":1280,"title":1281,"description":1282,"categories":1283,"draft":1245,"year":1287,"series":6},"\u002Fblog\u002Fbuilding-acrons","Building Acrons 🚀","Building Acrons, a one-stop tool to decode everyday acronyms like DIY, FOMO, and BRB without losing your flow.",[1284,1285,1286],"Side Projects","Web","Tools","2020-05-26",{"path":1289,"title":1290,"description":1291,"categories":1292,"draft":1245,"year":1294,"series":6},"\u002Fblog\u002Fcap-theorem","CAP Theorem Explained","Learn the concept and misconceptions around popular CAP theorem in system design.",[1293,1242],"System Design","2021-07-26",{"path":1296,"title":1297,"description":1298,"categories":1299,"draft":1245,"year":1301,"series":6},"\u002Fblog\u002Fcode-reviews","Code Review Checklist","Why code reviews matter, and best practices that catch bugs early and keep code quality high before merge.",[1300],"Engineering Principles","2020-07-20",{"path":1303,"title":1304,"description":1305,"categories":1306,"draft":1245,"year":1308,"series":6},"\u002Fblog\u002Fdark-mode","Add Dark mode to websites","Dark mode is ❤️️ Add it to your websites with little CSS and JS",[1307,1285],"Javascript","2020-07-04",{"path":1310,"title":1311,"description":1312,"categories":1313,"draft":1245,"year":1314,"series":6},"\u002Fblog\u002Fdate-time-golang","Working with Date and Time in Go","Learn how to use time in Golang - Multiple formats, locations and using date.",[1269,1242],"2020-10-09",{"path":1316,"title":1317,"description":1318,"categories":1319,"draft":1245,"year":1320,"series":6},"\u002Fblog\u002Fdefer-in-golang","Understanding Defer In Golang","Learn about defer keyword in golang and how it can help you avoid panics due to bugs.",[1269,1242],"2021-05-05",{"path":1322,"title":1323,"description":1324,"categories":1325,"draft":1245,"year":1326,"series":6},"\u002Fblog\u002Fenums-golang","Implementing Enums in Golang","Enums are a way to defined set of constant values. Learn how to implement enums in Go using iota with examples.",[1269,1242],"2021-12-18",{"path":1328,"title":1329,"description":1330,"categories":1331,"draft":1245,"year":1332,"series":6},"\u002Fblog\u002Fenvironment-variable-golang","Guide to Environment variables in Go","Learn what are environment variables and how to use them in Go",[1269,1242],"2020-08-14",{"path":1334,"title":1335,"description":1336,"categories":1337,"draft":1245,"year":1338,"series":6},"\u002Fblog\u002Ferror-handling-golang","Handle errors the right way — Golang","How to handle errors in golang to make your life easy",[1269,1242],"2020-01-30",{"path":1340,"title":1341,"description":1342,"categories":1343,"draft":241,"year":1346,"series":1347},"\u002Fblog\u002Ffile-attack-document-macros","File Attack Deep Dives, Part 3: Document Macros","How malicious VBA hides in vbaProject.bin, which AutoOpen entry points fire it, and the sandbox signals that catch it.",[1344,1345],"Security","Systems","2026-09-17",{"name":1348,"part":96},"File Attack Deep Dives",{"path":1350,"title":1351,"description":1352,"categories":1353,"draft":1245,"year":1263,"series":1354},"\u002Fblog\u002Ffile-attack-field-guide","How File-Based Attacks Land: A Detection Engineer's Field Guide","A practical taxonomy of how malware and phishing arrive as files, why classic controls miss them, and how detection should think.",[1344,1345],{"name":1348,"part":45},{"path":1356,"title":1357,"description":1358,"categories":1359,"draft":241,"year":1360,"series":1361},"\u002Fblog\u002Ffile-attack-html-smuggling","File Attack Deep Dives, Part 2: HTML Smuggling","How attackers assemble malware inside the browser with Blob URLs, and the URL and script tells that catch it.",[1344,1345],"2026-09-10",{"name":1348,"part":70},{"path":1363,"title":1364,"description":1365,"categories":1366,"draft":241,"year":1367,"series":1368},"\u002Fblog\u002Ffile-attack-lnk-iso","File Attack Deep Dives, Part 5: LNK and ISO Smuggling","How ISO containers and weaponized shortcuts bypass Mark of the Web, and the forensic fields that catch them.",[1344,1345],"2026-10-01",{"name":1348,"part":126},{"path":1370,"title":1371,"description":1372,"categories":1373,"draft":241,"year":1374,"series":1375},"\u002Fblog\u002Ffile-attack-pdf-url-actions","File Attack Deep Dives, Part 4: PDF URL Actions","How PDF OpenAction, Launch, and URI actions turn opening a document into a phishing click, and the action audit that catches them.",[1344,1345],"2026-09-24",{"name":1348,"part":119},{"path":1377,"title":1378,"description":1379,"categories":1380,"draft":1245,"year":1381,"series":6},"\u002Fblog\u002Ffile-upload-golang","Uploading Files in Golang with Multipart Request","Learn how to upload files from your client to server as a multipart request in Golang.",[1269,1242],"2021-03-13",{"path":1383,"title":1384,"description":1385,"categories":1386,"draft":1245,"year":1388,"series":6},"\u002Fblog\u002Fgit-branch","Git Branch 101","Branching is a new path of development that makes it a lot easier to build features. Learn why and how to use branching in git.",[1387,1242],"Git","2022-03-20",{"path":1390,"title":1391,"description":1392,"categories":1393,"draft":1245,"year":1394,"series":6},"\u002Fblog\u002Fgit-pull-request-template","Guide to Pull Request Templates","Improve collaboration and code reviews with pull request templates. Blog include PR template and how to create one on github\u002Fgitlab",[1387,1242],"2023-08-24",{"path":1396,"title":1397,"description":1398,"categories":1399,"draft":1245,"year":1400,"series":6},"\u002Fblog\u002Fgit-remove-sensitive-info","Securing Git: Remove Sensitive Information","Protect your code from security breaches by using BFG tool to remove sensitive information from Git history. Learn how to do it in this comprehensive guide.",[1387,1242],"2023-10-16",{"path":1402,"title":1403,"description":1404,"categories":1405,"draft":1245,"year":1406,"series":6},"\u002Fblog\u002Fgit-tags-explained","Git tags : Explained","What Git tags are, why and when to use them, and how to start tagging releases in your own projects.",[1387,1242],"2020-06-18",{"path":1408,"title":1409,"description":1410,"categories":1411,"draft":1245,"year":1412,"series":6},"\u002Fblog\u002Fgo-dependency-injection","Dependency Injection in Go using Wire","Learn about dependency injection, its benefits and how to implement it in Go services using wire",[1269,1242],"2022-11-26",{"path":1414,"title":1415,"description":1416,"categories":1417,"draft":1245,"year":1418,"series":6},"\u002Fblog\u002Fgo-generics","Introduction to Generics in Go","Learn about generics in Golang, it's benefits and how to implement it in applications.",[1269,1242],"2022-11-27",{"path":1420,"title":1421,"description":1422,"categories":1423,"draft":1245,"year":1424,"series":6},"\u002Fblog\u002Fgo-in-memory-cache","Building In-Memory Cache in Go","Learn about in-memory caching in Golang, it's benefits and how to implement it with and without generics with a TTL(expiry).",[1269,1242],"2024-03-28",{"path":1426,"title":1427,"description":1428,"categories":1429,"draft":1245,"year":1430,"series":6},"\u002Fblog\u002Fgo-makefile","Ultimate Makefile for Golang","Boost your productivity and save time with ultimate Makefile for Golang projects.",[1269,1242],"2024-06-10",{"path":1432,"title":1433,"description":1434,"categories":1435,"draft":1245,"year":1436,"series":6},"\u002Fblog\u002Fgo-middleware","Mastering Middlewares in Golang","Learn about middlewares, their use cases and how to implement them in Golang applications",[1269,1242],"2022-03-13",{"path":1438,"title":1439,"description":1440,"categories":1441,"draft":1245,"year":1443,"series":6},"\u002Fblog\u002Fgo-naming-conventions","Naming Conventions in Golang","Why naming conventions matter in Go, with best practices and practical examples for clear, readable, maintainable code.",[1269,1242,1442],"Code Quality","2023-05-19",{"path":1445,"title":1446,"description":1447,"categories":1448,"draft":1245,"year":1450,"series":6},"\u002Fblog\u002Fgo-with-redis","Go with Redis","A practical introduction to using Redis with Golang to make your applications faster with in-memory data storage.",[1269,1449,1242],"Database","2020-05-03",{"path":1452,"title":1453,"description":1454,"categories":1455,"draft":1245,"year":1456,"series":6},"\u002Fblog\u002Fgolang-maps","Learn Maps in Golang (with examples)","A complete guide to maps in Golang: creating maps, adding and removing items, iterating, and how map equality works.",[1269,1242],"2020-09-10",{"path":1458,"title":1459,"description":1460,"categories":1461,"draft":1245,"year":1462,"series":6},"\u002Fblog\u002Fguide-to-cdn","Guide to Content Delivery Network","CDN is one of the backbone of modern world internet infrastructure. Learn about Content Delivery Network, it's working, types and benefits.",[1293,1242],"2022-01-23",{"path":1464,"title":1465,"description":1466,"categories":1467,"draft":1245,"year":1468,"series":6},"\u002Fblog\u002Fguide-to-rule-engines","Guide to Rule Engines","Rule Engines help in solving changing business requirements with ease. Learn all about Rule engines, it's working, benefits and how to implement one in Golang",[1269,1242],"2022-09-12",{"path":1470,"title":1471,"description":1472,"categories":1473,"draft":1245,"year":1474,"series":6},"\u002Fblog\u002Fhexagonal-architecture","Guide to Hexagonal Architecture","Learn how to design efficient application with hexagonal architecture with practical example",[1293,1242],"2020-12-13",{"path":1476,"title":1477,"description":1478,"categories":1479,"draft":1245,"year":1480,"series":6},"\u002Fblog\u002Fhttp-status-codes","Learn HTTP Status Codes","A tour of HTTP response status codes, what each class means, and when to use which code in your applications.",[1285,1242],"2020-07-30",{"path":1482,"title":1483,"description":1484,"categories":1485,"draft":1245,"year":1486,"series":6},"\u002Fblog\u002Fintroduction-to-goroutines","Introduction to Goroutines","Understand the basics of concurrency and learn how to work with Goroutines in golang.",[1269,1242],"2021-04-10",{"path":1488,"title":1489,"description":1490,"categories":1491,"draft":1245,"year":1492,"series":6},"\u002Fblog\u002Fjson-in-postgres-with-golang","Storing JSON in Postgres with Golang","Learn how to store JSON objects in Postgres and how to implement it in Golang.",[1242,1449,1269],"2021-02-13",{"path":1494,"title":1495,"description":1496,"categories":1497,"draft":1245,"year":1498,"series":6},"\u002Fblog\u002Fjson-web-token","Complete Guide to JWT","JSON Web Tokens are a very compact way to carry information. Learn about JWTs in depth, from its structure to when to use it.",[1242,1285],"2021-11-20",{"path":1500,"title":1501,"description":1502,"categories":1503,"draft":1245,"year":1504,"series":6},"\u002Fblog\u002Flearn-to-say-no","Learning to say No","Learn why it's important to say 'NO'. How it helps in increasing productivity and explore strategies for saying No",[1277,1276],"2022-04-09",{"path":1506,"title":1507,"description":1508,"categories":1509,"draft":1245,"year":1510,"series":6},"\u002Fblog\u002Flearn-unlearn-relearn","Learn - Unlearn - Relearn","Unlearning things to learn new is the way to grow. Discover how to do that!",[1262,1277],"2020-09-25",{"path":1512,"title":1513,"description":1514,"categories":1515,"draft":1245,"year":1516,"series":6},"\u002Fblog\u002Flinting-in-golang","Introduction to Linting in Go","Introduction to improving code quality using linting. Learn how to add linting in your Go projects.",[1269,1242],"2021-07-07",{"path":1518,"title":1519,"description":1520,"categories":1521,"draft":1245,"year":1522,"series":6},"\u002Fblog\u002Fload-balancing","Load Balancing 101","Complete guide on load balancers explaining the internal working and how does it help in making applications efficient.",[1293,1242],"2021-05-29",{"path":1524,"title":1525,"description":1526,"categories":1527,"draft":1245,"year":1528,"series":6},"\u002Fblog\u002Fmaking-decisions-the-right-way","Making Decisions: The right way","Decisions are hard! Learn how to make the right decisions always",[1262,1277],"2020-06-07",{"path":1530,"title":1531,"description":1532,"categories":1533,"draft":1245,"year":1535,"series":6},"\u002Fblog\u002Fmanage-logs-with-logrotate","Using Logrotate to manage logs","Learn how to use logrotate system utility to manage logs with example",[1534,1242],"Linux","2020-09-08",{"path":1537,"title":1538,"description":1539,"categories":1540,"draft":1245,"year":1541,"series":6},"\u002Fblog\u002Fmarshal-structs-golang","Marshal structs the right way: Golang","Why Golang marshals empty structs into your JSON instead of null, and how to marshal structs the right way.",[1269,1242],"2020-03-31",{"path":1543,"title":1544,"description":1545,"categories":1546,"draft":1245,"year":1547,"series":6},"\u002Fblog\u002Fnotes-almanack-naval","Book Notes : Almanack of Naval Ravikant","My notes\u002Fhighlights from Almanack of Naval Ravikant book by Eric Jorgenson",[1276,1277],"2020-10-17",{"path":1549,"title":1550,"description":1551,"categories":1552,"draft":1245,"year":1553,"series":6},"\u002Fblog\u002Fnotes-anything-you-want","Book Notes : Anything you want","My notes\u002Fhighlights from Anything you want book by Derek Sivers",[1276,1277],"2021-09-25",{"path":1555,"title":1556,"description":1557,"categories":1558,"draft":1245,"year":1560,"series":6},"\u002Fblog\u002Fnotes-getting-real","Book Notes : Getting Real","My notes and highlights from Getting Real by Jason Fried and David Heinemeier Hansson on building web applications.",[1276,1559],"Startups","2020-11-03",{"path":1562,"title":1563,"description":1564,"categories":1565,"draft":1245,"year":1566,"series":6},"\u002Fblog\u002Fnotes-hell-yeah-or-no","Book Notes : Hell Yeah or No","My notes\u002Fhighlights from Hell Yeah or No book by Derek Sivers",[1276,1277],"2020-09-16",{"path":1568,"title":1569,"description":1570,"categories":1571,"draft":1245,"year":1572,"series":6},"\u002Fblog\u002Fnotes-how-to-be-a-capitalist","Book Notes : How to Be a Capitalist Without Any Capital","My notes\u002Fhighlights from How to Be a Capitalist Without Any Capital by Nathan Latka",[1276,1559],"2020-01-07",{"path":1574,"title":1575,"description":1576,"categories":1577,"draft":1245,"year":1579,"series":6},"\u002Fblog\u002Fnotes-lean-b2b","Book Notes : Lean B2B","My notes and highlights from Lean B2B by Étienne Garbugli on assessing markets, building MVPs, and selling to businesses.",[1276,1578],"Entrepreneurship","2022-07-02",{"path":1581,"title":1582,"description":1583,"categories":1584,"draft":1245,"year":1586,"series":6},"\u002Fblog\u002Fnotes-lets-talk-money","Book Notes : Let's Talk Money","My notes and highlights from Let's Talk Money by Monica Halan on managing personal finances and savings.",[1276,1585],"Personal Finance","2021-02-26",{"path":1588,"title":1589,"description":1590,"categories":1591,"draft":1245,"year":1592,"series":6},"\u002Fblog\u002Fnotes-obviously-awesome","Book Notes : Obviously Awesome","My notes and highlights from Obviously Awesome by April Dunford on product positioning and marketing strategy.",[1276,1559],"2020-04-26",{"path":1594,"title":1595,"description":1596,"categories":1597,"draft":1245,"year":1599,"series":6},"\u002Fblog\u002Fnotes-refactoring-ui","Book Notes: Refactoring UI","My notes and highlights from Refactoring UI by Adam Wathan and Steve Schoger, full of practical design tips for engineers.",[1276,1598],"Design","2020-05-09",{"path":1601,"title":1602,"description":1603,"categories":1604,"draft":1245,"year":1605,"series":6},"\u002Fblog\u002Fnotes-rework","Book Notes: Rework","My notes and highlights from Rework by Jason Fried and David Heinemeier Hansson on a better way to succeed in business.",[1276,1559],"2021-04-14",{"path":1607,"title":1608,"description":1609,"categories":1610,"draft":1245,"year":1612,"series":6},"\u002Fblog\u002Fone-on-one-meetings","Guide to Effective 1:1 Meetings","One on One meetings are important for your personal & professional growth. Learn how to master 1:1s with your manager and peers.",[1611,1262],"Career","2023-03-05",{"path":1614,"title":1615,"description":1616,"categories":1617,"draft":1245,"year":1618,"series":6},"\u002Fblog\u002Fpersonal-okrs","Personal OKRs for Success","Why one should set personal OKRs and how to achieve success with them",[1262,1277],"2020-06-27",{"path":1620,"title":1621,"description":1622,"categories":1623,"draft":1245,"year":1625,"series":6},"\u002Fblog\u002Fpoker-tips","Poker Tips: Johns Hopkins Poker Class","Notes from Johns Hopkins poker course. This guide will help you improve in Poker and win some large pots.",[1277,1624],"Poker","2020-06-13",{"path":1627,"title":1628,"description":1629,"categories":1630,"draft":1245,"year":1631,"series":6},"\u002Fblog\u002Fpomodoro","Get work done: The Pomo Way","Learn to focus and get productive by following the Pomodoro Technique",[1262],"2020-10-24",{"path":1633,"title":1634,"description":1635,"categories":1636,"draft":1245,"year":1637,"series":6},"\u002Fblog\u002Fpostgres-constraints","Postgres Constraints","Constraints are line of defense for database. Explore various types of constrainsts in postgres",[1449,1242],"2020-11-07",{"path":1639,"title":1640,"description":1641,"categories":1642,"draft":1245,"year":1643,"series":6},"\u002Fblog\u002Fppf-explained","PPF Explained","Learn basics about Public Provident Fund and why you should invest",[1277,1585],"2020-12-24",{"path":1645,"title":1646,"description":1647,"categories":1648,"draft":1245,"year":1649,"series":6},"\u002Fblog\u002Fproductivity-chrome-extensions","Boost Productivity with Chrome Extensions","Utitizing chrome extensions to boost your productivity!",[1262,1286,1285],"2020-04-24",{"path":1651,"title":1652,"description":1653,"categories":1654,"draft":1245,"year":1655,"series":6},"\u002Fblog\u002Fproductivity-in-vscode","Improve your productivity with VS Code","Key VS Code features like the integrated terminal, shortcuts, and extensions that improved my everyday productivity.",[1262,1242],"2020-03-12",{"path":1657,"title":1658,"description":1659,"categories":1660,"draft":1245,"year":1661,"series":6},"\u002Fblog\u002Freading-101","Improving Reading 101","Why reading matters, how to build a reading habit, and what to read next - from my own journey into books.",[1276,1277],"2020-04-04",{"path":1663,"title":1664,"description":1665,"categories":1666,"draft":1245,"year":1667,"series":6},"\u002Fblog\u002Freverse-proxy","Understanding Reverse Proxy","Learn about reverse proxy, how it is different from forward proxy and explore advantages of using it in system design.",[1293,1242],"2021-10-03",{"path":1669,"title":1670,"description":1671,"categories":1672,"draft":1245,"year":1673,"series":6},"\u002Fblog\u002Frunning-periodic-background-task-golang","Running periodic background tasks in Golang","How to run periodic background tasks in Golang by combining cron-style scheduling with background execution.",[1269,1242],"2019-11-21",{"path":1675,"title":1676,"description":1677,"categories":1678,"draft":1245,"year":1679,"series":6},"\u002Fblog\u002Fsessions-in-golang","Sessions using Golang and Redis","How cookies and sessions work, and how to implement persistent login sessions in Golang using Redis.",[1269,1449,1242],"2020-02-25",{"path":1681,"title":1682,"description":1683,"categories":1684,"draft":1245,"year":1685,"series":6},"\u002Fblog\u002Fsolid-dry-kiss-yagni","Solid Dry Kiss Yagni","An introduction to the SOLID, DRY, KISS, and YAGNI principles and how they help you write cleaner, robust code.",[1300],"2020-07-17",{"path":1687,"title":1688,"description":1689,"categories":1690,"draft":1245,"year":1691,"series":6},"\u002Fblog\u002Fstack-in-golang","Implement Stack in Golang","Learn how to implement stack data structure in Golang (Full code)",[1269,1242],"2020-09-14",{"path":1693,"title":1694,"description":1695,"categories":1696,"draft":1245,"year":1697,"series":6},"\u002Fblog\u002Fstart-oss-today","Start your Open Source journey today","Start your OSS journey with intro to GIT. Participate in Hacktoberfest!",[1387,1242],"2020-09-19",{"path":1251,"title":5,"description":1244,"categories":1699,"draft":1245,"year":1254,"series":6},[1242,1243],{"path":1701,"title":1702,"description":1703,"categories":1704,"draft":1245,"year":1705,"series":6},"\u002Fblog\u002Fterm-insurance","Term insurance Simplified","Everything you need to know before you buy a term insurance.",[1277,1585],"2020-11-29",{"path":1707,"title":1708,"description":1709,"categories":1710,"draft":1245,"year":1712,"series":6},"\u002Fblog\u002Fterminal-output-with-redirection","Handling terminal outputs with Redirection","Learn how to handle terminal outputs with Redirection and saving it to files",[1534,1711,1242],"Terminal","2020-09-06",{"path":1714,"title":1715,"description":1716,"categories":1717,"draft":1245,"year":1718,"series":6},"\u002Fblog\u002Fthink-and-grow-rich","Book Notes: Think and Grow Rich","My notes and highlights from Think and Grow Rich by Napoleon Hill, covering its process for building wealth.",[1276,1277],"2020-05-19",{"path":1720,"title":1721,"description":1722,"categories":1723,"draft":1245,"year":1724,"series":6},"\u002Fblog\u002Ftransactions-postgres-golang","Transactions on Postgres with Golang","Performing Postgres database operations in Golang with GORM, from basic queries to full transaction support.",[1269,1449,1242],"2020-03-18",{"path":1726,"title":1727,"description":1728,"categories":1729,"draft":1245,"year":1730,"series":6},"\u002Fblog\u002Fwaitgroups-in-golang","WaitGroups in Golang","Learn about WaitGroups in golang and how to use them to perform concurrent operations without blocking the main thread.",[1269,1242],"2022-05-31",{"path":1732,"title":1733,"description":1734,"categories":1735,"draft":1245,"year":1737,"series":6},"\u002Fblog\u002Fwhat-i-use","What I Use: Products and Softwares","List of what I use in my day to day life ranging from terminal, editors, softwares, devices to accessories",[1277,1736],"Tech","2024-06-01",{"path":1739,"title":1740,"description":1741,"categories":1742,"draft":1245,"year":1743,"series":6},"\u002Fblog\u002Fyear-in-review-2020","Year in Review: 2020","It's a wrap! 2020 was a crazy year, See how my year went!",[1277],"2020-12-31",{"path":1745,"title":1746,"description":1747,"categories":1748,"draft":1245,"year":1749,"series":6},"\u002Fblog\u002Fyear-in-review-2021","Year in Review: 2021","It's a wrap! 2021 was a mixed bag, full of ups and downs. Key Goal for 2022: Start now!",[1277],"2021-12-31",1788637294767]