Start9/start9.com
2
0
Fork 0
mirror of https://github.com/Start9Labs/start9.com.git synced 2026-03-26 02:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

update contact page

Browse Source
This commit is contained in:
Matt Hill
2023-10-19 15:46:16 -06:00
parent 65182487b0
commit 138f15df97
2 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/styles/peripheral.scss
View File

@@ -426,13 +426,14 @@ section#news {
section#contact {
gap: 3rem;
p {
margin: 0;
ul#contact-community {
li {
padding-bottom: 5rem;
}
}
.community__icons {
width: auto;
margin: 0;
p {
margin-bottom: 24px;
}
.zammad-form {
@@ -563,7 +564,7 @@ a.btn {
font-size: 1.1rem;
text-decoration: none;
box-shadow: 0 1rem 1rem -0.5rem var(--c-shadow-3);
border-radius: 34px;
border-radius: 10px;
&:hover {
transform: scale(1.03);

51
src/contact.njk
View File

@@ -16,23 +16,40 @@ layout: layouts/peripheral.njk
</section>
<section id="contact">
<h4 class="text-center">Reach out on social media</h4>
{% include "components/landing/social-media.njk" %}
<h4 class="text-center">message us</h4>
<p class="text-center">For the quickest response, please join us in Matrix or Telegram (icons above). Alternatively, use the form below and we will normally respond within 24 hours.</p>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="feedback-form">form will be placed in here</div>
<ul id="contact-community">
<li>
<h3>Community Forum</h3>
<p>Our Community forum offers a wealth of information. Search through existing questions or submit new questions and get fast responses from the Start9 community.</p>
<a href="{{ site.media.discourse }}" class="btn" rel="noopener noreferrer" target="_blank">Go to Forum</a>
</li>
<li>
<h3>Community Telegram</h3>
<p>Our community Telegram is a great place for StartOS users to interact and get help.</p>
<a href="{{ site.media.telegram }}" class="btn" rel="noopener noreferrer" target="_blank">Chat on Telegram</a>
</li>
<li>
<h3>Community Matrix</h3>
<p>Our community Matrix is for StartOS users, StartOS developers, and package developers to interact and collaborate.</p>
<a href="{{ site.media.matrix }}" class="btn" rel="noopener noreferrer" target="_blank">Chat on Matrix</a>
</li>
<li>
<h3>Message Us</h3>
<p>Response times are usually between 24-48 hours. For faster support, use one of the options above</p>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div id="feedback-form">form will be placed in here</div>
<script id="zammad_form_script" src="https://support.start9.com/assets/form/form.js"></script>
<script id="zammad_form_script" src="https://support.start9.com/assets/form/form.js"></script>
<script>
$(function() {
$('#feedback-form').ZammadForm({
messageTitle: 'Start9 Contact Form',
messageSubmit: 'Submit',
messageThankYou: 'Thank you for your inquiry! For the fastest response, please come into our Matrix or Telegram channels. Otherwise, we will get back to you as soon as possible, typically within 24 hours.',
attachmentSupport: true
});
});
</script>
<script>
$(function() {
$('#feedback-form').ZammadForm({
messageTitle: 'Start9 Contact Form',
messageSubmit: 'Submit',
messageThankYou: 'Inquiry received! We will get back to you ASAP.',
attachmentSupport: true
});
});
</script>
</li>
</ul>
</section>