Fix detailed page

This commit is contained in:
Kristofers Solo 2023-06-29 21:47:30 +00:00
parent 9854756de8
commit 988420a87c

View File

@ -13,33 +13,33 @@
</h2> </h2>
<!-- os platform icons --> <!-- os platform icons -->
<div class="my-4 flex justify-center items-center gap-x-4"> <div class="my-4 flex justify-center items-center gap-x-4">
<a href="/search/?q=linux"><i class="fa-brands fa-linux fa-lg hover:text-lightsteelblue-200 transform duration-300 ease-linear <a href="/search/?q=linux"><i class="fa-brands fa-linux fa-lg hover:text-lightsteelblue-200 transform duration-200 ease-linear
{% if project.runs_on_linux %} {% if project.runs_on_linux %}
text-lightsteelblue-100 text-lightsteelblue-100
{% else %} {% else %}
text-slategray-200 text-slategray-200
{% endif %}"></i></a> {% endif %}"></i></a>
<a href="/search/?q=windows"><i class="fa-brands fa-windows fa-lg hover:text-lightsteelblue-200 transform duration-300 ease-linear <a href="/search/?q=windows"><i class="fa-brands fa-windows fa-lg hover:text-lightsteelblue-200 transform duration-200 ease-linear
{% if project.runs_on_windows %} {% if project.runs_on_windows %}
text-lightsteelblue-100 text-lightsteelblue-100
{% else %} {% else %}
text-slategray-200 text-slategray-200
{% endif %}"></i></a> {% endif %}"></i></a>
<a href="/search/?q=macos"><i class="fa-brands fa-apple fa-lg hover:text-lightsteelblue-200 transform duration-300 ease-linear <a href="/search/?q=macos"><i class="fa-brands fa-apple fa-lg hover:text-lightsteelblue-200 transform duration-200 ease-linear
{% if project.runs_on_macos %} {% if project.runs_on_macos %}
text-lightsteelblue-100 text-lightsteelblue-100
{% else %} {% else %}
text-slategray-200 text-slategray-200
{% endif %}"></i></a> {% endif %}"></i></a>
<a href="/search/?q=ios"><i id="ios" <a href="/search/?q=ios"><i id="ios"
class="fa-brands fa-app-store-ios fa-lg hover:text-lightsteelblue-200 transform duration-300 ease-linear class="fa-brands fa-app-store-ios fa-lg hover:text-lightsteelblue-200 transform duration-200 ease-linear
{% if project.runs_on_ios %} {% if project.runs_on_ios %}
text-lightsteelblue-100 text-lightsteelblue-100
{% else %} {% else %}
text-slategray-200 text-slategray-200
{% endif %}"></i></a> {% endif %}"></i></a>
<a href="/search/?q=android"><i id="android" <a href="/search/?q=android"><i id="android"
class="fa-brands fa-android fa-lg hover:text-lightsteelblue-200 transform duration-300 ease-linear class="fa-brands fa-android fa-lg hover:text-lightsteelblue-200 transform duration-200 ease-linear
{% if project.runs_on_android %} {% if project.runs_on_android %}
text-lightsteelblue-100 text-lightsteelblue-100
{% else %} {% else %}
@ -51,7 +51,7 @@
{% for tag in project.tag.all|dictsort:"name" %} {% for tag in project.tag.all|dictsort:"name" %}
<a href="/search/?q={{ tag.name }}"> <a href="/search/?q={{ tag.name }}">
<span title="{{ tag.description }}" <span title="{{ tag.description }}"
class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60 transform duration-300 ease-linear"> class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60 transform duration-200 ease-linear">
{{ tag }} {{ tag }}
</span> </span>
</a> </a>
@ -62,7 +62,7 @@
{% for language in project.projectprogramminglanguage_set.all|dictsortreversed:"percentage" %} {% for language in project.projectprogramminglanguage_set.all|dictsortreversed:"percentage" %}
<a href="/search/?q={{ language.name }}"> <a href="/search/?q={{ language.name }}">
<span title="{{ language.percentage }}%" <span title="{{ language.percentage }}%"
class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60 transform duration-300 ease-linear"> class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60 transform duration-200 ease-linear">
{{ language.programming_language }} {{ language.programming_language }}
</span> </span>
</a> </a>
@ -75,7 +75,7 @@
<div class="flex justify-between w-full mt-4 font-abel"> <div class="flex justify-between w-full mt-4 font-abel">
<!-- licenses --> <!-- licenses -->
<div> <div>
<button class="text-xl underline font-abel hover:text-lightsteelblue-200 transform duration-300 ease-linear" <button class="text-xl underline font-abel hover:text-lightsteelblue-200 transform duration-200 ease-linear"
id="menu-button" id="menu-button"
aria-haspopup="true" aria-haspopup="true"
aria-expanded="true">Licenses</button> aria-expanded="true">Licenses</button>
@ -83,7 +83,7 @@
<!-- hosting platform --> <!-- hosting platform -->
<div class=""> <div class="">
<p> <p>
See project source code and read more <a class="underline text-skyblue-300 hover:text-cadetblue-300 transform duration-300 ease-linear" See project source code and read more <a class="underline text-skyblue-300 hover:text-cadetblue-300 transform duration-200 ease-linear"
href="{{ project.projecthostingplatform.url }}" href="{{ project.projecthostingplatform.url }}"
target="_blank">here</a>! target="_blank">here</a>!
</p> </p>
@ -100,7 +100,7 @@
{% for license in project.license.all|dictsort:"short_name" %} {% for license in project.license.all|dictsort:"short_name" %}
<a href="{{ license.url }}"> <a href="{{ license.url }}">
<span title="{{ license.full_name }}" <span title="{{ license.full_name }}"
class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60"> class="bg-opacity-0 border rounded-xl border-slategray-200 px-3 text-xs min-w-16 hover:bg-steelblue-400 hover:bg-opacity-60 transform duration-200 ease-linear">
{{ license }} {{ license }}
</span> </span>
</a> </a>
@ -111,12 +111,12 @@
</div> </div>
{% if user == project.owner %} {% if user == project.owner %}
<div class="flex justify-between mt-8 mx-16"> <div class="flex justify-between mt-8 mx-16">
<button class="button submit-button-enabled text-gray-500 bg-skyblue-300"> <a href="{% url 'project-update' project.owner project.name %}">
<a href="{% url 'project-update' project.owner project.name %}">Update</a> <button class="button hover:bg-opacity-60 bg-mediumpurple-100 text-gray-500">Update</button>
</button> </a>
<button class="button submit-button-enabled text-gray-500 bg-burlywood hover:opacity-60"> <a href="{% url 'project-delete' project.owner project.name %}">
<a href="{% url 'project-delete' project.owner project.name %}">Delete</a> <button class="button hover:bg-opacity-60 bg-lightcoral text-gray-500">Delete</button>
</button> </a>
</div> </div>
{% endif %} {% endif %}
</div> </div>