play.ejs 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <link rel="icon" href="/assets/icon/favicon.ico" type="image/x-icon">
  6. <title>
  7. <%= title %>
  8. </title>
  9. <meta name="description" content="<%= description %>" />
  10. <meta property="og:title" content="<%= title %>">
  11. <meta property="og:description" content="<%= description %>">
  12. <meta property="og:image" content="<%= imageUrl %>" />
  13. <!--
  14. <script src="/node_modules/css-element-queries/src/ResizeSensor.js"></script>
  15. <script src="/node_modules/css-element-queries/src/ElementQueries.js"></script>
  16. -->
  17. <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
  18. <script type="module" crossorigin src="/assets/main-Bk9rJI5U.js"></script>
  19. <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
  20. <link rel="stylesheet" crossorigin href="/assets/main-DsmAs4tp.css">
  21. <script type="text/javascript"
  22. src="https://platform-api.sharethis.com/js/sharethis.js#property=67e0d66a54a3d000192a4615&product=inline-share-buttons&source=platform"
  23. async="async"></script>
  24. <style>
  25. .st-custom-button[data-network=sharethis] {
  26. cursor: pointer;
  27. }
  28. </style>
  29. </head>
  30. <!-- Google tag (gtag.js) -->
  31. <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBGGVGLHTP"></script>
  32. <script>
  33. window.dataLayer = window.dataLayer || [];
  34. function gtag() { dataLayer.push(arguments); }
  35. gtag('js', new Date());
  36. gtag('config', 'G-JBGGVGLHTP');
  37. </script>
  38. <body>
  39. <div id="loading-overlay">
  40. <div class="spinner"></div>
  41. </div>
  42. <canvas id="canvas"></canvas>
  43. <div id="toolbar-bottom">
  44. <div id="progress-toolbar">
  45. <div id="progress-wrapper" class="progress-wrapper">
  46. <div id="progress-bar" class="progress-bar">
  47. <div id="progress" class="progress"></div>
  48. </div>
  49. <div id="percent" class="percent"></div>
  50. </div>
  51. </div>
  52. <div id="color-btns"> </div>
  53. </div>
  54. <div id="setting" class="btn">
  55. <img class="btn-img"
  56. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAA7VBMVEUAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////lQD/mQf/oBn/mwz//vn/skP/79b/qS7//PX/9eT/xXD/3q3/wGb/9+n/nRL/+e7/1pn/yn3/w2z/rDT/pyn/ox//0I3/6sv/tk3/05P/47r/vV3/pST/+vH/6Mb/zYb/yHj/rjv/37H/8+H/8d3/7M//5b//3Kj/26X/2J//uVT/tEn/5sL/4bXTZIYSAAAAIHRSTlMABv7sxfrgK1W6pJljSjYcE/Xv59LLsot7a01APAGsrW6XC5sAAAU0SURBVGjetJd5Q6pAFMUVRHFpee31qndnQHBBc88tM22z7ft/nFcMOIPMyGT0+4tSOXDm3HtnEt8mmdFPctnUQVrVNDV9kMrmTvRMMvG7ZE4v0wpwUNKXp5nE77BbyO3DWvZzhd24VZP6kQYSaEd6nK5v5/dAmr38dkyyf7PwTbJ/Y5DdSsEGpLZ+avIhbMjhTwzfzSuwMUp+04hfFFT4EWrhYhPdnRT8mNTOBqFSIQbU74YseaxALCjHyThtjt/upEsmDTGSziRdooXPVYgV9VxO+OwPxMyfMxlhXYPY0fRo4TMNfgHtLEr4XNbn+nRmYMMaNiTdPl8vnJHMlTI1EeFqKJmwzNr6layj4gBRapJVtbPGaNm+MUYsd5KdRGz2McgxR0H6IMWxcC4oIEcJBXmTDMaWYIFVkMMmcrP+5Ik8ApaMtspd5gvpwdB01XplAKhfudcfsgODtzMogCwtV6zqXr+6102QpMDZX8kaXX8h/l7DF1Xi+rOs2eF9WB6kGFnIhQoT8OAWZMiH9rFSiXY6CHGECdZIJtmru95DmbftIsQRpnQk3vpwpYQhknINIYEwpVWEKILFHF1KtzeIYg6u38vwxWQ0tTD70nZkSQXOZRDFFC0xqqNi0It57Qr54BeIgD3RZQXuLgY9bHbuHuAO+dw0eW5Org3kM4THdsnEN68O3/csE2ng8tFbGog8egtR+otNI/TtEj9s2xE1fI1C1CYgpj5Aq+DntbWc3AMOz2gVYw7reTHRKu8QZs8fzDr3+UM36VaYNV3UBh0DG51B2ykzc8tAFH+UhNE94SPhJGAp1ZeZGwYqCA9elil66CGKcH4ceeNBAw494q7TsKuuSqcBBIWmiEbdAY97t9zN1kPD830GYbRd8TysMJsa+w2hkh+rpy7i0Xn0f9hDaOwuikP8KAqnY47bqIi9fmFZ/voOMeJj+gG2rVvPGtJVKhAm5wrvRwlTijUkpgUrEOF7CLPv7uEhymrKKy2tmtOvFyv95zHtlm0IMBdbDV+7+1OANeF64iZ9xvxbmZe4CXZouMKcfgr/Ay5+d359CLUUw4EAit84MH0e21p2bh6Xn8JpQQP0LcStslej2Cvo8KrZ3sy88mqu0eY2EEr6s18qwGeBfKaBc4vFu1WjFDjNLHXxCLgoSZot8ZAgZj96vaIBPO4NIlQhxe7rLkBAJqGDkJHB1pRFbmUDn3dvfrElfNMHEXriBMTUmCq5XzkZ2tWuaXar9soJEpeZupuCkJNEDsSQ7kgyPCTpmXidpL0s3qJvNg592wIhuUQWhNSRS51x+s7TtdASqxh45TETCFMBEVnR/pL+uksGMCadjKY21LAc4glZZJM+s2CvebAmXIxffdI66DmVwVvnMmbEuvQTLge0f4gqecw03gHwdvHVwHmdzMcZ3fgIOogKEYVcZc7ENTZ0b5XKm7cYBPLXBxNrB0SoCS3qHDwl1+zkM/1BWyEZClRfM3AtQvvfvRnjAAjDMBAx8wYQIxsz/38YG2NFaZxzeEGlqE0T+4wd3Cr1pSw1drmw54Q1kFbLPJUtE/sksG8RGwSw0Qcb9rjxdlqRgR5bYbCljVpTscVcJ0W0S71g4gslN2ECGyYpUiIqLxuPC+VHj1DuYA2kmiEe9g9gePVYfLPA4hs1Nfe3pqaPjZtkXDtZ9SlwgheOoQdQ/JAbMWTkiFUpQTJXdE4FCzrjkTIg1BOBlUC/FTDnQLC7DsoeA+/XiiuMBjRqRlK+hnBqx456g1b/iJY9YbotKkyHxQdvwsPABnP+/C4AAAAASUVORK5CYII=" />
  57. <div class="btn-img-mask"></div>
  58. </div>
  59. <div id="reduction" class="btn">
  60. <img class="btn-img"
  61. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAvVBMVEUAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////lQD/wmz/05P/oBj//vr/x3f/+e7/+/T/9OL/8Nr/wGX/qTD/9+n/z4r/xXL/t1D/tEn/rz3/pij/ohz/4rf/7tT/yn7/vF3/u1j/ulf/sUH/rDf/pCL/nhT/4bU7sN19AAAAH3RSTlMA68X++uBJNgZVuqSZYykT9e/Sy7KLe2tALR0bAayt34J7YgAAA29JREFUaN681lsSgyAQRNGZAQIqqHmYh5rq/e8y/ylNEMGzg666H02buVd1b2q5GNaazUXq5l69HJXVPt5GYYEy70dLZXShYfzETegoM1fdNCLoW+UoH+vPiHb2lvJ41tioftJ+J0ECOdE+9opEV7snZK+QTPnUxOfA2IXDTAlGwW4yJkTFyIC3RuYGhSzU4GiDSZCNTBStNcjItBTJMrJiG5lVj8z6qMQqjex0FbFXowD9d7PtUURv//TMKIR/tj0ZFGMmWuUEBYmjNQOKGlaDVihKraQ9MgrjkRbMguJk6RkEHCAs/CvGAbijbx6H8PTFfoirs97EYSgMwwcCUxapoy7qcjHzneI4QGihFNpOt/n/P6uO5Mq2ZE5Oe5PnDuH4jRxbLpBTWmNsiUi13tYLJBb1dl2JTwXFEaXOkGXZuS+jOVfMbJJMZZh5FY+5Z8ci64wSv5BnuLEJs+65MUNkxo196G64YZCXHua+GOaXMq3cIHKTvkv5wmK4T5ErQFhq57nQhotn/4jFAVcUTJARPpdTa8M1O35j5E2iLY2D5q/MoSWGww/ndY6DjlRneL71U6014bUfvJ1rzvLoBFL5LXw0ORy2xJvUxcnIh8cQVSs/3VNb+MkPXFUQjX34HMrynRy+U3Zx7q+HAVrcPnyVpfBX9+EWLQa/w32oLM8Oh2ehq7wdp2i3ePfT/suEwx/O+wLtptToQVPesZcLBztNFz1yjqGy3GnCuyVUjl34EsqyaQ8bZReXLvwXSo8fbeGPRyj9ceEhBKU1HIjhlLElBEOiUQGB5awakZqzLATFiK4hMZy1QWTDWQaSaxorwuql1ofHdIEfLPUSkaV+qYMLmuLbm8vskfhvtJsrmNIEnZhQH53o0yk6cUpDdGJIPXSiRwN0YvDZvRkbAQjDMJAJaKmAJdh/NhoGgCDr5WQB7jiIZemFPRh71djHhf1O2AWCXZmKIXGNDAlsLGJCAJM+mNjj5O2yn6+OWNBjKwy2tFFrKraYY1YEZr5QdhNmsGGWImWi8rax2ShPiAasYUhG/GMMvFIiPluomRPjmoLrpKjeAidk4Rj1AEoeclMMGSViVZUgWSo6VwULJuORFUBoOgKrhn47YM5CsLsPyq6B93vVFf4WNHpWUkZLOL1rR1+LVnNUy56zboeqTIfVB29E4GAAytoe+wAAAABJRU5ErkJggg==" />
  62. <div class="btn-img-mask"></div>
  63. </div>
  64. <!-- <div id="goback" class="btn">
  65. <img class="btn-img"
  66. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAulBMVEUAAAD/mQD/hQD/w37/w37/tmP/w37/wn7/w3z/wnr/wXn/vnD/u23/mBj/w37/wXz/wHn/wHj/wXj/vnP/vnP/u3D/u2r/sFT/sFP/rU3/qET/qT//kxz/////w3//lQD//fv//Pf/x4f/9ej/vV7/sUP/+/X/lwX/1aX/36//7M3/69P/9+7/8eD/5cb/0Jj/8+T/27H/2Kz/1qL/48D/zI7/6M3/2Kv/0Zz/nhT/pST/yHr/4rj/rz5CiGTeAAAAHXRSTlMABQr481fu68S/rn52EN3Ot6qkkoqEbD07MikkEqalQUIAAAP7SURBVGjetJbpeqIwFIYRxQ1Ra12q9cQIM+gM4IJL+0zv/77GcoJBpECAvH/4+ZLkO4sigjHXJt3OoN+q11v9Qac70eaGIoHaYjpskAQaw+miVqVJ1bpclCTsampFZ5qN6iST+mhW/nxqr0Vy0uqVO56hN4gADd0ofqpx7P7MvX92PMu1KbVdy3PO/t6M3ea44Om05oNouztAAofd9kHY1Aqo3ttR09Gj8CPUO0Z97XfRCOqEs3UoZECdLeHoQsFcRo7lW5ALy48cbpnf9cZf6+hCbtwjf7m3vK4eCfm0QAjrk4T08j3X6z0WVxDmeo/Kay2H6+WeCxsKYN+T8pJpUzuEsYOC7Aijo2acK3RdDlCYwyW01XLd4d6GEtj78CbTZGE2TmsoxfoUpiQ78x8USkI/sirgLXRBBYS2H6p72WR3SKECKLvJ5jIxHG2WjTVUwpqlpJ0USZ1lPn8O3fPOTsskqwA9YX4RJHd90a/NarXZp9UbQZ7nW1uwb6x/rwIu2b2kHXdprB8KuJBN2mBgfVKLtURMommLuJA/ac9mYiIfm+SYBFyFXMgpdeKQgHHUZdRxVoq5EAfSwGlaN55jbxVw/YJUrKf4qw3cNwq4/mX94BF3ZTXegN0CrsyydGMNudbCna1qF4IbXitsWjP2YsKuDbpyvdqMyUZYz+Kuv8DJquwRiwfm3pHkAgfTr0Y6lUkluYCakZ7VxdzLcfH0d4MsYpF50lzgYal953HBblGSi9/j4iabYhZluXgepzfZEIemLBcfosObDJ/MkuXi+0FDUQx8MlkuBB/NUOa4v0l1AW51c1bSvlQX+KysJ8H3LNUF50AyYf3DkeoCh/WQDvYPeS7eQzrKAJMvz8Vn2kDpp24EtLyL7wZ9BVcCG5L5qsQFNq4GCk5OCom4m0pcQHF+/q/WXFIQhsEwiAcpLiqKYlWom4Le/1q6EGZhSRyT0L8nGChp8r3SsHsNFrD0Z7wAQ9MXfMbkAdkfKtA4IJmjf92W0zj6uZ96V07jp+a60jR/XXERa5q/iHliNM0/MTyemuYfT2SBp3lZ8BE8N0/zggcpp2leyiFSNc2LVOS3p3n5jbHQNG8ssEya5i0TZtDTvBnE5mqat7kYeE/zBp5owtN0NEHo0oBG6GLjJGgkcjZOIiiztAlaLijLRICCZiJAwk1PGzoZbhLbetqzs7EtgbSnnXQgTdSuaaOO2ikRNO3hSwTqEUmbzrIe8cUPtFEUPwWV1ji9Q+KjqLTKyrqh/6WsW76GbFOwxqiO65fimyh1f+0hQ6SJRs3xSbRZTaXBUMwpVPnIK+58bXaY189+va9hXvzJ4V9jyrXMRN0Adm3T3jaj5fZz7Be8Nyn3M9XFOwAAAABJRU5ErkJggg==" />
  67. <div class="btn-img-mask"></div>
  68. </div> -->
  69. <div id="save" class="btn">
  70. <img class="btn-img" src="/assets/coloring_ic_save@3x-B4R4i8qI.png" />
  71. <div class="btn-img-mask"></div>
  72. </div>
  73. <div id="hint" class="btn">
  74. <img class="btn-img"
  75. src="data:image/png;base64,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" />
  76. <div class="btn-img-mask"></div>
  77. <div id="adscore" class="adtext">AD</div>
  78. </div>
  79. <div id="remind" class="remind animation">
  80. <img class="remind-bg"
  81. src="data:image/png;base64,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" />
  82. <p>+2</p>
  83. </div>
  84. <div id="action-sheet" class="action-sheet">
  85. <div class="setting hint">
  86. <img
  87. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAgVBMVEUAAAD/////lgD/lwD/lgD/lgD/mQD/lQD/lgD/lQD/lgD/lgD/tgD/lgD/lQD/lgD/lgD/lgD/lwD/lQD/mQD/nQD/lQD/lgD/lwD/lgD/lgD/lgD/lwD/mQD/lQD/lQD/lQD/lQD/lgD/lwD/lQD/x3n/xXT/vV//ulr/qDD/mgzyPPlpAAAAJHRSTlMABvo/w6AX/Mft8XkG4KdwSbNzRgoT0WE118qUZxv45bqAVSwQp8ZxAAAB4ElEQVRYw9WY13LCMBBFHUmWJRdcIdRUYQP//4HJZDKBZa3iDZMh55GHg668Kqvo4Ubcpyj6Nf9P1LVZrArNmC5UnLUdTSRLwQyAiVJOFvE6MSMkNZ8k4sJYETxYJGfGyUyGiarUeEirEFGTGC9J4xXlsQkizt2iuTKBqLlLlAPPcej74Wg15Q7RZa7TYf/F4WRLZxc15oJPz7fJWGhsoiq5zLX/4WjJm1TjIgnqZziLBlveVI6KYD33Z1FvzTsbE3HjFeG8fEQkjPFFwz8KKIIDwn/uGCZHohpo4HQ4RPW1SMKligvSkjeRV6ISSEDJuPOWVyJhgsB5BRR1LEyE87IOiFoTCM7bAlFmyGRAFNNFMRApukgBUYGmIJgCiDT6KMFoIGKoTIJhUIQKlyjSaCkRoxVocRMnW9FFAhYkPVoMlwh9sjO4aOmff4m2EVpBarSxEZfIDG21RB7x5k8ilfg4orDm7gPST7p6iV/fdpHtyPbD1ptt9T63XEZDh7TIljkweK414Xd+/0UL87TFAv/VD8P4hH6tcRZesMh5vC2mdZC5Ch8QsYXYRRBqU/McQcht1ioC0Bs/HUHoregyAtCb4w1NhNt1jRYr9QFB3uJJI0kX5X08svy96G7f2G7CBzpGaGrqqeP2AAAAAElFTkSuQmCC" />
  88. <p id="txt-hint-style"><%= translate.hintStyle[lang] %></p>
  89. </div>
  90. <div id="hint-list" class="hint-list">
  91. </div>
  92. <div class="line"></div>
  93. <div class="setting sound">
  94. <img
  95. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAA3lBMVEUAAAD/////lgD/x3r/0xj/ynr/rAD/lgD/mQX/oQD/lgD/pQD/lQD/lQD/lgD/lwD/mQT/mgD/lQD/lQD/lgH/lwD/mAX/lwD/mQD/lgD/lQD/lgD/lgD/lgD/lQD/lgD/lgD/lgD/lgD/lwP/lQD/lgD/lgD/lQD/lgD/lgD/mAX/lwD/lgD/mAT/mQD/mAD/yHr/lgD/lQD/yHr/lgD/lgD/lgD/mwv/lwD/yXr/lQD/lwD/x27/2Yv/yHr/lQD/yHr/ynP/yHn/yHr/lgD/yHr/x3r/ynz/lQD/x3nSyQp0AAAASHRSTlMABqP3AlYG+ioN7Qr182FCMRX4nnlzUDwg5dfMw7y2q6aWhn3o3cjBwJltZ1hLJhHu0rCdj4qAXlU6ORwZC8+Rgw7ftK2jgEigePFzAAACpklEQVRYw+2Y2XqiQBCFM8qAQEBxX8dt1LgbjRmNmmXW9v1faJw+oi0w0jReeOG5qqL4/oSq7upq7z5dSNcJugutG+gGEgKp8cRFQDmNkHYsPEgqkJ2SGSkISM/LrmcjAv2UeUFStkKIUso6Ho+TBHpQuUB6v0WgqnQaaZK9Sro/yHrWyEFNR9A0Dn/CBzSq3xNGysgRz3cI9HwW9FIlDmWcr8j2KzlPEDJcJi513YVIIVKUvUGyWSQeity5JJf3+fMCjdNfCTkPSqSqA1hWgYburRPQ5v11Ep0gw+dAOWXnzWFn9/lmQcvv252ixBf0hboL1tH0I2g92XKCSvgc7NgYgv0j6MeWFzSH32H/pcoBtN5yg/R9UePUi2O5rm3QHy4QFDOwX7GYUORvNugzHwjq4QlaZBdRIZCM5ZOmzpDaj0FBUJr5NgtJ2giBUHQFTQ1JSgQFQQUmSRVqZ8VAWD1DakdQNjEQGohJ7Tq1e2KgBsrG2E0x0BOaJgsVA9Xoo0H4T3vAbgM0RLJltD90kjIqKATCltdwaGqACoGwUWs439DnhPbaSmGW0YDabSEQlqNiMbnu2qBlAJCJB3XkHSnK2qBNlBuUwEiTXFFvgRR9HJr/OzeoA/8NXps60+MpIr3yggy0RBXDBoIL5oD8mAU517Q8Wj91SEuyQVTL37Nfs5b/kW0QYsRh9xHreQwRUnyq+FQtn8nkYY3wmZrqBEGrhtdAkvIY2osImf+d2ORBxwVqujh6BZGy5A2CYnXjFBRzvjFuI5CM+Uy1av+R4bw5wzm7LCbHnJ2r2Ykv6475sUH2euKb/K30v4RquHScNm1oKnGAIPUlIbuqodi1lMLdjlQCzcERB+GoLQzDX/ysCklGxhe506r6lV2Ob6DAutrf2C6iv4oBx9CEHnZyAAAAAElFTkSuQmCC" />
  96. <p id="txt-sound"><%= translate.sound[lang] %></p>
  97. <label class="switch">
  98. <input id="sound" type="checkbox">
  99. <span class="slider round"></span>
  100. </label>
  101. </div>
  102. <div class="line"></div>
  103. <div class="setting vibrate">
  104. <img
  105. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAArlBMVEUAAAD/////lwD/lgD/mgD/lgD/lQD/lQD/lgD/lgD/oAD/lgD/lQD/lQD/lgD/mAD/lwD/lQD/lgD/lQD/lQD/lgD/lgD/lwD/lgD/mAD/mwD/lgD/lgD/lQD/lgD/lgD/lwD/lQD/lgD/mgD/lwD/lQD/x3n/26r/2qb/yHr/y4L/yn7/2KL/1p3/05X/zor/zYb/1Jn/0ZD/yXz/w27/sEH/rDj/mgv/15//0IyfWhx8AAAAJXRSTlMABma9GO3J89xwDPvx2ZE9Nvbl0M7Bt5aMRybTraSIeWBXTisgr0b2dQAAAvZJREFUWMPV2Nl2sjAQAGB+BK2odV+7L4YdRHB7/xf7EyYaSBAocNHODQFOv+PMyUwB6V9D8TshqXb8FUhud7a50WnLJSCltS0RLaUQAqdYKoLkbcmQC6B2WahdAHXKQp0CaAtxiFAidjqOs07CjQ5biFLQASUjNLDguTFkIXT4ARSloAADgRU7Hj6NfgClHJ9kZAbEMUJyoSJk48Qc09ZJ+KgG5GInRF5cb1QIaUt18pYJ7XFCNjINqDQHvU3UpZaCFuRWNwOysGNhDirNQV1yXCShVXxrKkKmoxs7fHRIpW0emsaLFYNGcGsmQh4U2Ndx7BEPzWA1ukLQYEJqsKUv5Eh2tWMKUJe23RUawvmCFZsltr+1yA5xEJSWxJBCy/hsoglQQOtLuiNAGZA2iZdLCk3pgOEhn/513B22ALHxNaWQGp8pPGQbLpQlYJXmISVeqhQaQ6I85DohgNgxzGwIyjum0ADYrzR0cWg2HjRZFvQFyQwotII7D1oSssCBaeSiTEh7gOWKQkpf3Eema7Fmo012bx/1FQpJ6158YZ6A9rdt47Am46F5vOitWa+9Q24MsvzEWDPCOxBk9i4xSOYgk21jB7okB5IZ9AmptW6QnfwH4qB7UAtS+5S4Yss3KDUfd3chmSv2I5w/SSJksSbL2kdPsHykEKSqbjKgAI+zHGijQnFTLTKSRMgmTZYD0ZE4zmlaCI+NszJNO4N9LUKhwVVagLowo1PF7n8L0J5rMgH67qeKTWf/QOMg09CtXEgb0OlPIbyxABYmpIdyocfrY+AV2vTgJ3GQY4T5EPyg3obvtXka2rFxltv9cvJf9iu5suZG7RkVQGtyfE0/jXw8vwylFGTpVhEkDV+ePwofa4Igw6jwfGQbdjOQd0GNQOb51mTH0+lYHWLD/0guHKtCJtvTJ3LhVBXy7aYghBpJzYJK1y92hHIiqvZSI8ahJATS3d/EXrMafvGr/yra8Mtx/df1Zj8g1P+k8Ue/1lSIX/uNrZH4D8LVqE5473jlAAAAAElFTkSuQmCC" />
  106. <p id="txt-vibrate"><%= translate.vibrate[lang] %></p>
  107. <label class="switch">
  108. <input id="vibrate" type="checkbox">
  109. <span class="slider round"></span>
  110. </label>
  111. </div>
  112. <div class="line"></div>
  113. <div class="setting autonext">
  114. <img
  115. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAeFBMVEUAAAD/////lQD/lgD/lgD/lgD/lgD/lgD/lQD/lgD/lgD/lQD/lQD/lgD/lgD/lwD/lQD/mQD/mwD/lQD/26r/1Jn/nBL/tEr/2KL/pin/wWv/zIb/rjv/oRz/05X/0I//xnf/mgv/mAb/1p3/yoD/vWH/zon/uVd57MdKAAAAE3RSTlMABuxA+vnf2su/tp2YlG1nVy0hIrrgBgAAAapJREFUWMPt2NlygjAYhuE2YRVk+ymLoohb7/8OOx0J0JnwEQl2OPA99xnBrH58LtQ6oQ/t3tCaoDjwXYuZJrNcP4jnQtxj9Cfm8RlQZJMkO3oS4g6N5PAnoGRDoE2iCnFGMMbVoNCgiYxQBdqSQlsASRwsYSgkxUIMcUMVMjiCEkbKsQRAaPxUdXGqzsPxNA5x4JTpb5fbgbr4KOQAaJe2XatutoxBEWFIdGroUTQC2YQfrZfEWiCHOInOmaS86CXxorgU8gSzK9KJcnrkSSExhm4YGUJMBsXUdpmGSmqLJVBAbcdJ506iQAL51JZPOcd+UPoSyKVOun+B9t8NdbkSyKIZWRKIzYGYBDLnQObSkP6jvfJlu9RV7eFs25fw5/eHSw+uyNCADLrvoz5pKUCT9voEFKNl5JIqPxqDC9sRK8OX7cGldjf4yIFgHC7+WdFLNXTsie2oHDwc/ErR1AZ5zmsBZcBxVLbs8rGVnOAbUjtENPm1vjXA2bz8WKN/0NI/+ukfRvWPx/90YNe/QuhfavSvWfoXP/2rqP7leA3X9Te0HLTa/9gW6QdUpq/jhDa3bgAAAABJRU5ErkJggg==" />
  116. <p id="txt-auto-switch"><%= translate.autoNext[lang] %></p>
  117. <label class="switch">
  118. <input id="autonext" type="checkbox">
  119. <span class="slider round"></span>
  120. </label>
  121. </div>
  122. </div>
  123. <div id="finish-btn" class="finish-btn">
  124. <div id="star-rating" class="star-rating">
  125. <input type="radio" name="stars" id="star-a" value="5" />
  126. <label for="star-a"></label>
  127. <input type="radio" name="stars" id="star-b" value="4" />
  128. <label for="star-b"></label>
  129. <input type="radio" name="stars" id="star-c" value="3" />
  130. <label for="star-c"></label>
  131. <input type="radio" name="stars" id="star-d" value="2" />
  132. <label for="star-d"></label>
  133. <input type="radio" name="stars" id="star-e" value="1" />
  134. <label for="star-e"></label>
  135. </div>
  136. <div class="tools">
  137. <div id="finish-playback" class="tools-btn">
  138. <img class="btn-img"
  139. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAulBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Xl5fw8PCnp6f9/f2ampqgoKCqqqr5+fmkpKTKysrl5eXh4eHa2trBwcGcnJzy8vLp6emzs7P29vbX19fS0tLPz8+4uLjExMS7u7vs7Ozd3d3Hx8evr6+DzCGcAAAAIHRSTlMA7PrgNirGVbqZY0kcEwfC9e/n0suyrKWii3trS0AEAS5erAQAAAQlSURBVGjevNRbuoIwDEXhpFdareBdFGHPf5TnXYXT0pZ/Bln5Ekp20Pb5aMxZshAsz6Z5PK0+UF36dZP4Sd5emuoI/n7CotPdByrsYK8CEcTVlqyu3BHRjk5RGe8GiZo35dsZrGB2uZEvWOmSEzw4ZHCB1pk8Iwv7iVbYt8jW7inZwCiAB0oz9iikH5MyGxRjEnJriYKkpkiKURSryF/VobAu6o9ZgeKEjZhXoALx78yqQxWdokWaUQnrxfuVqEYu3PNoUJEZaU6PqnqaMaCyYWbBjMr455qnFtW1E33z2ICnL4GxAQ70yWETjj6oP17rRDdBIIrC8HU3Mdq4G43JGURREfcV6vu/Vhum4aJtYGYg/V7gBPLPAP5JmV71oGTpPZ4z57HewFSPXjSg4nSfix/O2YaZBsVVoSDYiZiZCyMfFDOFgqt48zjBxJRYHek88cviDAN1vaT9ufjD04K+stYZvgnpsbF87xktz9ccmfZZbrWR6iBCKxehzSpDZO0WSTWk+5TP50cHmk+W2C6hp0ZSH+mccGIN5jscmQctfQo1i0gnn++EGPvC5/qoFVmxqfw9PMknw6v9jSO72tD9Og6RzpId4V2wiKYdjciG4XDHZJgjEwaRdehbBSbD7BCLLICiChFNMg7DvsYi20PJhIgGpsNsf4yWd2qRDYioZDCcGNkB6UpELeQxjOVWRO4KkbWokm2YubHIXIW6apmHObI5Xyfp1/U48zCzOLILko1plMMw86LINkg0onquwxzZykaSOlXzGWbuTuVlV6mb9zB8+bodJOlSKfdhBCJkJd8ghfyHbflDFiBBgYr5D0MGdkWC4hdz5rbaMAwEUdKm7o2+lF4CpSAZKSRyLk6sxDj4/78rYAX2wWSlWRTI/MC+7JFmZm8yOPzRjh88udVgfq0n2ZeLLOmaX678OKmVHtTwOBXZB5cpHBfokxnXKszVPvJkzvIOrtu0t3qW51schwu7i3yLciPAO10fMwJS68PbLuuj1gc3e3EPoJe7uNnD7C3neqCS4DGPoVfGWSyx/mSIMFRMABn9DwxtDLpYYHwCYyqHLqWXuD7RYM6iuz0Ylajf5CqiDphwiamtVbLekssXYwdQzHV0kSL54SO9bgp7WzHoAvoGCrYwpB2hK2o0n4FK0YcRDkCXqRSBEtXML6G7GXatw9ElvUK1sdNBtt30eztCF9EUKsoNAasl6JJewNNAudUkQhfXP3oMKWmfCF1cBX7+aTpNsv1CifQuOXhVnb0g1DdKpi/hiW9ReXf0JyXW9F6Omufu7YAIAAAEYWD/1nZQ4IY59otlXE64DqV6Ek5IcAwaQLGTGx4y8rIqJiTz0TkuFvTwSDYI1RNYPvrVMucO2C2j7E14X7Ar9A0alyWld8LZbEf9o9VmLXsw04n3wQGq242uJRgdzAAAAABJRU5ErkJggg==" />
  140. <span><%= translate.replay[lang] %></span>
  141. </div>
  142. <div id="finish-save" class="tools-btn">
  143. <img class="btn-img"
  144. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAe1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+ZmZn19fWoqKjJycmzs7OioqLX19e9vb2QfJ+IAAAAIHRSTlMA7cX9+kk2KlXfumMcB/Xn4tLLsqylopqZi3trQBQSBMVx/XUAAANISURBVGjetNbZjoMwDIVhO0mTAKX7vp6Rqr7/Iw6tKiF1Wg+B+LtHvwCbQMnqEA+b0swLdo6LuSk3hxhq0hWOq8LiA1usjoF0nKv1FKLpujpTZnVcOnTglrGmfPyO0RnvPOVxKpGoPNFwI4MezIiG8Qv0tPDU32Vr0ZvdXqinijEIV9TH2GAwM+4xVIwMOHXIrnuLLOz+Ovwx6z/uMENGs0AdeUZW7DuO1QSZTTqNWHTIzsUO9+ugwP17z34CFRNPosBQwkHc3xnUzIR9vhooMlf6Zg9V+68DbZHA3u73W9oVX0Z7zEhx+2nckII/v2aDJPdH+I4khj6okObnCWkq+uPCaKmF+ULvtmjphbGlN95CkC9s/Vt4AUHGMBZvKwxB1jBG8iplC8srdYIgcxgnapUQ5A6XbddDkD2MdrB3EOQP7+ilZgjyh7l+hSMECmHEV3gJgUZ4SU9nB4FG2J3F81Ap3J6Oawh0wmt6mEKgE55SI0CgFEZowkcItMLHJryCQCu8asIFBFrhgqi2EGiFbS3Oll4YgSIEeuFIBwj0wgfaQKAX3sh/PXrhkgwEemFDcwj0wnP5+6EXLogh0AszOQj0wu63e7tbTRgIwjBcTTW2QQottKU/MiRGvf8rVPDgPVGZ+dywu+YkZ3lI0GR35ptscLZHne3Hle3vlO0Fku2V6fpI9IfdsPfB+2F36B2X/HR9FkeKeNdhyn2j45I/noVAfza2t2Dc0+G45dVT64GRL8K4brh1LfZG5MswrvNRN2vX8rYfkK/BuIPjhl9Y0Idk4LDLgv7XBBk46rKFaU2QgSXXWrapIRlYc9/YmMdk4LjLxrwzQQYWXOsovsRkYMl9/qfcFJSBBdc+KLCFZeC4aytKioJ8PivubE0RVZA5BV37jpaNkTkE15ZCoRxZd1+F1gCy7tqf0AxB1t250P5B1l1bKA0vZNl911p8yKLbLMWmJrLk2pfcxkVW3NlGblwjj6f1ZNC17p5WPXSUtbkYTtAPwgl6HEM/mkVpAZTJIzflhYymjVWVGSSbLjpXblhwmnhk2YHQ9BHY8kO/aWPOdQS7k0XZawrvJxhXqG9A456RlHqHcJSxo/oHrZTRsgcYpks8PngEHkd9BEMFoZsAAAAASUVORK5CYII=" />
  145. <span><%= translate.download[lang] %></span>
  146. </div>
  147. <div id="finish-share" class="tools-btn">
  148. <img class="btn-img"
  149. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAwFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+ZmZn9/f2goKCdnZ319fX5+fny8vLc3NywsLDZ2dmlpaW7u7uoqKjV1dXm5ubFxcXu7u7g4ODR0dHCwsK+vr62trbj4+PLy8utra3q6uqysrKqqqqioqKP/bhpAAAAInRSTlMA7Po2BsZV35ljSSkcE8L17+fi0su7ubKspaKLe2tLQC0Brj0GYQAABFdJREFUaN601tl6okAQBeACAXWMxn03mgMo7vsSo5n3f6uZzw6fCtJi0/xXenXooqsKepnWM9rNql5KKqqqJEt6tdk2ehrFK9OpJ/FQst7JUDyy6UYBXIVGOkuSaUZNRQhqzZBZ9UQqj9DyqQTJ0a3gRZUuRfdHhwD9T9QilyGoHKXg2RQiSIle8c+0gkiU9CcJeMshstwbvexDgQTKB71Ga0GSlvZSmXVIo79Q7kwREhUzoZtXgVRKIuSseodk76HmmKFCOtUIcV4VMVCfnjnxjli8J4groyAmSobbv0XEpsjpZ01HjHSNgrQQq1bgXkDMPgJesIKYKW8P934Osct9kl8aUay352nf/tmPHPCkySerQNxwb7r+LiwEU7LklYK4jW3eOA8QLOUblRA3Me/Necne0VmGsKXpNeZUu+zZSRBmzU2fLYLd7ykdwrYms1o6w9E3+207CJSjG12IY1n2iR1/xZInCNalqwqEDVnSCIw1vvydIVhFzpX+ugRN4dqwiw2OhJQennhOOLj874Ph97KWByA32AZHXiPGAI/8UsMgpoYIBvfX2Pp2K8BRY7lZFVGM2Utdstyde8l51KyEfYijyey+BuvJ3DdAONuxgQjWM/OBBfgal+ACGNE97He2wFeg/zIQNdyZD/04eCZDRB2IGez65kMHB091iKj+/GSbxXZ0su5jVzex9upa8ukEIdSJKAkua+Guuv0QLud4E9tfDYDh4vBjT8e7jYUwkkQauJZT82pl/cba97ECNOqBZ+H5pnFY7NVuACE9/qAemaY3eXsby6ovwqA2gq3997YfOZZpUxPBDiYzn63GvmeYrRFBk6oIdGIJ9ujSUwdJsUyV9315ZMV1I26SDydEpFMJTODCO+LXwK32eYnISrz5wVr45HmQ+RISJElBIHZCB669u/IkUEiFD//EI8ig/mPO3FYTCIIgirpGTRAScg8JgYqyMZcHQYX1+v9/JczLKA0zTB9B6wdW3O3uqlPmwdl33OgUapu/OvtVj+cjcbXsx5Wf4/8//uheYpwSm2s7E9R9aoHEXW31C4eqa1Zm4jqdclc/mSORvsfTDbrFUW/2LGYcSLM6uJHLbzn1nk1s1nP9ROgRZ6su81y6ylif6DKno4Pfsvs6nq16YVxm1vpUKpN1mdtZMy711aqCvXWoDpTFnSR6wdD7NAlxzZed9AIijLQOs+VJi/pAoS3OVmk+1g2MqWG2yomA7ngw18TBQPQKUAShPhoA+AI4l9pDgJsA2dPz2QAbQIqA3uq2AhAV8Gr1ATYGhF7qAFAOOgk9gmoAtDDSJyhDQO+kLqp/3E2bdM0KL2e3KD3gis/VpkodUGoS9UGNS9QaguKaaHBJVf2+ezsgAACEYRjm3zUagA3a+0ie4AQWx+gDFB65KSMjIqtqQjIqnWthQTKPbIBQOoFNo18Dcw7Cbg9lz+B9V1e4DRrOknKacNztaDdazahl+Uz3rQ8uGhTrMQRabC8AAAAASUVORK5CYII=" />
  150. <span><%= translate.share[lang] %></span>
  151. </div>
  152. </div>
  153. <div id="finish-continue" class="continue">
  154. <p><%= translate.continuex[lang] %></p>
  155. </div>
  156. </div>
  157. <div id="toast" class="toast toast-hidden"></div>
  158. </body>
  159. </html>