improved the index page (#18)

- Added a limited list of latest posts
  - Improved the visibility of such posts
- Changed the intro text

src/_includes/home.html

@@ -19,20 +19,36 @@ <h2 class="text-md md:text-2xl text-center">Coding Bull is a <span class="text-a
             </div>
         </div>
     </div>
-                    
-    <div class="prose mt-16">
+
+    <div class="blog-content mt-16">
         {{ content | safe }}
     </div>
 
     <div class="my-8">
-        <div class="text-xl">Blog posts:</div>
-        <ul class="list-disc list-inside">
+        <div class="text-center text-3xl blog-title my-4 font-bold">
+            Latest posts:
+        </div>
+        <div class="grid lg:grid-cols-3 gap-5">
             {% for post in collections.blog %}
-            <li>
-                <a href="{{ post.url }}">{{ post.data.title }}</a>
-            </li>
-            {% endfor %}
-        </ul>
+            {% if loop.index0 < 3 %} <a href="{{ post.url }}"
+                class="transition ease-in-out delay-150 block bg-base-300 hover:scale-110 hover:bg-base-200 shadow-md p-4 text-primary-content flex-col justify-between">
+                <h3 class="text-xl text-center h-3/4">
+                    {{ post.data.title }}
+                </h3>
+
+                <div class="flex gap-x-3">
+                    {% for tag in post.data.tags %}
+                    {% if tag !== 'posts' %}
+                    <span class="hidden lg:block bg-base-100 text-accent rounded-xl py-1 px-3 text-sm">
+                        #{{ tag }}
+                    </span>
+                    {% endif %}
+                    {% endfor %}
+                </div>
+                </a>
+                {% endif %}
+                {% endfor %}
+        </div>
     </div>
 </div>
 

src/index.md

@@ -6,4 +6,10 @@ image: "/image/landing.png"
 ---
 Hi! Welcome to Coding Bull!
 
-## This website us currently under development.
+Want to learn some niche coding tricks? Are you just looking to improve your daily work routine? Do you want to see a lot of GIFs?
+
+Then you are in the right place!
+
+## New videos are being added to our Youtube channel daily.
+
+You can also subscribe to our newsletter to receive the latest news.