From f24148d43189bd72f7ef7f498f30cdee8700d5e5 Mon Sep 17 00:00:00 2001 From: rubenwardy Date: Tue, 21 Jan 2020 22:40:51 +0000 Subject: Improve package page styling --- app/templates/base.html | 3 +- app/templates/packages/view.html | 196 +++++++++++++++++++++++---------------- app/templates/users/list.html | 4 +- 3 files changed, 122 insertions(+), 81 deletions(-) (limited to 'app/templates') diff --git a/app/templates/base.html b/app/templates/base.html index e0cdf03..df10208 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -7,7 +7,7 @@ {% block title %}title{% endblock %} - {{ config.USER_APP_NAME }} - + @@ -153,6 +153,7 @@ new EasyMDE({ element: this, hideIcons: ["image"], forceSync: true }); }) + {% block scriptextra %}{% endblock %} diff --git a/app/templates/packages/view.html b/app/templates/packages/view.html index 740bf7e..362f4f4 100644 --- a/app/templates/packages/view.html +++ b/app/templates/packages/view.html @@ -7,30 +7,107 @@ {% endblock %} {% block container %} + {% if not package.license.is_foss and not package.media_license.is_foss and package.type != package.type.TXP %} + {% set package_warning="Non-free code and media" %} + {% elif not package.license.is_foss and package.type != package.type.TXP %} + {% set package_warning="Non-free code" %} + {% elif not package.media_license.is_foss %} + {% set package_warning="Non-free media" %} + {% endif %} + {% set release = package.getDownloadRelease() %} +
+ style="background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url('{{ package.getMainScreenshotURL() }}'); + background-size: cover; + background-repeat: no-repeat; + background-position: center;">

{{ package.title }} - by {{ package.author.display_name }}

{{ package.short_desc }}

-
-
- {{ package.getDownloadCount() }} downloads +

+ {% if package_warning %} + + + {{ package_warning }} + + {% endif %} + {% for t in package.tags %} + {{ t.title }} + {% endfor %} +

+ +
+
+ + + + {{ package.author.display_name }} + + + + + {{ package.getDownloadCount() }} + + + + {{ threads | length }} + + {% if package.website %} + + + {{ _("Website") }} + + {% endif %} + {% if package.repo %} + + + {{ _("Source") }} + + {% endif %} + {% if package.forums %} + + + {{ _("Forums") }} + + {% endif %} + {% if package.issueTracker %} + + + {{ _("Issue Tracker") }} + + {% endif %}
+ {% if release and (release.min_rel or release.max_rel) %} +
+ + + {% if release.min_rel and release.max_rel %} + {{ _("%(min)s - %(max)s", min=release.min_rel.name, max=release.max_rel.name) }} + {% elif release.min_rel %} + {{ _("%(min)s and above", min=release.min_rel.name) }} + {% elif release.max_rel %} + {{ _("%(max)s and below", max=release.max_rel.name) }} + {% endif %} + +
+ {% endif %}
- {% if package.repo %}View Source{% endif %} - {% if package.forums %}Forums{% endif %} - {% if package.issueTracker %}Issue Tracker{% endif %} - {% if package.website %}Website{% endif %} + {% if release %} + + {{ _("Download") }} + + {% else %} + + {{ _("No downloads available") }} + + {% endif %}
@@ -112,49 +189,22 @@ {% endif %}