/ var / www / html / vicas-dev / blog / templates / blog / [ HOME SHELL ]

Name	Size	Permission
Navbar.html	1.37 KB	-rw-r--r--
addblog.html	1.95 KB	-rw-r--r--
blog_details.html	1.74 KB	-rw-r--r--
blog_list.html	1.91 KB	-rw-r--r--
blogprofile.html	0 B	-rw-r--r--
student_list.html	852 B	-rw-r--r--

Code Editor : blog_list.html

{% extends "base.html" %}

{% block content %}
<div class="flex justify-between items-center mb-6">
    <h1 class="text-3xl font-bold">All Blog</h1>
    <a href="{% url 'addblog' %}" class="border border-blue-500 bg-blue-500 hover:bg-blue-600 transition-colors duration-200 cursor-pointer text-white py-2 px-4 rounded-md font-bold shadow-md">Add New Blog</a>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
    {% for post in posts %}
    <div class="flex flex-col items-center bg-white border border-gray-200 rounded-xl shadow-lg h-[470px] w-full max-w-[340px] mx-auto p-6 transition-transform duration-300 hover:scale-105 hover:shadow-2xl">
        <div class="w-full h-40 mb-4 rounded-lg overflow-hidden border-4 border-blue-100 shadow transition-transform duration-300 hover:scale-110">
            {% if post.profile_photo %}
                <img src="{{ post.profile_photo.url }}" alt="{{ post.title }}" class="w-full h-full object-cover transition-transform duration-300 hover:scale-110">
            {% else %}
                <img src="https://ui-avatars.com/api/?name={{ post.author|urlencode }}&background=0D8ABC&color=fff" alt="Default Profile Photo" class="w-full h-full object-cover transition-transform duration-300 hover:scale-110">
            {% endif %}
        </div>
        <h2 class="text-xl font-bold text-center mb-2 line-clamp-2">
            <a href="{% url 'blog_detail' post.slug %}" class="hover:text-blue-600 transition-colors duration-200">{{ post.title }}</a>
        </h2>
        <p class="text-xs text-gray-500 mb-2 text-center">By {{ post.author }} | {{ post.created_at|date:"F d, Y" }}</p>
        <p class="text-gray-700 text-sm line-clamp-4 text-center flex-1">{{ post.content|truncatewords:30 }}</p>
        <a href="{% url 'blog_detail' post.slug %}" class="mt-1 inline-block text-blue-500 hover:underline font-semibold">Read More</a>
    </div>
    {% endfor %}
</div>
{% endblock %}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : blog_list.html

Urban Research Lab