unable-to-load.html (6044B)
1 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 2 3 <head> 4 <style type="text/css"> 5 /* By default, hide the custom IS stuff - enabled in JS */ 6 #custom_is, 7 #is_url { 8 display: none; 9 } 10 11 html { 12 height: 100%; 13 } 14 15 body { 16 background: #f9fafb; 17 max-width: 680px; 18 margin: auto; 19 font-family: 20 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, 21 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 22 } 23 24 .mx_Button { 25 border: 0; 26 border-radius: 4px; 27 font-size: 18px; 28 margin-left: 4px; 29 margin-right: 4px; 30 min-width: 80px; 31 background-color: #03b381; 32 color: #fff; 33 cursor: pointer; 34 padding: 12px 22px; 35 word-break: break-word; 36 text-decoration: none; 37 } 38 39 .mx_Center { 40 justify-content: center; 41 } 42 43 .mx_ClearDecoration { 44 text-decoration: none !important; 45 } 46 47 .mx_HomePage_header { 48 color: #2e2f32; 49 display: flex; 50 align-items: center; 51 justify-content: center; 52 } 53 54 .mx_HomePage h3 { 55 margin-top: 30px; 56 } 57 58 .mx_HomePage_col { 59 display: flex; 60 flex-direction: row; 61 } 62 63 .mx_HomePage_row { 64 flex: 1 1 0; 65 display: flex; 66 flex-direction: row; 67 flex-wrap: wrap; 68 } 69 70 .mx_HomePage_logo { 71 margin-right: 20px; 72 margin-top: -10px; 73 } 74 75 .mx_HomePage_container { 76 display: block !important; 77 margin: 10px 20px; 78 } 79 80 .mx_HomePage_errorContainer { 81 display: none; /* shown in JS if needed */ 82 margin: 20px; 83 border: 1px solid red; 84 background-color: #ffb9b9; 85 padding: 5px; 86 } 87 88 .mx_HomePage_container h1, 89 .mx_HomePage_container h2, 90 .mx_HomePage_container h3, 91 .mx_HomePage_container h4 { 92 font-weight: 600; 93 margin-bottom: 32px; 94 } 95 96 .mx_Spacer { 97 margin-top: 24px; 98 } 99 100 .mx_FooterLink { 101 color: ##0dbd8b; 102 text-decoration: none; 103 } 104 105 .mx_Subtext { 106 font-size: 14px; 107 } 108 109 .mx_SubtextTop { 110 margin-top: 32px; 111 } 112 113 @media screen and (max-width: 1120px) { 114 body { 115 font-size: 20px; 116 } 117 118 h1 { 119 font-size: 20px; 120 } 121 122 h4 { 123 font-size: 16px; 124 } 125 126 .mx_Button { 127 font-size: 18px; 128 padding: 14px 28px; 129 } 130 131 .mx_HomePage_header { 132 justify-content: left; 133 } 134 135 .mx_Spacer { 136 margin-top: 24px; 137 } 138 } 139 </style> 140 141 <meta name="apple-itunes-app" content="app-id=id1083446067" /> 142 </head> 143 144 <body> 145 <div class="mx_HomePage_errorContainer"> 146 <!-- populated by JS if needed --> 147 </div> 148 149 <div class="mx_HomePage_container"> 150 <div class="mx_HomePage_header"> 151 <span class="mx_HomePage_logo"> 152 <svg width="34" height="42" viewBox="0 0 34 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 153 <path 154 fill-rule="evenodd" 155 clip-rule="evenodd" 156 d="M13.08 8.68C13.08 7.75216 13.8321 7 14.76 7C20.9456 7 25.96 12.0144 25.96 18.2C25.96 19.1278 25.2078 19.88 24.28 19.88C23.3521 19.88 22.6 19.1278 22.6 18.2C22.6 13.8701 19.0899 10.36 14.76 10.36C13.8321 10.36 13.08 9.60784 13.08 8.68Z" 157 fill="#0DBD8B" 158 /> 159 <path 160 fill-rule="evenodd" 161 clip-rule="evenodd" 162 d="M20.92 33.32C20.92 34.2478 20.1679 35 19.24 35C13.0544 35 8.04001 29.9856 8.04001 23.8C8.04001 22.8722 8.79217 22.12 9.72001 22.12C10.6478 22.12 11.4 22.8722 11.4 23.8C11.4 28.1299 14.9101 31.64 19.24 31.64C20.1679 31.64 20.92 32.3922 20.92 33.32Z" 163 fill="#0DBD8B" 164 /> 165 <path 166 fill-rule="evenodd" 167 clip-rule="evenodd" 168 d="M4.68 24.9199C3.75216 24.9199 3 24.1678 3 23.2399C3 17.0543 8.01441 12.0399 14.2 12.0399C15.1278 12.0399 15.88 12.7921 15.88 13.7199C15.88 14.6478 15.1278 15.3999 14.2 15.3999C9.87009 15.3999 6.36 18.91 6.36 23.2399C6.36 24.1678 5.60784 24.9199 4.68 24.9199Z" 169 fill="#0DBD8B" 170 /> 171 <path 172 fill-rule="evenodd" 173 clip-rule="evenodd" 174 d="M29.32 17.0801C30.2478 17.0801 31 17.8322 31 18.7601C31 24.9457 25.9856 29.9601 19.8 29.9601C18.8722 29.9601 18.12 29.2079 18.12 28.2801C18.12 27.3522 18.8722 26.6001 19.8 26.6001C24.1299 26.6001 27.64 23.09 27.64 18.7601C27.64 17.8322 28.3922 17.0801 29.32 17.0801Z" 175 fill="#0DBD8B" 176 /> 177 </svg> 178 </span> 179 <h1>Unable to load</h1> 180 </div> 181 <div class="mx_HomePage_col"> 182 <div class="mx_HomePage_row"> 183 <div> 184 <h2 id="step1_heading">Element can't load</h2> 185 <p>Something went wrong and Element was unable to load.</p> 186 </div> 187 </div> 188 </div> 189 <div class="mx_HomePage_row mx_Center mx_Spacer"> 190 <p class="mx_Spacer"> 191 <a href="https://element.io" target="_blank" class="mx_FooterLink"> Go to element.io </a> 192 </p> 193 </div> 194 </div> 195 </body>