M hugo-site/layouts/index.html → hugo-site/layouts/index.html

@@ -123,19 +123,32 @@ <div class=container>
       <h1>Some of my works</h1>
       <div class="shadow-box">
         <div class="project-text">
-          <h2>- Auto Movie Tagger</h2>
-          <p> A small python script that auto tags movie files. It fetches movie
-          information and poster from imdb and tmdb.</p>
+          <a href="https://github.com/prithugoswami/auto-movie-tagger" target="_blank">
+            <div class="project-item">
+              <h2>- Auto Movie Tagger</h2>
+              <p> A small python script that auto tags movie files. It fetches movie
+              information and poster from imdb and tmdb.</p>
+            </div>
+          </a>
 
-          <h2>- moviedb</h2>
-          <p>A simple web app written using python flask framework. A user can
-          search for movies and also add them to their favorites list.</p>
+          <a href="https://github.com/prithugoswami/moviedb" target="_blank">
+            <div class="project-item">
+              <h2>- moviedb</h2>
+              <p>A simple web app written using python flask framework. A user
+              can search for movies and also add them to their favorites
+              list.</p>
+            </div>
+          </a>
 
-          <h2>- dotfiles</h2>
-          <p>These are just my linux config files that I use on my Arch Linux
-          machine.</p>
+          <a href="https://github.com/prithugoswami/dotfiles" target="_blank">
+            <div class="project-item">
+              <h2>- dotfiles</h2>
+              <p>These are just my linux config files that I use on my Arch
+              Linux machine.</p>
+            </div>
+          </a>
         </div>
-        <div class=btn id=project-cta>View All</div>
+        <!-- <div class=btn id=project-cta>View All</div> -->
     </div>
   </section>
 

M hugo-site/static/css/main.css → hugo-site/static/css/main.css

@@ -267,6 +267,16 @@ margin-left: 1.6rem;
     margin-bottom: 1rem;
 }
 
+.project-item:hover {
+    background-color: #f0f0f0;
+    border-radius: 0.4rem;
+    padding: 0.2rem 0;
+}
+.project-item {
+    border-radius: 0.4rem;
+    padding: 0.2rem 0;
+}
+
 .btn {
     margin: none;
     display: inline-block;