Home Explore Help
Sign In
gregory
/
ElectronMCLauncher
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 644a32de37
Branches Tags
ElectronMCLaunc...
/
app
/
landing.ejs

landing.ejs 17 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220 
  1. <div id="landingContainer" style="display: none;">
    2. 

  2.     <div id="upper">
    3. 

  3.         <div id="left">
    4. 

  4.             <div id="image_seal_container">
    5. 

  5.                 <img id="image_seal" src="assets/images/SealCircle.png"/>
    6. 

  6.                 <div id="updateAvailableTooltip">Update Available</div>
    7. 

  7.             </div>
    8. 

  8.         </div>
    9. 

  9.         <div id="content">
    10. 

  10.         </div>
    11. 

  11.         <div id="right">
    12. 

  12.             <div id="rightContainer">
    13. 

  13.                 <div id="user_content">
    14. 

  14.                     <span id="user_text">Username</span>
    15. 

  15.                     <div id="avatarContainer">
    16. 

  16.                         <button id="avatarOverlay">Edit</button>
    17. 

  17.                     </div>
    18. 

  18.                 </div>
    19. 

  19.                 <div id="mediaContent">
    20. 

  20.                     <div id="internalMedia">
    21. 

  21.                         <div class="mediaContainer" id="settingsMediaContainer">
    22. 

  22.                             <button class="mediaButton" id="settingsMediaButton">
    23. 

  23.                                 <svg id="settingsSVG" class="mediaSVG" viewBox="0 0 141.36 137.43">
    24. 

  24.                                     <path d="M70.70475616319865,83.36934004916053 a15.320781354859122,15.320781354859122 0 1 1 14.454501310561755,-15.296030496450625 A14.850515045097694,14.850515045097694 0 0 1 70.70475616319865,83.36934004916053 M123.25082856443602,55.425620905968366 h-12.375429204248078 A45.54157947163293,45.54157947163293 0 0 0 107.21227231573047,46.243052436416285 l8.613298726156664,-9.108315894326587 a9.727087354538993,9.727087354538993 0 0 0 0,-13.167456673319956 l-3.465120177189462,-3.6631270444574313 a8.489544434114185,8.489544434114185 0 0 0 -12.375429204248078,0 l-8.613298726156664,9.108315894326587 A40.442902639482725,40.442902639482725 0 0 0 81.99114759747292,25.427580514871032 V12.532383284044531 a9.108315894326587,9.108315894326587 0 0 0 -8.811305593424633,-9.306322761594556 h-4.950171681699231 a9.108315894326587,9.108315894326587 0 0 0 -8.811305593424633,9.306322761594556 v12.895197230826497 a40.17064319698927,40.17064319698927 0 0 0 -9.331073620003052,4.0591407789933704 l-8.613298726156664,-9.108315894326587 a8.489544434114185,8.489544434114185 0 0 0 -12.375429204248078,0 L25.58394128451018,23.967279868769744 a9.727087354538993,9.727087354538993 0 0 0 0,13.167456673319956 L34.19724001066683,46.243052436416285 a45.07131316187151,45.07131316187151 0 0 0 -3.6631270444574313,9.083565035918088 h-12.375429204248078 a9.083565035918088,9.083565035918088 0 0 0 -8.811305593424633,9.306322761594556 v5.197680265784193 a9.108315894326587,9.108315894326587 0 0 0 8.811305593424633,9.306322761594556 h11.979415469712139 a45.69008462208391,45.69008462208391 0 0 0 4.0591407789933704,10.642869115653347 l-8.613298726156664,9.108315894326587 a9.727087354538993,9.727087354538993 0 0 0 0,13.167456673319956 l3.465120177189462,3.6631270444574313 a8.489544434114185,8.489544434114185 0 0 0 12.375429204248078,0 l8.613298726156664,-9.108315894326587 a40.49240435629971,40.49240435629971 0 0 0 9.331073620003052,4.0591407789933704 v12.895197230826497 a9.083565035918088,9.083565035918088 0 0 0 8.811305593424633,9.306322761594556 h4.950171681699231 A9.083565035918088,9.083565035918088 0 0 0 81.99114759747292,123.68848839660077 V110.79329116577425 a40.78941465720167,40.78941465720167 0 0 0 9.331073620003052,-4.0591407789933704 l8.613298726156664,9.108315894326587 a8.489544434114185,8.489544434114185 0 0 0 12.375429204248078,0 l3.465120177189462,-3.6631270444574313 a9.727087354538993,9.727087354538993 0 0 0 0,-13.167456673319956 l-8.613298726156664,-9.108315894326587 a45.665333763675406,45.665333763675406 0 0 0 4.034389920584874,-10.642869115653347 h12.004166328120636 a9.108315894326587,9.108315894326587 0 0 0 8.811305593424633,-9.306322761594556 v-5.197680265784193 a9.083565035918088,9.083565035918088 0 0 0 -8.811305593424633,-9.306322761594556 " id="svg_3" class=""/>
    25. 

  25.                                 </svg>
    26. 

  26.                                 <div id="settingsTooltip">Settings</div>
    27. 

  27.                             </button>
    28. 

  28.                         </div>
    29. 

  29.                     </div>
    30. 

  30.                     <div class="mediaDivider"></div>
    31. 

  31.                     <div id="externalMedia">
    32. 

  32.                         <div class="mediaContainer">
    33. 

  33.                             <a href="https://github.com/dscalZi/ElectronLauncher" class="mediaURL" id="linkURL">
    34. 

  34.                                 <svg id="linkSVG" class="mediaSVG" viewBox="35.34 34.3575 70.68 68.71500">
    35. 

  35.                                     <g>
    36. 

  36.                                         <path d="M75.37,65.51a3.85,3.85,0,0,0-1.73.42,8.22,8.22,0,0,1,.94,3.76A8.36,8.36,0,0,1,66.23,78H46.37a8.35,8.35,0,1,1,0-16.7h9.18a21.51,21.51,0,0,1,6.65-8.72H46.37a17.07,17.07,0,1,0,0,34.15H66.23A17,17,0,0,0,82.77,65.51Z"/>
    37. 

  37.                                         <path d="M66,73.88a3.85,3.85,0,0,0,1.73-.42,8.22,8.22,0,0,1-.94-3.76,8.36,8.36,0,0,1,8.35-8.35H95A8.35,8.35,0,1,1,95,78H85.8a21.51,21.51,0,0,1-6.65,8.72H95a17.07,17.07,0,0,0,0-34.15H75.13A17,17,0,0,0,58.59,73.88Z"/>
    38. 

  38.                                     </g>
    39. 

  39.                                 </svg>
    40. 

  40.                             </a>
    41. 

  41.                         </div>
    42. 

  42.                         <div class="mediaContainer">
    43. 

  43.                             <a href="#" class="mediaURL" id="twitterURL" disabled>
    44. 

  44.                                 <svg id="twitterSVG" class="mediaSVG" viewBox="0 0 5000 4060" preserveAspectRatio="xMidYMid meet">	
    45. 

  45.                                     <g>
    46. 

  46.                                         <path d="M1210 4048 c-350 -30 -780 -175 -1124 -378 -56 -33 -86 -57 -86 -68 0 -16 7 -17 83 -9 114 12 349 1 493 -22 295 -49 620 -180 843 -341 l54 -38 -49 -7 c-367 -49 -660 -256 -821 -582 -30 -61 -53 -120 -51 -130 3 -16 12 -17 73 -13 97 7 199 5 270 -4 l60 -9 -65 -22 c-341 -117 -609 -419 -681 -769 -18 -88 -26 -226 -13 -239 4 -3 32 7 63 22 68 35 198 77 266 86 28 4 58 9 68 12 10 2 -22 -34 -72 -82 -240 -232 -353 -532 -321 -852 15 -149 79 -347 133 -418 16 -20 17 -19 49 20 377 455 913 795 1491 945 160 41 346 74 485 86 l82 7 -7 -59 c-5 -33 -7 -117 -6 -189 2 -163 31 -286 103 -430 141 -285 422 -504 708 -550 112 -19 333 -19 442 0 180 30 335 108 477 239 l58 54 95 -24 c143 -36 286 -89 427 -160 70 -35 131 -60 135 -56 19 19 -74 209 -151 312 -50 66 -161 178 -216 217 l-30 22 73 -14 c111 -21 257 -63 353 -101 99 -39 99 -39 99 -19 0 57 -237 326 -412 468 l-88 71 6 51 c4 28 1 130 -5 226 -30 440 -131 806 -333 1202 -380 745 -1036 1277 -1823 1477 -243 62 -430 81 -786 78 -134 0 -291 -5 -349 -10z"/>
    47. 

  47.                                     </g>
    48. 

  48.                                 </svg>
    49. 

  49.                             </a>
    50. 

  50.                         </div>
    51. 

  51.                         <div class="mediaContainer">
    52. 

  52.                             <a href="#" class="mediaURL" id="instagramURL" disabled>
    53. 

  53.                                 <svg id="instagramSVG" class="mediaSVG" viewBox="0 0 5040 5040">
    54. 

  54.                                     <defs>
    55. 

  55.                                         <radialGradient id="instaFill" cx="30%" cy="107%" r="150%">
    56. 

  56.                                             <stop offset="0%" stop-color="#fdf497"/>
    57. 

  57.                                             <stop offset="5%" stop-color="#fdf497"/>
    58. 

  58.                                             <stop offset="45%" stop-color="#fd5949"/>
    59. 

  59.                                             <stop offset="60%" stop-color="#d6249f"/>
    60. 

  60.                                             <stop offset="90%" stop-color="#285AEB"/>
    61. 

  61.                                         </radialGradient>
    62. 

  62.                                     </defs>
    63. 

  63.                                     <g>
    64. 

  64.                                         <path d="M1390 5024 c-163 -9 -239 -19 -315 -38 -281 -70 -477 -177 -660 -361 -184 -184 -292 -380 -361 -660 -43 -171 -53 -456 -53 -1445 0 -989 10 -1274 53 -1445 69 -280 177 -476 361 -660 184 -184 380 -292 660 -361 171 -43 456 -53 1445 -53 989 0 1274 10 1445 53 280 69 476 177 660 361 184 184 292 380 361 660 43 171 53 456 53 1445 0 989 -10 1274 -53 1445 -69 280 -177 476 -361 660 -184 184 -380 292 -660 361 -174 44 -454 53 -1470 52 -599 0 -960 -5 -1105 -14z m2230 -473 c58 -6 141 -18 185 -27 397 -78 638 -318 719 -714 37 -183 41 -309 41 -1290 0 -981 -4 -1107 -41 -1290 -81 -395 -319 -633 -714 -714 -183 -37 -309 -41 -1290 -41 -981 0 -1107 4 -1290 41 -397 81 -636 322 -714 719 -33 166 -38 296 -43 1100 -5 796 3 1203 27 1380 67 489 338 758 830 825 47 7 162 15 255 20 250 12 1907 4 2035 -9z"/>
    65. 

  65.                                         <path d="M2355 3819 c-307 -42 -561 -172 -780 -400 -244 -253 -359 -543 -359 -899 0 -361 116 -648 367 -907 262 -269 563 -397 937 -397 374 0 675 128 937 397 251 259 367 546 367 907 0 361 -116 648 -367 907 -197 203 -422 326 -690 378 -101 20 -317 27 -412 14z m400 -509 c275 -88 470 -284 557 -560 20 -65 23 -95 23 -230 0 -135 -3 -165 -23 -230 -88 -278 -284 -474 -562 -562 -65 -20 -95 -23 -230 -23 -135 0 -165 3 -230 23 -278 88 -474 284 -562 562 -20 65 -23 95 -23 230 0 135 3 165 23 230 73 230 219 403 427 507 134 67 212 83 390 79 111 -3 155 -8 210 -26z"/>
    66. 

  66.                                         <path d="M3750 1473 c-29 -11 -66 -38 -106 -77 -70 -71 -94 -126 -94 -221 0 -95 24 -150 94 -221 72 -71 126 -94 225 -94 168 0 311 143 311 311 0 99 -23 154 -94 225 -43 42 -76 66 -110 77 -61 21 -166 21 -226 0z"/>
    67. 

  67.                                     </g>
    68. 

  68.                                 </svg>
    69. 

  69.                             </a>
    70. 

  70.                         </div>
    71. 

  71.                         <div class="mediaContainer">
    72. 

  72.                             <a href="#" class="mediaURL" id="youtubeURL" disabled>
    73. 

  73.                                 <svg id="youtubeSVG" class="mediaSVG" viewBox="35.34 34.3575 70.68 68.71500">
    74. 

  74.                                     <g>
    75. 

  75.                                         <path d="M84.8,69.52,65.88,79.76V59.27Zm23.65.59c0-5.14-.79-17.63-3.94-20.57S99,45.86,73.37,45.86s-28,.73-31.14,3.68S38.29,65,38.29,70.11s.79,17.63,3.94,20.57,5.52,3.68,31.14,3.68,28-.74,31.14-3.68,3.94-15.42,3.94-20.57"/>
    76. 

  76.                                     </g>
    77. 

  77.                                 </svg>
    78. 

  78.                             </a>
    79. 

  79.                         </div>
    80. 

  80.                         <div class="mediaContainer">
    81. 

  81.                             <a href="https://discord.gg/zNWUXdt" class="mediaURL" id="discordURL">
    82. 

  82.                                 <svg id="discordSVG" class="mediaSVG" viewBox="35.34 34.3575 70.68 68.71500">
    83. 

  83.                                     <g>
    84. 

  84.                                         <path d="M81.23,78.48a6.14,6.14,0,1,1,6.14-6.14,6.14,6.14,0,0,1-6.14,6.14M60,78.48a6.14,6.14,0,1,1,6.14-6.14A6.14,6.14,0,0,1,60,78.48M104.41,73c-.92-7.7-8.24-22.9-8.24-22.9A43,43,0,0,0,88,45.59a17.88,17.88,0,0,0-8.38-1.27l-.13,1.06a23.52,23.52,0,0,1,5.8,1.95,87.59,87.59,0,0,1,8.17,4.87s-10.32-5.63-22.27-5.63a51.32,51.32,0,0,0-23.2,5.63,87.84,87.84,0,0,1,8.17-4.87,23.57,23.57,0,0,1,5.8-1.95l-.13-1.06a17.88,17.88,0,0,0-8.38,1.27,42.84,42.84,0,0,0-8.21,4.56S37.87,65.35,37,73s-.37,11.54-.37,11.54,4.22,5.68,9.9,7.14,7.7,1.47,7.7,1.47l3.75-4.68a21.22,21.22,0,0,1-4.65-2A24.47,24.47,0,0,1,47.93,82S61.16,88.4,70.68,88.4c10,0,22.75-6.44,22.75-6.44a24.56,24.56,0,0,1-5.35,4.56,21.22,21.22,0,0,1-4.65,2l3.75,4.68s2,0,7.7-1.47,9.89-7.14,9.89-7.14.55-3.85-.37-11.54"/>
    85. 

  85.                                     </g>
    86. 

  86.                                 </svg>
    87. 

  87.                             </a>
    88. 

  88.                         </div>
    89. 

  89.                     </div>
    90. 

  90.                 </div>
    91. 

  91.             </div>
    92. 

  92.         </div>
    93. 

  93.     </div>
    94. 

  94.     <div id="lower">
    95. 

  95.         <div id="left">
    96. 

  96.             <div class="bot_wrapper">
    97. 

  97.                 <div id="content">
    98. 

  98.                     <div id="server_status_wrapper">
    99. 

  99.                         <span class="bot_label" id="landingPlayerLabel">SERVER</span>
    100. 

  100.                         <span id="player_count">OFFLINE</span>
    101. 

  101.                     </div>
    102. 

  102.                     <div class="bot_divider"></div>
    103. 

  103.                     <div id="mojangStatusWrapper">
    104. 

  104.                         <span class="bot_label">MOJANG STATUS</span>
    105. 

  105.                         <span id="mojang_status_icon">&#8226;</span>
    106. 

  106.                         <div id="mojangStatusTooltip">
    107. 

  107.                             <div id="mojangStatusTooltipTitle">Services</div>
    108. 

  108.                             <div id="mojangStatusEssentialContainer">
    109. 

  109.                                 <!-- Essential Mojang services are populated here. -->
    110. 

  110.                             </div>
    111. 

  111.                             <div id="mojangStatusNEContainer">
    112. 

  112.                                 <div class="mojangStatusNEBar"></div>
    113. 

  113.                                 <div id="mojangStatusNETitle">Non&nbsp;Essential</div>
    114. 

  114.                                 <div class="mojangStatusNEBar"></div>
    115. 

  115.                             </div>
    116. 

  116.                             <div id="mojangStatusNonEssentialContainer">
    117. 

  117.                                 <!-- Non Essential Mojang services are populated here. -->
    118. 

  118.                             </div>
    119. 

  119.                         </div>
    120. 

  120.                     </div>
    121. 

  121.                 </div>
    122. 

  122.             </div>
    123. 

  123.         </div>
    124. 

  124.         <div id="center">
    125. 

  125.             <div class="bot_wrapper">
    126. 

  126.                 <div id="content">
    127. 

  127.                     <button id="newsButton">
    128. 

  128.                         <!--<img src="assets/images/icons/arrow.svg" id="newsButtonSVG"/>-->
    129. 

  129.                         <div id="newsButtonAlert" style="display: none;"></div>
    130. 

  130.                         <svg id="newsButtonSVG" viewBox="0 0 24.87 13.97">
    131. 

  131.                             <defs>
    132. 

  132.                                 <style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;}</style>
    133. 

  133.                             </defs>
    134. 

  134.                             <polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
    135. 

  135.                         </svg>
    136. 

  136.                         &#10;<span id="newsButtonText">NEWS</span>
    137. 

  137.                     </button>
    138. 

  138.                 </div>
    139. 

  139.             </div>
    140. 

  140.         </div>
    141. 

  141.         <div id="right">
    142. 

  142.             <div class="bot_wrapper">
    143. 

  143.                 <div id="launch_content">
    144. 

  144.                     <button id="launch_button">PLAY</button>
    145. 

  145.                     <div class="bot_divider"></div>
    146. 

  146.                     <button id="server_selection_button" class="bot_label">&#8226; No Server Selected</button>
    147. 

  147.                 </div>
    148. 

  148.                 <div id="launch_details">
    149. 

  149.                     <div id="launch_details_left">
    150. 

  150.                         <span id="launch_progress_label">0%</span>
    151. 

  151.                         <div class="bot_divider"></div>
    152. 

  152.                     </div>
    153. 

  153.                     <div id="launch_details_right">
    154. 

  154.                         <progress id="launch_progress" value="22" max="100"></progress>
    155. 

  155.                         <span id="launch_details_text" class="bot_label">Please wait..</span>
    156. 

  156.                     </div>
    157. 

  157.                 </div>
    158. 

  158.             </div>
    159. 

  159.         </div>
    160. 

  160.     </div>
    161. 

  161.     <div id="newsContainer">
    162. 

  162.         <div id="newsContent" article="-1" style="display: none;">
    163. 

  163.             <div id="newsStatusContainer">
    164. 

  164.                 <div id="newsStatusContent">
    165. 

  165.                     <div id="newsTitleContainer">
    166. 

  166.                         <a id="newsArticleTitle" href="#">Lorem Ipsum</a>
    167. 

  167.                     </div>
    168. 

  168.                     <div id="newsMetaContainer">
    169. 

  169.                         <div id="newsArticleDateWrapper">
    170. 

  170.                             <span id="newsArticleDate">Mar 15, 44 BC, 9:14 AM</span>
    171. 

  171.                         </div>
    172. 

  172.                         <div id="newsArticleAuthorWrapper">
    173. 

  173.                             <span id="newsArticleAuthor">by Cicero</span>
    174. 

  174.                         </div>
    175. 

  175.                         <a href="#" id="newsArticleComments">0 Comments</a>
    176. 

  176.                     </div>
    177. 

  177.                 </div>
    178. 

  178.                 <div id="newsNavigationContainer">
    179. 

  179.                     <button id="newsNavigateLeft">
    180. 

  180.                         <svg id="newsNavigationLeftSVG" viewBox="0 0 24.87 13.97">
    181. 

  181.                             <defs>
    182. 

  182.                                 <style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
    183. 

  183.                             </defs>
    184. 

  184.                             <polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
    185. 

  185.                         </svg>
    186. 

  186.                     </button>
    187. 

  187.                     <span id="newsNavigationStatus">1 of 1</span>
    188. 

  188.                     <button id="newsNavigateRight">
    189. 

  189.                         <svg id="newsNavigationRightSVG" viewBox="0 0 24.87 13.97">
    190. 

  190.                             <defs>
    191. 

  191.                                 <style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
    192. 

  192.                             </defs>
    193. 

  193.                             <polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
    194. 

  194.                         </svg>
    195. 

  195.                     </button>
    196. 

  196.                 </div>
    197. 

  197.             </div>
    198. 

  198.             <div id="newsArticleContainer">
    199. 

  199.                 <div id="newsArticleContent">
    200. 

  200.                     <div id="newsArticleContentScrollable">
    201. 

  201.                         <!-- Article Content -->
    202. 

  202.                     </div>
    203. 

  203.                 </div>
    204. 

  204.             </div>
    205. 

  205.         </div>
    206. 

  206.         <div id="newsErrorContainer">
    207. 

  207.             <div id="newsErrorLoading">
    208. 

  208.                 <span id="nELoadSpan" class="newsErrorContent">Checking for News..</span>
    209. 

  209.             </div>
    210. 

  210.             <div id="newsErrorFailed" style="display: none;">
    211. 

  211.                 <span id="nEFailedSpan" class="newsErrorContent">Failed to Load News</span>
    212. 

  212.                 <button id="newsErrorRetry">Try Again</button>
    213. 

  213.             </div>
    214. 

  214.             <div id="newsErrorNone" style="display: none;">
    215. 

  215.                 <span id="nENoneSpan" class="newsErrorContent">No News</span>
    216. 

  216.             </div>
    217. 

  217.         </div>
    218. 

  218.     </div>
    219. 

  219.     <script src="./assets/js/scripts/landing.js"></script>
    220. 

  220. </div>
    221.