index.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta charset="utf-8">
  6. <title>动物连线</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  8. <meta name="apple-mobile-web-app-capable" content="yes">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <style>
  11. body {
  12. text-align: center;
  13. margin: 0;
  14. background: black;
  15. color: #404040;
  16. font-family: sans-serif;
  17. font-size: 10pt;
  18. width: 100%;
  19. height: 100%;
  20. }
  21. a {
  22. color: #F88113;
  23. text-decoration: none;
  24. }
  25. a:hover {
  26. text-decoration: underline;
  27. }
  28. html {
  29. /* Prevent scrollbars from causing a resize feedback loop. */
  30. overflow: hidden;
  31. }
  32. html, body {
  33. height: 100%;
  34. }
  35. #content {
  36. height: 100%;
  37. width: 100%;
  38. margin: inherit;
  39. box-shadow: none;
  40. text-align: left;
  41. background-color: black;
  42. }
  43. </style>
  44. <style>#sg-loadscrn{
  45. position:fixed; top:0;left:0;width:100%; height:100%; background-color:#fff; z-index:9999;
  46. }
  47. #sg-loadtext{
  48. position:absolute;
  49. font-family: sans-serif;
  50. top:50%; left:50%;
  51. width: 250px;
  52. margin-left:-125px;
  53. margin-top:-125px;
  54. text-align:center;
  55. line-height:150%;
  56. font-size:16px;
  57. }</style>
  58. <script type="text/javascript">
  59. window.gameLangs = ['en', 'de', 'es', 'fr', 'it', 'pt', 'ru', 'tr'];
  60. window.gameJS = ['softgames_game.js'];
  61. window.gameOnLoadScript = "jsembed.embed('flambe.js', 'content', '640', '960', params, attr);";
  62. </script>
  63. <script type="text/javascript" src="./assets/softgames-1.1.js"></script>
  64. <script type="text/javascript" src="./assets/sg.hooks.js"></script>
  65. <script type="text/javascript">
  66. function getBase() {
  67. var basePath = location.pathname;
  68. if(basePath[0] != '/')
  69. basePath = '/' + basePath;
  70. basePath = basePath.substring(0, basePath.lastIndexOf("/") + 1);
  71. return basePath;
  72. }
  73. var params = {
  74. "base":getBase(),"api":"flambe","autoscale": "false"
  75. };
  76. var attr = {
  77. };
  78. // jsembed.embed("flambe.js", "content", "640", "960", params, attr);
  79. // orientationManager.lockOrientation("portrait", "orientation");
  80. // window.addEventListener("load", function()
  81. // {
  82. // // We process resize and orientation in orientationManager so just pass dummy functions
  83. // SG_Hooks.setOrientationHandler( function() { } );
  84. // SG_Hooks.setResizeHandler( function() { } );
  85. // }, false);
  86. </script>
  87. </head>
  88. <body >
  89. <div id="wrapper" style="margin: 0!important; position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
  90. <div id="content"></div>
  91. </div>
  92. <div id="orientation" style="margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(./assets/game/Rotate.png); background-repeat: no-repeat; background-position: center; background-color: rgb(0, 0, 0); z-index: 999; display: none;"></div>
  93. </body>
  94. </html>