25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

136 satır
3.8KB

  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <style>
  6. #header
  7. {
  8. background: #2BA6E3;
  9. padding: 0.7em;
  10. text-align: left;
  11. }
  12. #header a
  13. {
  14. color: white;
  15. text-decoration: none;
  16. padding: 0.5em 1em 0.5em 1em;
  17. }
  18. .news_item
  19. {
  20. background: #FFFFFF;
  21. width: 720px;
  22. padding: 1em;
  23. margin-top: 2em;
  24. margin-bottom: 2em;
  25. border: 1px solid #E0E0E0;
  26. text-align: left;
  27. }
  28. .news_item_contents
  29. {
  30. color: #444;
  31. line-height: 1.5em;
  32. }
  33. .news_item_date
  34. {
  35. margin-bottom: 2em;
  36. color: #aaa;
  37. }
  38. body
  39. {
  40. background: #FAFAFA;
  41. }
  42. code, pre
  43. {
  44. font-family: monospace, serif;
  45. font-size: 1em;
  46. color: #7f0a0c;
  47. }
  48. figure
  49. {
  50. margin: 0px;
  51. padding: 0px;
  52. }
  53. img
  54. {
  55. width: 720px;
  56. }
  57. html
  58. {
  59. font-family: sans-serif;
  60. }
  61. a
  62. {
  63. color: #3A91CB;
  64. text-decoration: none;
  65. }
  66. #lang
  67. {
  68. float: right;
  69. }
  70. figcaption
  71. {
  72. color: #aaa;
  73. }
  74. table
  75. {
  76. border-collapse: collapse;
  77. }
  78. table, th, td
  79. {
  80. border: 1px solid #aaa;
  81. padding: 0.5em;
  82. margin-top: 0.5em;
  83. margin-bottom: 0.5em;
  84. }
  85. </style>
  86. </head>
  87. <body>
  88. <center>
  89. <div id="header">
  90. <a href="../../en/news/index.html">News</a>
  91. <a href="../../en/page/games.html">Games</a>
  92. <a href="../../en/page/about.html">About</a>
  93. <div id="lang">
  94. <a href="games.html">EN</a>
  95. <a href="../../ru/page/games.html">RU</a>
  96. </div>
  97. </div>
  98. <h1 class="news_item_title">Games</h1>
  99. <div class="news_item">
  100. <div class="news_item_contents">
  101. <p>Below is a list of games: either released or in development.</p>
  102. </div>
  103. </div>
  104. <div class="news_item">
  105. <div class="news_item_contents">
  106. <p><strong>OGS Mahjong 1</strong></p>
  107. <p>Mahjong solitaire and shisen-sho game with nice 3D graphics and relaxing soundtrack.</p>
  108. <iframe width="560" height="315" src="https://www.youtube.com/embed/XdOzD_Hc2lQ" frameborder="0" allowfullscreen>
  109. </iframe>
  110. <ul>
  111. <li><strong>Released</strong>: 2013</li>
  112. <li><strong>Platforms</strong>: Linux, Windows</li>
  113. <li><strong><a href="../../en/page/ogs-mahjong-1.html">Download OGS Mahjong 1</a></strong></li>
  114. </ul>
  115. </div>
  116. </div>
  117. <div class="news_item">
  118. <div class="news_item_contents">
  119. <p><strong>OGS Mahjong 2 (in development)</strong></p>
  120. <p>Remake of OGS Mahjong 1 that runs on desktop, mobile, and web.</p>
  121. <p><a href="https://ogstudio.github.io/ogs-mahjong/"><img src="../../images/ogs-mahjong-2-screenshot.png" alt="shot" /></a></p>
  122. <ul>
  123. <li><strong>Try</strong> the latest version of <a href="https://ogstudio.github.io/ogs-mahjong/">OGS Mahjong 2 demo</a> in your web browser</li>
  124. <li><strong>Note</strong>: make sure you have <a href="https://get.webgl.org">WebGL enabled</a></li>
  125. </ul>
  126. </div>
  127. </div>
  128. </center>
  129. </body>
  130. </html>