Skip to content

Made profile boxes clickable #299

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
CodePokeX merged 1 commit into from
Jan 21, 2026
Merged

Made profile boxes clickable #299

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 29 additions & 29 deletions corpus/templates/pages/profile_box.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
{% load static %}

{% if profile_url %}
<a href="{{ profile_url }}">
{% endif %}

<div class="margins">
<div class="margins cursor-pointer"
{% if member and member.roll_number %}
onclick="window.location.href='{% url 'accounts_profile' roll_no=member.roll_number %}'"
{% else %}
onclick="window.location.href='#'"
{% endif %}
>
<div class="card card-bordered w-72 bg-base-300 shadow-xl overflow-hidden rounded-2xl
hover:scale-105 hover:shadow-2xl transition-transform duration-300 ease-in-out">

Expand All @@ -14,15 +16,15 @@
py-6 flex justify-center">

<img loading="lazy"
class="profile-pic border-4 border-white dark:border-neutral-900
shadow-lg object-cover object-center bg-white"
{% if user.profile_pic %}
src="{{ user.profile_pic.url }}"
{% else %}
src="{% static 'img/default_profile_picture.png' %}"
{% endif %}
alt="{{ user }}"
/>
class="profile-pic w-24 h-24 rounded-full
border-4 border-white dark:border-neutral-900
shadow-lg object-cover object-center bg-white"
{% if user.profile_pic %}
src="{{ user.profile_pic.url }}"
{% else %}
src="{% static 'img/default_profile_picture.png' %}"
{% endif %}
alt="photo">
</div>

<!-- BODY -->
Expand All @@ -34,38 +36,40 @@
</h2>

{% if post %}
<p class="card-post text-sm text-blue-700 dark:text-blue-300">
<p class="text-sm text-blue-700 dark:text-blue-300">
{{ post }}
</p>
{% endif %}

<!-- ACTION BUTTONS -->
<div class="card-actions flex justify-center gap-4 mt-2">

{% if linkedin and not hide_linkedin %}
<a href="{{ linkedin }}" target="_blank"
class="btn btn-circle btn-outline
border-blue-400 text-blue-600
onclick="event.stopPropagation()"
class="btn btn-circle btn-outline border-blue-400 text-blue-600
dark:border-blue-200 dark:text-blue-200
hover:bg-blue-600 hover:text-white transition-all">
<i class="fab fa-linkedin"></i>
</a>
{% endif %}

{% if github and not hide_github %}
<a href="https://github.com/{{ github }}" target="_blank"
class="btn btn-circle btn-outline
border-neutral text-neutral-700
dark:border-blue-300 dark:text-blue-200
<a href="https://github.com/{{ github }}"
target="_blank"
onclick="event.stopPropagation()"
class="btn btn-circle btn-outline border-neutral text-neutral-700
dark:text-blue-200 dark:border-blue-300
hover:bg-neutral-700 hover:text-white transition-all">
<i class="fab fa-github"></i>
</a>
{% endif %}

{% if website %}
<a href="{{ website }}" target="_blank"
class="btn btn-circle btn-outline
border-neutral text-neutral-700
dark:border-blue-300 dark:text-blue-200
onclick="event.stopPropagation()"
class="btn btn-circle btn-outline border-neutral text-neutral-700
dark:text-blue-200 dark:border-blue-300
hover:bg-neutral-700 hover:text-white transition-all">
<i class="fas fa-globe"></i>
</a>
Expand All @@ -74,8 +78,4 @@
</div>
</div>
</div>
</div>

{% if profile_url %}
</a>
{% endif %}
</div>