feat: dynamic main icon
This commit is contained in:
mohamad
@@ -0,0 +1,20 @@
|
||||
{% load static %}
|
||||
{% if placement == "footer" %}
|
||||
<img
|
||||
{% if site_branding.icon %}src="{{ site_branding.icon.url }}"{% else %}src="{% static 'images/favicon-180.png' %}"{% endif %}
|
||||
{% if site_branding.icon_alt %}alt="{{ site_branding.icon_alt }}"{% else %}alt="" aria-hidden="true"{% endif %}
|
||||
class="brand-icon"
|
||||
width="{{ site_branding.footer_icon_size }}"
|
||||
height="{{ site_branding.footer_icon_size }}"
|
||||
style="{{ site_branding.footer_icon_style }}"
|
||||
/>
|
||||
{% else %}
|
||||
<img
|
||||
{% if site_branding.icon %}src="{{ site_branding.icon.url }}"{% else %}src="{% static 'images/favicon-180.png' %}"{% endif %}
|
||||
{% if site_branding.icon_alt %}alt="{{ site_branding.icon_alt }}"{% else %}alt="" aria-hidden="true"{% endif %}
|
||||
class="brand-icon"
|
||||
width="{{ site_branding.navbar_icon_size }}"
|
||||
height="{{ site_branding.navbar_icon_size }}"
|
||||
style="{{ site_branding.navbar_icon_style }}"
|
||||
/>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,8 @@
|
||||
{% if site_contact.has_discord %}
|
||||
<a href="{{ site_contact.discord_url }}" class="{{ button_class|default:'btn-ghost btn-sm' }}" target="_blank" rel="noopener noreferrer">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057.1 18.08.114 18.1.133 18.11a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/>
|
||||
</svg>
|
||||
{{ site_contact.discord_label_display }}
|
||||
</a>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,3 @@
|
||||
{% if site_contact.has_support_email %}
|
||||
<a href="mailto:{{ site_contact.support_email }}" class="{{ link_class|default:'footer-email' }}">{{ site_contact.support_email }}</a>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,7 @@
|
||||
{% if site_contact.has_office_address %}
|
||||
<address class="{{ address_class|default:'footer-address' }}">
|
||||
{% for line in site_contact.office_address_lines %}
|
||||
<p>{{ line }}</p>
|
||||
{% endfor %}
|
||||
</address>
|
||||
{% endif %}
|
||||
@@ -9,18 +9,13 @@
|
||||
|
||||
<div class="footer-brand-col">
|
||||
<a href="{% url 'pages:home' %}" class="footer-logo" aria-label="Radiuma home">
|
||||
<img src="{% static 'images/favicon-180.png' %}" alt="" class="brand-icon" width="34" height="34" aria-hidden="true" />
|
||||
{% include "partials/_brand_icon.html" with placement="footer" %}
|
||||
<span class="brand-name">Radiuma</span>
|
||||
</a>
|
||||
<p class="footer-tagline">
|
||||
Advancing medical imaging and radiomics research through innovative, standardized software solutions.
|
||||
</p>
|
||||
<a href="https://discord.gg/9XxA6pV9hb" class="btn-ghost btn-sm" target="_blank" rel="noopener noreferrer">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
|
||||
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057.1 18.08.114 18.1.133 18.11a19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"/>
|
||||
</svg>
|
||||
Join Discord
|
||||
</a>
|
||||
{% include "partials/_contact_discord.html" with button_class="btn-ghost btn-sm" %}
|
||||
</div>
|
||||
|
||||
<div class="footer-links-col">
|
||||
@@ -34,29 +29,27 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if footer_sub_products %}
|
||||
{% if footer_main_products %}
|
||||
<div class="footer-links-col">
|
||||
<h3 class="footer-heading">Products</h3>
|
||||
<ul class="footer-links" role="list">
|
||||
{% for sub in footer_sub_products %}
|
||||
<li><a href="{{ sub.get_absolute_url }}">{{ sub.name }}</a></li>
|
||||
{% for product in footer_main_products %}
|
||||
<li><a href="{{ product.get_absolute_url }}">{{ product.name }}</a></li>
|
||||
{% endfor %}
|
||||
{% if footer_sub_products_has_more %}
|
||||
<li><a href="/products/radiuma/">more</a></li>
|
||||
{% if footer_main_products_has_more %}
|
||||
<li><a href="{% url 'products:main_product_detail' main_slug='radiuma' %}">more</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if site_contact.has_footer_contact %}
|
||||
<div class="footer-contact-col">
|
||||
<h3 class="footer-heading">Contact</h3>
|
||||
<address class="footer-address">
|
||||
<p>BC Cancer Research Center</p>
|
||||
<p>675 West 10th Ave, Office 6-112</p>
|
||||
<p>Vancouver, BC, V5Z 1L3</p>
|
||||
</address>
|
||||
<a href="mailto:support@radiuma.com" class="footer-email">support@radiuma.com</a>
|
||||
{% include "partials/_contact_office.html" with address_class="footer-address" %}
|
||||
{% include "partials/_contact_email.html" with link_class="footer-email" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class="navbar-container">
|
||||
|
||||
<a href="{% url 'pages:home' %}" class="navbar-brand" aria-label="Radiuma home">
|
||||
<img src="{% static 'images/favicon-180.png' %}" alt="" class="brand-icon" width="24" height="24" aria-hidden="true" />
|
||||
{% include "partials/_brand_icon.html" with placement="navbar" %}
|
||||
<span class="brand-name">Radiuma</span>
|
||||
</a>
|
||||
|
||||
@@ -32,34 +32,33 @@
|
||||
</a>
|
||||
<div class="megamenu" role="menu" aria-labelledby="productsTrigger">
|
||||
<div class="megamenu-inner">
|
||||
<div class="megamenu-grid">
|
||||
{% for product in nav_main_products %}
|
||||
<div class="megamenu-column">
|
||||
<a href="{{ product.get_absolute_url }}" class="megamenu-product-title" role="menuitem">
|
||||
{{ product.name }}
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
|
||||
<path d="M3 7H11M11 7L8 4M11 7L8 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</a>
|
||||
<p class="megamenu-product-desc">{{ product.short_description }}</p>
|
||||
{% with subs=product.sub_products.all %}
|
||||
{% if subs %}
|
||||
<ul class="megamenu-sublist" role="list">
|
||||
{% for sub in subs %}
|
||||
{% if sub.is_active %}
|
||||
<li>
|
||||
<a href="{{ sub.get_absolute_url }}" class="megamenu-sublink" role="menuitem">
|
||||
<span class="sublink-dot"></span>
|
||||
{{ sub.name }}
|
||||
</a>
|
||||
</li>
|
||||
<div class="megamenu-products-scroll" tabindex="0" aria-label="Product list">
|
||||
<ul class="megamenu-products" role="list">
|
||||
{% for product in nav_main_products %}
|
||||
<li class="megamenu-product-item{% if product.sub_products.all %} has-subproducts{% endif %}">
|
||||
<a href="{{ product.get_absolute_url }}" class="megamenu-product-link" role="menuitem">
|
||||
<span class="megamenu-product-name">
|
||||
{{ product.name }}
|
||||
{% if product.sub_products.all %}
|
||||
<svg class="megamenu-sub-chevron" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
|
||||
<path d="M2 4L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
{% endif %}
|
||||
</span>
|
||||
<span class="megamenu-product-desc">{{ product.short_description }}</span>
|
||||
</a>
|
||||
{% if product.sub_products.all %}
|
||||
<ul class="megamenu-sublist" role="list" aria-label="{{ product.name }} modules">
|
||||
{% for sub in product.sub_products.all %}
|
||||
<li>
|
||||
<a href="{{ sub.get_absolute_url }}" class="megamenu-sublink" role="menuitem">{{ sub.name }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user