From ad836bb06c54485cb2999eed05c6ba37132b6a90 Mon Sep 17 00:00:00 2001
From: Diego Salazar <diego@cypherstack.com>
Date: Mon, 30 Oct 2023 13:01:24 -0600
Subject: [PATCH] Added support page and fix mobile nav

---
 _includes/header.html | 10 +++---
 css/style.css         |  9 +++++
 support.html          | 79 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 92 insertions(+), 6 deletions(-)
 create mode 100644 support.html

diff --git a/_includes/header.html b/_includes/header.html
index 842b506..366e9dd 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -15,8 +15,7 @@
                             <li><a class="sub-nav-item" href="https://fdroid.stackwallet.com/" target="_blank"><span class="downicon"></span><span>F-Droid</span></a></li>
                         </ul>
                     </li>
-                       <li class="nav-item link"><a href="{{ site.baseurl }}index.html#features">Features</a></li>
-                       <li class="nav-item link"><a href="{{ site.baseurl }}/index.html#support">Support</a></li>
+                       <li class="nav-item link"><a href="{{ site.baseurl }}/support.html">Support</a></li>
                        <li class="nav-item link"><a href="{{ site.baseurl }}/donate.html">Donate</a></li>
                        <li class="nav-item link"><a href="{{ site.baseurl }}/blog/index.html">Blog</a></li>
                    </ul>
@@ -30,10 +29,9 @@
                     </span>
                   </label>
                   <ul class="slide-nav">
-                      <li class="mob-item"><a href="{{ site.baseurl }}index.html#features">Features</a></li>
-                      <li class="mob-item"><a href="{{ site.baseurl }}index.html#support">Support</a></li>
-                      <li class="nav-item link"><a href="{{ site.baseurl }}/donate.html">Donate</a></li>
-                      <li class="nav-item link"><a href="{{ site.baseurl }}/blog/index.html">Blog</a></li>
+                      <li class="mob-item"><a href="{{ site.baseurl }}/support.html">Support</a></li>
+                      <li class="mob-item"><a href="{{ site.baseurl }}/donate.html">Donate</a></li>
+                      <li class="mob-item"><a href="{{ site.baseurl }}/blog/index.html">Blog</a></li>
                       <!--li class="mob-item">
                           <input class="burger-checkdropdown" id="list4" type="checkbox" tabindex="0">
                           <label for="list4">Download</label>
diff --git a/css/style.css b/css/style.css
index 9801042..92b58d8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1221,6 +1221,15 @@ header .container {
     opacity: 0.5;
 }
 
+#support.sup-page .container {
+    padding-top: 0 !important;
+    margin-top: 0;
+}
+
+#support.sup-page .container:before {
+    display: none;
+}
+
 @media only screen and (max-width: 100rem) {
     
     #support .container:before {
diff --git a/support.html b/support.html
new file mode 100644
index 0000000..5bb2d39
--- /dev/null
+++ b/support.html
@@ -0,0 +1,79 @@
+---
+layout: base
+title: titles.support
+permalink: /support.html
+---
+
+<section class="section page-hero">
+    <div class="container">
+        <div class="row">
+            <div class="col">
+                <h1>Support</h1>
+                <p class="page-hero-sub">We offer support on a variety of platforms. <br>Please choose the one below that is most convenient for you.</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="support" class="section sup-page">
+    <div class="container">
+           <div class="row">
+               <div class="col accordion">
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">What is a recovery key/phrase/seed?</div>
+                            <div class="accordion__content">These terms, used interchangeably here and in most places, all refer to the string of words provided to you when you first set up a new crypto wallet. This is how you recover and restore your wallet in case of loss or catastrophe. WRITE IT DOWN!</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">How does Stack Wallet make money?</div>
+                            <div class="accordion__content">Stack Wallet charges a tiny fee alongside our third-party exchange providers to utilize the built-in exchange. But for standard sending and receiving of any cryptocurrency, all fees go to the blockchain miners. We do NOT make money by selling user data (not like we collect much anyways, see our Privacy Policy), nor by utilizing ads.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">How does the exchange process work?</div>
+                            <div class="accordion__content">Stack Wallet partners with third-party exchange providers to do any and all exchanges. We do not do any exchanges ourselves. These third-parties are built in to our app for a seamless experience, however. Just go through the exchange flow, and you will be sending your funds to the third-party exchange, who will then send back the coin you are exchanging too. It’s that easy! For more, please see our article that breaks the exchange process even further.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">Does Stack Wallet support multiple wallets for the same cryptocurrency?</div>
+                            <div class="accordion__content">We sure do! Just remember to back up each recovery key separately.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">Do I still need to write down my recovery key if I use Stack Wallet Backup?</div>
+                            <div class="accordion__content">Yes. Stack Wallet Backup is a convenience feature that makes it simple and easy to restore all of your wallets at once. But sometimes technology fails. In the very unlikely event that SWB does fail (due to file corruption, file misplacement, etc.) then having your seeds written down ensures you still have access to your funds. You'll just have to restore them all one at a time.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">Does Stack Wallet Backup work with other wallets?</div>
+                            <div class="accordion__content">Unforunately, no. There is no set standard for multicoin wallet backups. Probably because most of them are closed-source. Who knows? Maybe Stack Wallet will pave the way toward interoperability here.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">How can I get my coin of choice onto Stack Wallet?</div>
+                            <div class="accordion__content">Drop us a line on any of our social media accounts. We're happy to talk with you and/or your community to see what we can do to bring your project to Stack Wallet.</div>
+                        </label>
+                        <label class="accordion__item">
+                            <input type="checkbox" name="accordion">
+                            <div class="accordion__title">How do I restore my wallet?</div>
+                            <div class="accordion__content">If the wallet’s unique recovery phrase (seed) has been stored properly, then restoring your wallet is as easy as selecting the “Add New” option from your My Stack page, letting us know which currency the wallet holds, and then choosing “Restore Wallet” on the following page. You can then enter your preferred name and the complete seed phrase you have saved for the wallet, and you will soon see it right back in your Stack!</div>
+                        </label>
+               </div>
+               <div class="col social-support">
+                    <h3>Online support</h3>
+                    <p>Check out our support channels, ask the community or email us at <span>support<span class="ignore">non-custodial</span>@stackw<span class="ignore">open-source</span>allet.com</span>. We are here to help!</p>
+                    <div class="social-links">
+                        <ul>
+                            <li><a href="https://t.me/stackwallet" target="_blank"><i class="icon-telegram-arrow"></i><span>@stackwallet</span></a></li>
+                            <li><a href="https://discord.gg/mRPZuXx3At" target="_blank"><i class="icon-discord"></i><span>Stack Wallet</span></a></li>
+                            <li><a href="https://www.reddit.com/r/stackwallet/" target="_blank"><i class="icon-reddit"></i><span>r/stackwallet</span></a></li>
+                            <li><a href="https://twitter.com/stack_wallet" target="_blank"><i class="icon-twitter"></i><span>@stack_wallet</span></a></li>
+                            <li><a href="https://www.youtube.com/channel/UCqCtpXsLyNIle1uOO2DU7JA" target="_blank"><i class="icon-youtube"></i><span>Stack Wallet</span></a></li>
+                            <li><a href="https://getsession.org/" target="_blank"><i class="icon-session"></i><span>@stack</span></a></li>
+                        </ul>
+                    </div>
+               </div>
+           </div>
+     </div>
+ </section>
\ No newline at end of file