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

Name	Size	Permission	Action
Gallery.html	8.07 KB	-rw-r--r--
base.html	4.88 KB	-rw-r--r--
blogs.html	309 B	-rw-r--r--
contact.html	3.2 KB	-rw-r--r--
fullwidth.html	191 B	-rw-r--r--
index.html	7.19 KB	-rw-r--r--
index1.html	54.46 KB	-rw-r--r--
login.html	1.88 KB	-rw-r--r--
members.html	4.77 KB	-rw-r--r--
navbar.html	10.48 KB	-rw-r--r--
navbar.html-bk	7.15 KB	-rw-r--r--
register.html	1.65 KB	-rw-r--r--
sidebar_left.html	308 B	-rw-r--r--
sidebar_right.html	308 B	-rw-r--r--

Code Editor : navbar.html-bk

<div class="bg-white shadow-lg rounded-b-xl sticky top-0 z-50">
  <div class="px-5 flex items-center min-vh-80 justify-content-between py-4">
    
    <a href="/" class="flex items-center gap-3 group">
      <div
        class="bg-gradient-to-tr from-blue-500 to-purple-600 rounded-full p-1 shadow-lg transition-transform group-hover:scale-105"
      >
        <img
          class="h-16 w-16 object-contain rounded-full border-4 border-white"
          src="/static/assets/v-icon.png"
          alt="Logo"
        />
      </div>
    </a>

<ul class="md:flex w-full flex-1 justify-center space-x-4 font-medium">
      <li>
        <a
          href="/"
          class="{% if request.path == '/' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
        >
          Home
        </a>
      </li>
      {% comment %} <li>
        <a
          href="/contact"
          class="{% if request.path == '/contact' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
        >
          Contact Us
        </a>
      </li> {% endcomment %}
      <li>
        <a
          href="/gallery"
          class="{% if request.path == '/gallery' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
        >
          Gallery
        </a>
      </li>
      <li>
        <a href="{% url 'publication_list' %}" class="hover:text-blue-600"
          >Research & Publications</a
        >
      </li>
      <li>
        <a
          href="{% url 'blog_list' %}"
          class="{% if request.resolver_match.url_name == 'blog_list' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
        >
          Blog
        </a>
      </li>

<li class="relative group">
        <a
          href="#"
          class="text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400 px-2 py-1 transition-all duration-200 whitespace-nowrap flex items-center"
        >
          Team
          <svg
            class="ml-1 w-4 h-4"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              d="M19 9l-7 7-7-7"
            />
          </svg>
        </a>
        
        <ul
          class="absolute left-0 mt-2 w-48 bg-white border border-gray-200 rounded shadow-lg opacity-0 group-hover:opacity-100 group-hover:visible invisible transition-opacity duration-200 z-50"
        >
          <li>
            <a
              href="{% url 'team_phd' %}"
              class="block px-4 py-2 hover:bg-blue-50 text-gray-700"
              >PhD Students</a
            >
          </li>
          <li>
            <a
              href="{% url 'team_mtech' %}"
              class="block px-4 py-2 hover:bg-blue-50 text-gray-700"
              >MTech Students</a
            >
          </li>
          <li>
            <a
              href="{% url 'team_btech' %}"
              class="block px-4 py-2 hover:bg-blue-50 text-gray-700"
              >BTech Students</a
            >
          </li>
          <li>
            <a
              href="{% url 'team_alumni' %}"
              class="block px-4 py-2 hover:bg-blue-50 text-gray-700"
              >Alumni</a
            >
          </li>
          <li>
            <hr class="my-1 border-gray-200" />
          </li>
          <li>
            <a
              href="{% url 'add_team_member' %}"
              class="block px-4 py-2 hover:bg-blue-50 text-gray-700"
              >Add Member</a
            >
          </li>
        </ul>
      </li>
      <li class="relative group">
        <a
          href="#"
          class="text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400 px-2 py-1 transition-all duration-200 whitespace-nowrap flex items-center"
        >
          News
          <svg
            class="ml-1 w-4 h-4"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            viewBox="0 0 24 24"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              d="M19 9l-7 7-7-7"
            />
          </svg>
        </a>
        
        <ul
          class="absolute left-0 mt-2 w-48 bg-white border border-gray-200 rounded shadow-lg opacity-0 group-hover:opacity-100 group-hover:visible invisible transition-opacity duration-200 z-50"
        >
          <li>
            <li>
              <a href="{% url 'news_list' %}" class=" px-4 py-2">News</a>
            </li>
          </li>
          <li>
            <a
              href="{% url 'mission_vision' %}"
              class="px-4 py-2"
            >
              Mission & Vision
            </a>
          </li>
        </ul>
      </li>
      <li>
        <a
          href="/contact"
          class="{% if request.path == '/contact' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
        >
          Contact Us
        </a>
      </li>
    </ul>

<div class="hidden lg:flex items-center justify-end flex-1">
      {% if request.session.profile_id %}
      <a
        href="{% url 'profile_view' %}"
        class="{% if request.resolver_match.url_name == 'profile_view' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
      >
        Profile
      </a>
      {% else %}
      <a
        href="{% url 'register' %}"
        class="{% if request.resolver_match.url_name == 'register' %}text-blue-600 font-bold border-b-2 border-blue-600{% else %}text-gray-700 hover:text-blue-600 hover:border-b-2 hover:border-blue-400{% endif %} px-2 py-1 transition-all duration-200 whitespace-nowrap"
      >
        Register
      </a>
      {% endif %}
    </div>

<button
      onclick="toggleNav()"
      class="block md:hidden border h-12 w-12 flex justify-center items-center rounded-full hover:bg-blue-600 hover:text-white transition-colors duration-200"
      aria-label="Open navigation"
    >
      <svg
        class="w-7 h-7"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        viewBox="0 0 24 24"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          d="M4 6h16M4 12h16M4 18h16"
        />
      </svg>
    </button>
  </div>
</div>

Urban Research Lab

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.