feat: dynamic main icon
This commit is contained in:
@@ -22,7 +22,7 @@
|
||||
|
||||
<section class="section" aria-labelledby="contact-form-heading">
|
||||
<div class="container">
|
||||
<div class="contact-layout">
|
||||
<div class="contact-layout{% if not site_contact.has_contact_sidebar %} contact-layout--full{% endif %}">
|
||||
|
||||
<div class="contact-form-wrap glass-card fade-in">
|
||||
<h2 class="contact-form-title" id="contact-form-heading">Send a Message</h2>
|
||||
@@ -75,7 +75,9 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% if site_contact.has_contact_sidebar %}
|
||||
<aside class="contact-sidebar">
|
||||
{% if site_contact.has_support_email %}
|
||||
<div class="contact-card glass-card fade-in">
|
||||
<div class="contact-icon" aria-hidden="true">
|
||||
<svg width="28" height="28" viewBox="0 0 32 32" fill="none">
|
||||
@@ -83,22 +85,30 @@
|
||||
<path d="M5 9L16 16L27 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="contact-card-title">Email Support</h3>
|
||||
<p class="contact-card-desc">For direct software support:</p>
|
||||
<a href="mailto:support@radiuma.com" class="contact-email-link">support@radiuma.com</a>
|
||||
<h3 class="contact-card-title">{{ site_contact.email_card_title_display }}</h3>
|
||||
{% if site_contact.email_card_description %}
|
||||
<p class="contact-card-desc">{{ site_contact.email_card_description }}</p>
|
||||
{% endif %}
|
||||
{% include "partials/_contact_email.html" with link_class="contact-email-link" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if site_contact.has_discord %}
|
||||
<div class="contact-card glass-card fade-in">
|
||||
<div class="contact-icon" aria-hidden="true">
|
||||
<svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor">
|
||||
<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>
|
||||
</div>
|
||||
<h3 class="contact-card-title">Discord Community</h3>
|
||||
<p class="contact-card-desc">Join for community support and announcements.</p>
|
||||
<a href="https://discord.gg/9XxA6pV9hb" class="btn-primary btn--sm" target="_blank" rel="noopener noreferrer">Join Discord</a>
|
||||
<h3 class="contact-card-title">{{ site_contact.discord_card_title_display }}</h3>
|
||||
{% if site_contact.discord_card_description %}
|
||||
<p class="contact-card-desc">{{ site_contact.discord_card_description }}</p>
|
||||
{% endif %}
|
||||
{% include "partials/_contact_discord.html" with button_class="btn-primary btn--sm" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if site_contact.has_office_address %}
|
||||
<div class="contact-card glass-card fade-in">
|
||||
<div class="contact-icon" aria-hidden="true">
|
||||
<svg width="28" height="28" viewBox="0 0 32 32" fill="none">
|
||||
@@ -106,15 +116,12 @@
|
||||
<circle cx="16" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="contact-card-title">Office</h3>
|
||||
<address class="contact-address">
|
||||
<p>BC Cancer Research Center</p>
|
||||
<p>675 West 10th Ave, Office 6-112</p>
|
||||
<p>Vancouver, BC, V5Z 1L3</p>
|
||||
<p>Canada</p>
|
||||
</address>
|
||||
<h3 class="contact-card-title">{{ site_contact.office_card_title_display }}</h3>
|
||||
{% include "partials/_contact_office.html" with address_class="contact-address" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</aside>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user