destroy account view cssandroid

2 files changed, 40 insertions, 1 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index 6ea72423..aaba77da 100755
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -33,6 +33,22 @@
   display: none;
 }
 
+.destroy_account_view #destroy_account_view { display: block }
+#destroy_account_view {
+  display: none;
+}
+#destroy_account_view button {
+  font-family: pfd, sans-serif;
+  font-size: 0.875rem;
+  padding: 10px;
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid;
+  color: black;
+  background: white;
+  margin-top: 20px;
+}
+
 
 .orders #orders { display: block }
 #orders {
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html
index e154ee9a..18ad56ba 100755
--- a/StoneIsland/www/index.html
+++ b/StoneIsland/www/index.html
@@ -54,6 +54,7 @@
       <span role="menuitem" class="return_link_us">RETURNS (US)</span>
       <span role="menuitem" class="return_link_ca">RETURNS (CANADA)</span>
       <span role="menuitem" class="settings">NOTIFICATIONS</span>
+      <span role="menuitem" class="destroy_account">CANCEL MY ACCOUNT</span>
     </div>
     <div role="menu" aria-label="FAQ Menu" class="faq_menu">
       <span role="menuitem" aria-label="Back to main menu" class="faq_back menu-emphasis">&lt; FAQ</span>
@@ -737,7 +738,28 @@
       </div>
     </div>
   </div>
-  
+
+  <div id="destroy_account_view" role="region" aria-label="Cancel My Account" class="page">
+    <div class="scroll">
+      <h1 role="menuitem" aria-label="Current section: Cancel my account">CANCEL MY ACCOUNT</h1>
+      <div class="content">
+        <p>
+          We're sorry to see you go!
+        </p>
+        <p>
+          If you want to cancel your account, simply contact us using the form on the STONE ISLAND website.
+          We will delete your account within 1-3 business days.
+        </p>
+        <p>
+          This button will also log you out.
+        </p>
+        <p style="text-align: center">
+          <button role="menuitem" class="go_destroy_account">CONTACT US</button>
+        </p>
+      </div>
+    </div>
+  </div>
+
   <!-- CART ================================================ -->
 
   <div id="cart" role="region" aria-label="Your Cart">
@@ -1380,6 +1402,7 @@
 <script src="js/lib/account/ShippingView.js"></script>
 <script src="js/lib/account/SettingsView.js"></script>
 <script src="js/lib/account/OrdersView.js"></script>
+<script src="js/lib/account/DestroyAccountView.js"></script>
 
 <script src="js/lib/products/CollectionView.js"></script>
 <script src="js/lib/products/filters/CategoryFilter.js"></script>