<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Side projects on Bino</title><link>https://www.binovarghese.com/projects/</link><description>Recent content in Side projects on Bino</description><generator>Hugo</generator><language>en-us</language><managingEditor>binovarghese8120@gmail.com (Bino Kochumol Varghese)</managingEditor><webMaster>binovarghese8120@gmail.com (Bino Kochumol Varghese)</webMaster><atom:link href="https://www.binovarghese.com/projects/index.xml" rel="self" type="application/rss+xml"/><item><title>Chithrakurippukal</title><link>https://www.binovarghese.com/projects/chithrakurippukal/</link><pubDate>Wed, 30 Sep 2026 00:00:00 +0000</pubDate><author>binovarghese8120@gmail.com (Bino Kochumol Varghese)</author><guid>https://www.binovarghese.com/projects/chithrakurippukal/</guid><description>&lt;p&gt;One piece of Malayalam writing. One photo. Every day for 100 days. That is Chithrakurippukal project(ചിത്രക്കുറിപ്പുകൾ). I will take one image that I have captured and write a piece about it in Malayalam.&lt;/p&gt;
&lt;p&gt;Life is busy, but I want to write daily anyway. I don&amp;rsquo;t want to write perfectly, I want to write consistently. So I can produce 100 pieces of small writing from this project, and if everything goes well, I want to extend it to 365 days.&lt;/p&gt;
&lt;p&gt;Here are the rules for the Chithrakurippukal project:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;There should be a picture and a piece of writing about it.&lt;/li&gt;
&lt;li&gt;There should be no missing days in the 100 days.&lt;/li&gt;
&lt;li&gt;The main focus should be on the writing.&lt;/li&gt;
&lt;li&gt;The writing need not be perfect, but it must contain at least three lines.&lt;/li&gt;
&lt;li&gt;The writings should post on social media platforms other than this blog.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I will start this project on 1 October 2026 and post the writings &lt;a href="https://www.binovarghese.com/https://ml.binovarghese.com/ml-img/"&gt;here&lt;/a&gt;.&lt;/p&gt;</description></item><item><title>Jinz Varghese</title><link>https://www.binovarghese.com/projects/jinz-varghese/</link><pubDate>Sat, 01 Aug 2026 00:00:00 +0000</pubDate><author>binovarghese8120@gmail.com (Bino Kochumol Varghese)</author><guid>https://www.binovarghese.com/projects/jinz-varghese/</guid><description>&lt;p&gt;&lt;strong&gt;Jinz Varghese&lt;/strong&gt; is a personal portfolio website I built for my brother. He is a visual artist and photographer, whose work spans street photography, landscapes, and travel pictures. The site is designed as a quiet, image first space for his photography and films, structured around Home, Gallery, Collections, and About sections.&lt;/p&gt;
&lt;figure&gt;
 &lt;picture&gt;
 &lt;source media="(max-width: 820px)" srcset="https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_5013d99cc4c8bbdd.webp 480w, https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_a9d34ef8f34548de.webp 720w, https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_858e2e3bf4172814.webp 960w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_a9d34ef8f34548de.webp" srcset="https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_5013d99cc4c8bbdd.webp 480w, https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_a9d34ef8f34548de.webp 720w, https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_858e2e3bf4172814.webp 960w, https://www.binovarghese.com/img/blog/Projects/jinz-demo_hu_7baf1b167c3c31d0.webp 1200w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"
 width="720" height="405" alt=""
 fetchpriority="high" decoding="async"&gt;
&lt;/picture&gt;

&lt;/figure&gt;

&lt;h3 id="website-link"&gt;Website Link&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;📷 &lt;a href="https://jinzvarghese.com"&gt;Jinz Varghese&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="features"&gt;Features&lt;/h3&gt;
&lt;h4 id="home"&gt;Home&lt;/h4&gt;
&lt;p&gt;A minimal landing page introducing him as a visual artist, with a curated scroll of featured images and clear entry points into the Gallery and Collections.&lt;/p&gt;
&lt;h4 id="gallery"&gt;Gallery&lt;/h4&gt;
&lt;p&gt;The full archive of his images and videos, organized for easy browsing.&lt;/p&gt;
&lt;h4 id="collections"&gt;Collections&lt;/h4&gt;
&lt;p&gt;Work grouped into themed sets rather than one long scroll:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;India&lt;/li&gt;
&lt;li&gt;The Streets&lt;/li&gt;
&lt;li&gt;Bahrain&lt;/li&gt;
&lt;li&gt;Egypt&lt;/li&gt;
&lt;li&gt;Beaches&lt;/li&gt;
&lt;li&gt;Mother Nature&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="about"&gt;About&lt;/h4&gt;
&lt;p&gt;A dedicated page introducing him. It briefly contains his background, his motivation for shooting, and the gear he uses. Includes contact details for photoshoots and collaborations, along with links to his Instagram, YouTube, and Threads.&lt;/p&gt;
&lt;h3 id="technology"&gt;Technology&lt;/h3&gt;
&lt;p&gt;The site is built with &lt;strong&gt;Next.js&lt;/strong&gt; along with &lt;strong&gt;Tailwind CSS&lt;/strong&gt;, and hosted on &lt;strong&gt;Vercel&lt;/strong&gt;.&lt;/p&gt;</description></item><item><title>Life Left App</title><link>https://www.binovarghese.com/projects/life-left/</link><pubDate>Wed, 20 Aug 2025 00:00:00 +0000</pubDate><author>binovarghese8120@gmail.com (Bino Kochumol Varghese)</author><guid>https://www.binovarghese.com/projects/life-left/</guid><description>&lt;p&gt;I have created an app called Life Left to remind me about the time that is left in life, of course hypothetically. I can die today or tomorrow, and I am well aware of that. But I need to know what is left for me based on an ideal life expectancy.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Life Left&lt;/strong&gt; is a minimalist life reflection web app that helps users visualize how much of their life may still remain, based on their age, retirement plan, and expected lifespan. The app is inspired by the &lt;em&gt;memento mori&lt;/em&gt; philosophy, which encourages awareness of life’s finiteness so people can live with greater intention and purpose instead of falling into routine.&lt;/p&gt;
&lt;figure&gt;
 &lt;picture&gt;
 &lt;source media="(max-width: 820px)" srcset="https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_c33c981f34690e2a.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_242d354c0d20f4d4.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_47916666a9f0fd5.webp 960w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_242d354c0d20f4d4.webp" srcset="https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_c33c981f34690e2a.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_242d354c0d20f4d4.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_47916666a9f0fd5.webp 960w, https://www.binovarghese.com/img/blog/2025/life-left/Life-Left_hu_1378a1da91246bf5.webp 1200w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"
 width="720" height="439" alt="Life left home page"
 fetchpriority="high" decoding="async"&gt;
&lt;/picture&gt;

 &lt;figcaption&gt;
 &lt;p&gt;Life left home page&lt;/p&gt;
 &lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h3 id="app-link"&gt;App Link&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🌿&lt;a href="https://lifeleft.binovarghese.com/"&gt;Life Left App&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="screenshots"&gt;Screenshots&lt;/h3&gt;
&lt;p&gt;You can find the screenshots of the theme below:&lt;/p&gt;
&lt;figure&gt;
 &lt;picture&gt;
 &lt;source media="(max-width: 820px)" srcset="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_d2c4b7849f454a83.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_a33e3358fc9a5fc.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_e679eb4489ec79a8.webp 960w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_a33e3358fc9a5fc.webp" srcset="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_d2c4b7849f454a83.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_a33e3358fc9a5fc.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_e679eb4489ec79a8.webp 960w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-1_hu_f5b63c1fb857abd4.webp 1200w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"
 width="720" height="449" alt="Life Left home page"
 loading="lazy" decoding="async"&gt;
&lt;/picture&gt;

 &lt;figcaption&gt;
 &lt;p&gt;Life Left home page&lt;/p&gt;
 &lt;/figcaption&gt;
&lt;/figure&gt;

&lt;figure&gt;
 &lt;picture&gt;
 &lt;source media="(max-width: 820px)" srcset="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_fb77cf47d547dc6b.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_fba704f75e258bc4.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_114199180fc487a1.webp 960w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_fba704f75e258bc4.webp" srcset="https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_fb77cf47d547dc6b.webp 480w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_fba704f75e258bc4.webp 720w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_114199180fc487a1.webp 960w, https://www.binovarghese.com/img/blog/2025/life-left/life-left-app-2_hu_bed658e4e777dd74.webp 1200w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"
 width="720" height="425" alt="Life Span page"
 loading="lazy" decoding="async"&gt;
&lt;/picture&gt;

 &lt;figcaption&gt;
 &lt;p&gt;Life Span page&lt;/p&gt;
 &lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h3 id="features"&gt;Features&lt;/h3&gt;
&lt;h4 id="input"&gt;Input&lt;/h4&gt;
&lt;p&gt;Users are required to provide a few basic details:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Birth date&lt;/li&gt;
&lt;li&gt;Retirement age&lt;/li&gt;
&lt;li&gt;Expected lifespan&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="output"&gt;Output&lt;/h4&gt;
&lt;p&gt;Based on the input, the following insights are displayed on the home page:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Current Age&lt;/strong&gt;&lt;br&gt;
Shows how many years, months, and days the user has lived.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Remaining Time&lt;/strong&gt;&lt;br&gt;
Displays the remaining lifespan based on the expected age.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Sleep Time Projection&lt;/strong&gt;&lt;br&gt;
Estimates how much of life may be spent sleeping, calculated using an average of eight hours per day.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Work Time Projection&lt;/strong&gt;&lt;br&gt;
Estimates the total time likely to be spent working, based on standard work hours and weekdays.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Actual Personal Time&lt;/strong&gt;&lt;br&gt;
Reveals how much lifetime remains after accounting for sleep and work, highlighting the time available for meaningful and personal pursuits.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In addition to numeric insights, the app visually represents the remaining years of life using colored blocks, making abstract time more tangible and easier to reflect on.&lt;/p&gt;
&lt;h3 id="technology"&gt;Technology&lt;/h3&gt;
&lt;p&gt;The application is built as a lightweight single-page app using &lt;strong&gt;React&lt;/strong&gt; for real-time calculations and dynamic UI updates. &lt;strong&gt;Tailwind CSS&lt;/strong&gt; is used for responsive and consistent styling. All calculations are performed entirely on the client side, with no backend dependency.&lt;/p&gt;
&lt;p&gt;So, that&amp;rsquo;s it. A simple app to remind the finite time available with me in this planet. We all know one day or another day we all going to die, but a reminder makes little more aware of the same. And yes, hopefully I will add more features to this and will add here.&lt;/p&gt;</description></item><item><title>Lightbi Hugo Theme</title><link>https://www.binovarghese.com/projects/lightbi/</link><pubDate>Sat, 16 Jan 2021 00:00:00 +0000</pubDate><author>binovarghese8120@gmail.com (Bino Kochumol Varghese)</author><guid>https://www.binovarghese.com/projects/lightbi/</guid><description>&lt;p&gt;Lightbi is a modern, elegant Hugo theme focused on readability, performance, and content-first design. It offers a clean, minimal experience for personal blogs, digital gardens, and long form writing, with two homepage modes, Profile for personal introductions and Blog for content driven sites, plus responsive layouts and light/dark mode support.&lt;/p&gt;
&lt;figure&gt;
 &lt;picture&gt;
 &lt;source media="(max-width: 820px)" srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_c941c4e71cc5f8b8.webp 480w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_8606574c9a82ba4d.webp 720w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_78c05718307191a.webp 960w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_8606574c9a82ba4d.webp" srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_c941c4e71cc5f8b8.webp 480w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_8606574c9a82ba4d.webp 720w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_78c05718307191a.webp 960w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/lightbi-home-screen_hu_b5c2e4f7efb9e4ab.webp 1200w" sizes="(max-width: 736px) calc(100vw - 32px), 704px"
 width="720" height="480" alt="Lightbi profile and blog home page"
 fetchpriority="high" decoding="async"&gt;
&lt;/picture&gt;

 &lt;figcaption&gt;
 &lt;p&gt;Lightbi profile and blog home page&lt;/p&gt;
 &lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h3 id="demo--github"&gt;Demo &amp;amp; GitHub&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;😎&lt;a href="https://lightbi.binovarghese.com/"&gt;Lightbi Profile Mode&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🪶&lt;a href="https://lighbi-blog-mode.netlify.app/en/"&gt;Lightbi Blog Mode&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📁&lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo/"&gt;GitHub Repository&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="screenshots"&gt;Screenshots&lt;/h3&gt;
&lt;p&gt;You can find the screenshots of the theme below:&lt;/p&gt;
&lt;div class="gallery"&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/1_hu_2ba8dae8c1b9dfde.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/1_hu_21d6f3f5c0c6c16a.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/1_hu_22b16f87ce18c89f.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/1_hu_21d6f3f5c0c6c16a.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/1_hu_380381c724b41367.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="579"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/1.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/2_hu_d296a4f7a67a7fd4.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/2_hu_16141e6b6a4ceb87.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/2_hu_61b0af417e21e80d.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/2_hu_16141e6b6a4ceb87.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/2_hu_22220d8d15dc760d.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="579"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/2.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/3_hu_d5d29e88aa6435ed.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/3_hu_1581770fb89f47b0.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/3_hu_5735cf3b6dffe2ae.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/3_hu_1581770fb89f47b0.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/3_hu_e78254b46935c0e0.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="814"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/3.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/4_hu_70f45e39332da009.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/4_hu_d26fd0a8dfa9a80d.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/4_hu_3297c6749c128bf9.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/4_hu_d26fd0a8dfa9a80d.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/4_hu_505216c3488384ed.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="329"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/4.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/5_hu_b762121bf0eeb81f.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/5_hu_1f1db550e39346fc.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/5_hu_1024fa27913c5e89.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/5_hu_1f1db550e39346fc.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/5_hu_b7a6a08c6712e2d4.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="858"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/5.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;&lt;a href="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/6_hu_7207913ee01d2271.webp" class="glightbox gallery-item"&gt;
 &lt;span class="gallery-zoom"&gt;
 &lt;img src="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/6_hu_50cf5f7a9bafd526.webp"
 srcset="https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/6_hu_bc160f9ccc531923.webp 360w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/6_hu_50cf5f7a9bafd526.webp 540w, https://www.binovarghese.com/img/blog/2021/lightbi-blog-theme/gallery-v2/6_hu_f555d6aa3a07f80.webp 800w"
 sizes="(max-width: 576px) calc(50vw - 20px), (max-width: 736px) calc(33vw - 21px), 224px"
 width="540" height="579"
 loading="lazy" decoding="async"
 alt="/img/blog/2021/lightbi-blog-theme/gallery-v2/6.png" /&gt;
 &lt;/span&gt;
 &lt;/a&gt;
&lt;/div&gt;

&lt;h3 id="features"&gt;Features&lt;/h3&gt;
&lt;p&gt;Below are the features of Lightbi theme.&lt;/p&gt;
&lt;h4 id="general"&gt;General&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Two Modes:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Profile&lt;/li&gt;
&lt;li&gt;Blog&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Two Main Content Sections:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Blog&lt;/li&gt;
&lt;li&gt;Notes&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Responsive Design&lt;/strong&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Built with a &lt;strong&gt;mobile-first approach&lt;/strong&gt; for seamless viewing on any device.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Card-Based Theme&lt;/strong&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Flexible image placement options:
&lt;ul&gt;
&lt;li&gt;Image at the top of the card&lt;/li&gt;
&lt;li&gt;Image in the middle of the card&lt;/li&gt;
&lt;li&gt;Image at the bottom of the card&lt;/li&gt;
&lt;li&gt;No image option&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Image Gallery&lt;/strong&gt;&lt;br&gt;
  You can add multiple images to your post and display them beautifully as a gallery.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Menu Location Indicator&lt;/strong&gt;:&lt;br&gt;
Clear visual cues for active menu items.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Multilingual Support&lt;/strong&gt;:&lt;br&gt;
Includes a &lt;strong&gt;language selector&lt;/strong&gt; for easy switching between languages.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Taxonomies&lt;/strong&gt;:&lt;br&gt;
Organize content effectively with customizable tags and categories.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Search Functionality&lt;/strong&gt;:&lt;br&gt;
Integrated search option for quick content access.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Light/Dark Theme&lt;/strong&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Automatic theme switching&lt;/strong&gt; based on browser preferences.&lt;/li&gt;
&lt;li&gt;Includes a manual &lt;strong&gt;theme-switch button&lt;/strong&gt; for user control.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Google Analytics Integration&lt;/strong&gt;:&lt;br&gt;
Track user activity with built-in support for Google Analytics.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;SEO-Friendly&lt;/strong&gt;:&lt;br&gt;
Optimized for search engines to improve visibility.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Commit SHA in Footer&lt;/strong&gt;:&lt;br&gt;
Display the current &lt;strong&gt;commit SHA&lt;/strong&gt; for version tracking.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Self-Hosted Assets&lt;/strong&gt;:&lt;br&gt;
Compliant with &lt;strong&gt;GDPR / EU-DSGVO&lt;/strong&gt; regulations by hosting all assets locally.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Bootstrap Icons&lt;/strong&gt;:&lt;br&gt;
Beautiful, lightweight icons integrated with &lt;strong&gt;Bootstrap Icons&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h5 id="page"&gt;Page&lt;/h5&gt;
&lt;ul&gt;
&lt;li&gt;Other Posts suggestion below a post.&lt;/li&gt;
&lt;li&gt;Social-Media Share buttons on posts.&lt;/li&gt;
&lt;li&gt;Syntax highlighting.&lt;/li&gt;
&lt;li&gt;Cover image for each post (with Responsive image support).&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="configurations"&gt;Configurations&lt;/h3&gt;
&lt;h4 id="select-theme-mode"&gt;Select theme mode&lt;/h4&gt;
&lt;p&gt;To configure the theme for either profile or blog mode, add the following under the params section in your hugo.toml file:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Set &lt;code&gt;homepageLayout = &amp;quot;profile&amp;quot;&lt;/code&gt; for profile mode&lt;/li&gt;
&lt;li&gt;Set &lt;code&gt;homepageLayout = &amp;quot;blog&amp;quot;&lt;/code&gt; for blog mode&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id="card-based-theme"&gt;Card based theme.&lt;/h4&gt;
&lt;p&gt;To customize the image placement within a card, the Lightbi theme offers four flexible options.
To configure this, use the &lt;code&gt;previewCardImagePlacement&lt;/code&gt; parameter in the &lt;code&gt;hugo.toml&lt;/code&gt; file. Set it as follows:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;For the image at the top: &lt;code&gt;previewCardImagePlacement = &amp;quot;top&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;For the image in the middle: &lt;code&gt;previewCardImagePlacement = &amp;quot;middle&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;For the image at the bottom: &lt;code&gt;previewCardImagePlacement = &amp;quot;bottom&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;For no image: &lt;code&gt;previewCardImagePlacement = &amp;quot;none&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;For more details about parameters you can check &lt;a href="https://www.binovarghese.com/blog/2021/lightbi-theme-parameters/"&gt;here&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id="other-links"&gt;Other links&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;🚹 &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo-demo"&gt;Profile Demo repo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📝 &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo-blog-mode"&gt;Blog Demo repo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🐛 &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo/issues"&gt;Bug reports &amp;amp; Issues&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;💡 &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo/discussions"&gt;Questions &amp;amp; feature requests&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📄 &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo/wiki"&gt;Lightbi wiki&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🕸️ &lt;a href="https://github.com/binokochumolvarghese/lightbi-hugo/wiki/Websites-built-with-Lightbi"&gt;Websites built with Lightbi&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This theme is designed to help you build amazing websites with ease. I would love to hear your feedback and see your creations.&lt;/p&gt;</description></item></channel></rss>