play.ejs 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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-BVJfb_x5.js"></script>
  19. <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
  20. <link rel="stylesheet" crossorigin href="/assets/main-BVTiTYwv.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. #share {
  26. position: fixed;
  27. right: 20px;
  28. top: 20px;
  29. z-index: 9999;
  30. }
  31. </style>
  32. </head>
  33. <!-- Google tag (gtag.js) -->
  34. <script async src="https://www.googletagmanager.com/gtag/js?id=G-JBGGVGLHTP"></script>
  35. <script>
  36. window.dataLayer = window.dataLayer || [];
  37. function gtag() { dataLayer.push(arguments); }
  38. gtag('js', new Date());
  39. gtag('config', 'G-JBGGVGLHTP');
  40. </script>
  41. <body>
  42. <div id="loading-overlay">
  43. <div class="spinner"></div>
  44. </div>
  45. <canvas id="canvas"></canvas>
  46. <div id="toolbar-bottom">
  47. <div id="progress-toolbar">
  48. <div id="progress-wrapper" class="progress-wrapper">
  49. <div id="progress-bar" class="progress-bar">
  50. <div id="progress" class="progress"></div>
  51. </div>
  52. <div id="percent" class="percent"></div>
  53. </div>
  54. </div>
  55. <div id="color-btns"> </div>
  56. </div>
  57. <div id="setting" class="btn">
  58. <img class="btn-img"
  59. 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=" />
  60. <div class="btn-img-mask"></div>
  61. </div>
  62. <div id="reduction" class="btn">
  63. <img class="btn-img"
  64. 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==" />
  65. <div class="btn-img-mask"></div>
  66. </div>
  67. <!-- <div id="goback" class="btn">
  68. <img class="btn-img"
  69. 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==" />
  70. <div class="btn-img-mask"></div>
  71. </div> -->
  72. <div id="save" class="btn">
  73. <img class="btn-img" src="/assets/coloring_ic_save@3x-B4R4i8qI.png" />
  74. <div class="btn-img-mask"></div>
  75. </div>
  76. <div id="hint" class="btn">
  77. <img class="btn-img"
  78. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAACHFBMVEUAAAD/x4b/2I3/zpX/0Jr/rVv/1KP/1aX/1qj/1ab/0qH/xoT/yo3/y5H/zpT/zpf/0pz/05//1KH/1aP/1aX/16j/2ar/1qn/2Kn/16r/2ab/z5//1qX/1Jr/2ar/1aj/w3///////v3//vv//fn//Pb/xVP/3Hz/ylv/x1b/0Wn/zmP/xFD/wk3/+vD/0Gb/y17/3oD/02z/+/T/v0j/zWD/4IT/2nn/+/L/uj3/++z/yFj/wUr/vkb/9+n/2Xb/1nL/vEH/1W//13T/+e7/+Oz/9uf/vUP/9eP//Pj/5Iz/xYL/9N7/55H/8tn/4oj/6ZT/68X/4Yb/9OD/5o7/44r/89v/79D/7Mj/7cv/8NL/7s3/6pb/6cD/6L3/5bP/xoT/8db/8dTP0NL/65mnxff/5rb/7Zz/0JqUuO6Ns+v/1aX/57mGrumtyfmAqub/2Kz/7595puP/6sL/5K7/9+X/9en/8uL/5caavPH/6tP/27GhwfSgwPOCqNz/46L/9+v/8N//+N3/6M6bvPD/7bn/4aj/1KT/4J3/z3P/+eL/9df/4sD/y4//56f/2a7/yIn/3Ij/0nv/8s//88v/78D/6Lr/4JP/3o3/2I3/14b/1n6uyvmqv9ra187/6q3/3Jb/ymf25sb/7af/zGrHzdTp3sfz4L3/6rD/x4j/xFqdud2atdmXs9aSsNa5xdHe0r3t16//w1r/xVjr75peAAAAIHRSTlMA/gbx5wPJvpssGv369vPs4dXQw7KeeXZoWiggHw1RTyme0OcAAA0mSURBVGjetNS7DoIwFAZgK8jF+/0ePVXfgFcgLH2JjiQsTEBggbgy+MguQgNBaQG/uemf8/ekPRH6fqPI0mSMCEHjiSQrm73e+4P+YT2jUIHO1od+l0lDTR7BDyNZG3Y003ZOoBaZb9vPd1YRcELquVXUUaEggCrHxlGnJSldZrtp6Humcb8bpueHqWvTUpvLU6OogYYKJTmBhStYgVM8pw3Esy5TYFCU3PBXtyRCwEyvoiu4AsYJH7jGI3SAWQktpi5BzvUwF8+FnCTwsexYK1GMucUR633Hm6VCxrawEMuGjMr3XAv4eD2xsDdndeyaMBCFARzFgroVB4eioF7oJoRAEOculxAMIdkyBiI4dZBkK1iyGDSFKu3WwX+0L3fvLtEEAz5QFy8/v+Q77/NLrH5uN1ujjuyFNnlgNNmUzqjJ6otqmPHkwYlNUZN+Qy5hHaL6LTXl7zD8s+5L0UFod7O1O6IZWp0DF59dDdOqoiZ60nm6g7FumKa5odVAHCKELLc7mP1SIQTFikc3cBHWkobOA5bNbiWE5mlyCYPwPZ8wvCSnLSG13iwD7O4OGGI1srLErsOkxeli274fgsWwIPBtOzzvKeHctZdhTYb1Vq+FlZ/JEhQUfUss17JAC2SyHLNc45hSwjy5iGXDLdDq1ZYDi7imEipSaWfXMFywAINoIQ/m25bluob3sSOSkyvpGitZt7kH2HmttGDCUynf1srzjDyZnyfLB7DABgwsb+X8zeXNlIs13AGDqjXGBxYVkog1P+q6U9KAC9hN9BlmAKb/pgpBTnoRPrZx5VzGszJGif/EnFK2P2oJszkXcAuDObqqJoU2RS7G0/R2t3WxHJObWFRJHZVjhiE04OAFlgwG2OtxoVDgyn8yWJLutfXyz3WdvTYRRlEAjwuCG4qouD24NsvAZEyIkQlkwkwyRC2KqFFcQHzyUTAu6ENcCMRWirWtLc1DffTP9Hzn3t6Z5CpV0Myv594730xlE39hYKRoMdeTYrEo2r3bDx9SwxK6WDmLWHGU12Rsv2Qjz89gJy6yvl8yjNa1+qti0zBko8YCRYsYrWLzX52ttLnhiSPXPZG3zskoX9t/uizWtaVi1DTtEThoLFLOumfBms1o46Zq9k2/lrU7l8MOXGSlOYy5eqtJBMth1Dg3eEKpBYwWsOixdtKwVK58ILMuvJT3Deu17GHd3+wgWF67h+vTg4Q9fJRZ0KIkaS6ik3J76zg+y+vthfmXji/EGIx7ePNPp5MwmmkSDgXKaWIRQ66k09nyobGRin2ZeyXZK6v4ZubkhZVGcSeJtJGigYMHBemQk7uhFrE4/uPXOTbBUG9kIfcqdlrw94ZxYDf9US2WaKYJBw+Z/rGFksuCdeKkzyXJHjrv5eqnFTuu9zNLLNxg/iCuxXFMjRtpHEA467dJWa6EwWq1FR8aowmmd/ZxsQ7J3n8yTIJ1tyo1iZYAs3D03JeNsViWC8Fg1eK+f00aqdgn2f5DuZNqj77PWxMHFWBO60TsJDV6UjtLGSUDY7BKZdhlNMOu7smdWft17w3DJtb97qjqtFiyQVPO6nm4Q0pyRR1nxbAq0x43UjHb/v3cRfnZ/OsuJrez3/4BjBo4XIxY3rsRLsm0EMtyAat6z3oaTesrgcNuH89KF+2fgCFY75nnQbNswgmo9S1ckQ42Ey6iWlVv1OaOZFeUPp4FdlJ3McMYbASMjZSVhDfPrYffdFqJ20OzvGmKaLd4Z+f38SSwY/LQNMzdz3433QbmmcZw5OjxyzgMR+wgY6kFrOEt9nhnG/aRxDFgci6mNjIeiu1+NWhAs04aR5A1CsPlSDuoVgW5Go3G2zYX0rBUzke8wMlfLhnGe6z9NMCH0Ehq5FCJ8xKk4e/VMAwnEsty0QqGac93fbRuSaCDhTP6JDPMdbGXvigFwZwWk3MiTBcJ2HJGieXBKv3tt9HHDNOn2pnCKTuEbWSui8NSyWEo0ZSLrq9uTlZ2xhvrr/C2j9okpVbVUUFQ2n6gfeQV7TA+pc/Nn4a5Xey2+6MStCBgtowbh/O1plTVeogPTh+ks0P7qU/Q/XYwsmRk6YNJy2kNhqNG7rohVltM5SizWj8W32Efb2XYJz1D5KX7Q34/MLLFSbkl2bwGNOPu7xpLy2v3x8OVyVaTFC3PtTAotco/Bv0vM9gHIvsKR+VZZhiPj3eLo7JoDKe9RLkNfLY6TWpaFaF0XA1gsFq/B7ohxOyZdrRwhH92Z5P1Bw5TLSCnzVzDmCpWOqvdcbGHrXJ5ehcbUs9tSJfIkYKcW/WZZMCGC2XjdHQMuBmG7/IQQxkFCx9b2AbGDbGfe+X8LciT88oupps/eLugmqTzjFsOww4JMvgFiRRj0Vr4e1fX0VacyJ3/1Zr7ixJRFMch6G/ot6DSpUgt0kBLhSFzVliEQWhGRSeNhMIepPZ+F5r9Eu0PwUZFGz3o/foHOy/vMWfc7PFLX2eVXZJP3zvnnnvnnhOERQhWWwLtOqjmAEi8ewcOPAQAXRQV8GdCKWupPw8mwxiArceQBjCmyWDCvLt94B4xFLTfoA4iKhZzGBYcRgmQAOxxjGiCE3v4unHAZyy84+/Trpi1052FSYCEhz7AhrE44/jWkcjfnvveXsAwh0iKAsHXVl0TIDOhr5Na8/DN5SNtbwlgQKOxVHtwDW8DQjhsCjRBgeJDdzb0ZVKbdKXzDJ2ttOvjbJzMiTvikV7md+9UEQlRKCDF40teDSd12kxqTVeaiNUZpKtWfZjNxgEmOOER0V8VDoMOKgpY2exqtcbpKpiIZYmZTcRl19ubRRwPpvLg2rfGGJSQBAVKZf16ixJxRGC6xOjiKeKFulKuec9TRIvxYDKQdQgZIiUhK5tKjT23tYJLtYGZxdNsCxTGsd+uNr6nsin0pqPJUoqQBJXNAis79DgYFabbAt3wCIwiZAA3zbmXSwEuTmNJPAUqiESmiJUbO9U2JX2NfN3w6FZuasNzmG5a72UOcMpjokocGRKgcvGOZ26ZgelWTjepCuNxdPrxHOFoMGU4kcifYglR4gq01qvWdBQDm1TdfguMckhxBaw1ntu2nWJ7CMR4UQkHgoJdpXK2NW469fbKssKmt9/BBwsJfkyPVae5attoDnFIZKC80w+RyJRtW/a7bg/Dg2PRwPTBQh+ZFBYhay2w1l23bCtnAw6QbJDeWCkQkxgW7zecugkPQAUemfRhUNdPttauO43OumXh/zmnFknKYVe2ZVnxYZPuWBG3VgrTh8HgY65aK7vVXrOznrGQhzBAsg1k0GUjh1GZ+LDbwAktxgSmj7lhD/BqjQbyUWdsAY6AgqRXDr1OQPgv3gELB7GSnxgT2kgf4ANHE2wNn5oqMJBw2zprdgZlTZDyYyGGSBm4xn636cggyoNn4GgicOiixyA4syEigXbvG8GQJ0ihMAiUWiMWDWJBWMFDl+Bxkpxc8UAKzV9byqgQwgxRarUPrB6zMHkoTI+TQg/KxFop+ROt/zgzVy+HPvuCqMdIFGPhB2V6BCgwHkhYRCe0JtC+HpujL32/020QS28Yw/QIcP7hpjmfYG91rwe0N6dJT04/gev0lJ75nUfIahFLjgCDh5vhx7bhtO6b43P0rNNscGywLzQWOLadeyCtI5nkkWwT7Srp2tVrcNEnCj6eNRtevVbm2FBW4EB6/lH7dvU2qDDt7iV44Zv5ZL1WlvoKHLWHFxFEQsMZwLO79/REuF44VeOrJIEYKCJsWB7ZJjScbzS7686rk6F6CvcLWYVEVOJQaFoemV/4STNMTznB2wBnwIuTp8J0DJIvsXQIGZbWws/8klZUYEqTpPzqTIjeU/JVFn8XFNWS1gbFupGpm8JLDh85TX4+F9CHFx4MouYNeEnNaKTFuo3KkGcRZoA8A4qUSl4//Xh9Sp+ePuvJIGqily+f1TLkxgXWszt4TjLNLNwuzraO7/dJvk+ZQ1YVOvLTIsyOs1pg/VXpeBTVYhMt3GKNaIAjdbqcOcQY+5L7NdLS8QJF8bTW2M2epOViTu4CDtVFlgfRwcYAZgIrbYrimxYs929n6V2rIM1zeo0mqdHogS+YzoM8Z3ozlxcp92sjg2zIDYyX0gHQavWq5zkkz6vW3TalDgx7kzhws62NDIu3aAhMkyTk5Jrr1kmuW2uXj0hKLJkstUCLhmqzNp+8vSM0umtAKy5XVo6UW602vFqtMqKKxNKUeOetNp9oSpxP2zzdVjOxRt4OAw54okoFUQVK9cKabqvZjKwFcFu05+/BeVnbcAEA3OF8vlgsDgYDeM8TSlI9wM4/0L7ALYhajDbTCrWdi3fRZDqRKACQVCgUEol0OipVzplWqM1/2uQ1uhzhmnUEeaAECD6SySShgFW6PAo0ef1p+9rRK7e4IaQE/lQREP751pWj0+1rW/++MW908QIDVfj7hYujQGPeP2s5vHNr+Wa6VErfXL51J7Tl8H9opvz9NtH/qQF24dbe/7Np+V+1Y/8AO5hShMv6tTYAAAAASUVORK5CYII=" />
  79. <div class="btn-img-mask"></div>
  80. <div id="adscore" class="adtext">AD</div>
  81. </div>
  82. <div id="remind" class="remind animation">
  83. <img class="remind-bg"
  84. src="data:image/png;base64,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" />
  85. <p>+2</p>
  86. </div>
  87. <div id="action-sheet" class="action-sheet">
  88. <div class="setting hint">
  89. <img
  90. 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" />
  91. <p id="txt-hint-style">
  92. <%= translate.hintStyle[lang] %>
  93. </p>
  94. </div>
  95. <div id="hint-list" class="hint-list">
  96. </div>
  97. <div class="line"></div>
  98. <div class="setting sound">
  99. <img
  100. 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" />
  101. <p id="txt-sound">
  102. <%= translate.sound[lang] %>
  103. </p>
  104. <label class="switch">
  105. <input id="sound" type="checkbox">
  106. <span class="slider round"></span>
  107. </label>
  108. </div>
  109. <div class="line"></div>
  110. <div class="setting vibrate">
  111. <img
  112. 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" />
  113. <p id="txt-vibrate">
  114. <%= translate.vibrate[lang] %>
  115. </p>
  116. <label class="switch">
  117. <input id="vibrate" type="checkbox">
  118. <span class="slider round"></span>
  119. </label>
  120. </div>
  121. <div class="line"></div>
  122. <div class="setting autonext">
  123. <img
  124. 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==" />
  125. <p id="txt-auto-switch">
  126. <%= translate.autoNext[lang] %>
  127. </p>
  128. <label class="switch">
  129. <input id="autonext" type="checkbox">
  130. <span class="slider round"></span>
  131. </label>
  132. </div>
  133. </div>
  134. <div id="finish-btn" class="finish-btn">
  135. <div id="star-rating" class="star-rating">
  136. <input type="radio" name="stars" id="star-a" value="5" />
  137. <label for="star-a"></label>
  138. <input type="radio" name="stars" id="star-b" value="4" />
  139. <label for="star-b"></label>
  140. <input type="radio" name="stars" id="star-c" value="3" />
  141. <label for="star-c"></label>
  142. <input type="radio" name="stars" id="star-d" value="2" />
  143. <label for="star-d"></label>
  144. <input type="radio" name="stars" id="star-e" value="1" />
  145. <label for="star-e"></label>
  146. </div>
  147. <div class="tools">
  148. <div id="finish-playback" class="tools-btn">
  149. <img class="btn-img"
  150. 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==" />
  151. <span style="margin-top: 5px;">
  152. <%= translate.replay[lang] %>
  153. </span>
  154. </div>
  155. <a href="/download/pdf/work/<%= id %>" style="text-decoration: none;">
  156. <div id="finish-save" class="tools-btn">
  157. <img class="btn-img"
  158. 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=" />
  159. <span style="margin-top: 5px;">
  160. <%= translate.download[lang] %>
  161. </span>
  162. </div>
  163. </a>
  164. </div>
  165. <div id="finish-continue" class="continue">
  166. <p>
  167. <%= translate.continuex[lang] %>
  168. </p>
  169. </div>
  170. <div id="share">
  171. <div class="sharethis-inline-share-buttons" data-title="<%= title %>" data-description="<%= description %>"
  172. data-image="<%= imageUrl %>"></div>
  173. </div>
  174. </div>
  175. <div id="toast" class="toast toast-hidden"></div>
  176. </body>
  177. </html>