index.html (4801B)
1 <!doctype html> 2 <!-- 3 Please note: This page is similar to the one at mobile.element.io so any changes made here can potentially 4 be applied to that site as well. They still share the mobile-apps.ts file for updating the app metadata. 5 --> 6 <html lang="en"> 7 <head> 8 <title>Element Mobile Guide</title> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 10 <meta name="apple-itunes-app" content="app-id=id1631335820" /> 11 <script defer src="../bundles/12c8185ea2689492c07b/mobileguide.js"></script><link href="../bundles/12c8185ea2689492c07b/mobileguide.css" rel="stylesheet"></head> 12 13 <body> 14 <div class="mx_HomePage_errorContainer"> 15 <!-- populated by JS if needed --> 16 </div> 17 18 <div class="mx_HomePage_container"> 19 <header> 20 <div class="mx_HomePage_header"> 21 <div> 22 <img src="./assets/element-logo.svg" alt="Element Logo" width="148px" height="32px" /> 23 </div> 24 <div> 25 <p id="header_title">Join Element.</p> 26 </div> 27 </div> 28 <hr /> 29 </header> 30 31 <main> 32 <div class="mx_HomePage_col mx_Spacer"> 33 <p> 34 The <a id="back_to_element_button" href="#" class="mx_DesktopLink">desktop site</a> does 35 <b>not</b> work on mobile, please download the app. 36 </p> 37 </div> 38 <div class="mx_HomePage_col mx_Spacer"> 39 <div class="mx_HomePage_row"> 40 <div class="mx_HomePage_step_number"> 41 <span>1</span> 42 </div> 43 <div> 44 <h1 id="step1_heading">Download Element</h1> 45 <div class="mx_StoreLinks"> 46 <a 47 href="https://apps.apple.com/app/element-x-secure-chat-call/id1631335820" 48 target="_blank" 49 class="mx_StoreBadge" 50 id="app_store_link" 51 > 52 <img 53 src="./assets/app-store-badge.svg" 54 alt="Download on the App Store." 55 width="120px" 56 height="40px" 57 /> 58 </a> 59 <a 60 href="https://play.google.com/store/apps/details?id=io.element.android.x" 61 target="_blank" 62 class="mx_StoreBadge" 63 id="play_store_link" 64 > 65 <img 66 src="./assets/google-play-badge.svg" 67 alt="Get it on Google Play." 68 width="135px" 69 height="40px" 70 /> 71 </a> 72 </div> 73 <p id="f_droid_section"> 74 Also available on 75 <a 76 href="https://f-droid.org/packages/io.element.android.x" 77 target="_blank" 78 class="mx_ClearDecoration" 79 id="f_droid_link" 80 >F-Droid</a 81 > 82 </p> 83 </div> 84 </div> 85 </div> 86 <div id="step2_container" class="mx_HomePage_col mx_Spacer" style="display: none"> 87 <div class="mx_HomePage_row"> 88 <div class="mx_HomePage_step_number"> 89 <span>2</span> 90 </div> 91 <div> 92 <h1>Come back here to sign in</h1> 93 <p id="step2_description">This will set up your app</p> 94 <a class="mx_Button" id="deep_link_button" href="#">Sign in</a> 95 </div> 96 </div> 97 </div> 98 </main> 99 </div> 100 101 <footer> 102 <div class="mx_BottomGradient"></div> 103 </footer> 104 </body> 105 </html>