Design and logic for user-facing site https://exmods.org
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

100 строки
4.6KB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="theme-color" content="#20c420" />
  5. <meta name="author" content="Exmods community" />
  6. <meta name="keywords" content="exmods,techblox,modding,mod,cardlife" />
  7. <meta name="og:type" content="website" />
  8. <meta name="og:title" content="Exmods" />
  9. <meta name="og:description" content="Techblox modding website" />
  10. <meta name="description" content="Techblox modding website" />
  11. <meta name="og:image" content="./static/favicon.png" />
  12. <meta name="og:url" content="https://www.exmods.org" />
  13. <meta charset="UTF-8" />
  14. <link rel="icon" href="./static/favicon.png" type="image/x-icon"/>
  15. <link rel="shortcut icon" href="./static/favicon.png" type="image/x-icon"/>
  16. <link rel="stylesheet" href="./static/style.css" type="text/css" />
  17. <title>Exmods</title>
  18. </head>
  19. <body style="background-color: #404040; color: #20c420;">
  20. <h1>Welcome to the unofficial Techblox mod site</h1>
  21. <h5>This site is run and maintained by Exmods, the Techblox modding group. We're big, nerdy fans of Techblox but we're not a part of FreeJam and we're definitely not Techblox developers.<br/>We're definitely Techblox <i>mod</i> developers though!</h5>
  22. <div style="margin-left:1.5%;">
  23. <div style="width:49.5%; text-align:center;" class="inline link">
  24. <a href="/guides/quickstart.html">
  25. <div class="text-content">
  26. <img src="static/favicon.png" alt="Exmods Logo" width="12%"/>
  27. <h3 class="link">Quick Start Guide</h3>
  28. <p class="link">
  29. Want to install a mod or two? Get a modded instance of Techblox up and running in just a few minutes by downloading the Gamecraft Mod Manager.
  30. </p>
  31. </div>
  32. </a>
  33. </div>
  34. <div style="width:49.5%; text-align:center;" class="inline link">
  35. <a href="/guides/first.html">
  36. <div class="text-content">
  37. <img src="static/commands-logo.png" alt="Terminal Prompt Logo" width="12%"/>
  38. <h3 class="link">Dev Guide</h3>
  39. <p class="link">
  40. Want to make your own mod? With the video or text guide, you can learn how to write your own mod in C# using the TechbloxModdingAPI and GCIPA.
  41. </p>
  42. </div>
  43. </a>
  44. </div>
  45. <div style="width:49.5%; text-align:center;" class="inline link">
  46. <a href="/blog">
  47. <div class="text-content">
  48. <img src="static/favicon.png" alt="Exmods Logo" width="12%"/>
  49. <h3 class="link">Exmods Blog</h3>
  50. <p class="link">
  51. Follow Exmods's efforts in developing mods and modding tools for Techblox by reading this blog written by NGnius, the founding member of Exmods.
  52. </p>
  53. </div>
  54. </a>
  55. </div>
  56. <div style="width:49.5%; text-align:center;" class="inline link">
  57. <a href="/mods">
  58. <div class="text-content">
  59. <img src="static/favicon.png" alt="" width="12%"/>
  60. <h3 class="link">Mods</h3>
  61. <p class="link">
  62. View a list of popular mods with links to their information and documentation. This list features Pixi (deprecated) and the TechbloxModdingAPI, among others.
  63. </p>
  64. </div>
  65. </a>
  66. </div>
  67. <div style="width:49.5%; text-align:center;" class="inline link">
  68. <a href="https://git.exmods.org">
  69. <div class="text-content">
  70. <img src="static/gitea-logo.png" alt="Gitea Logo" width="12%"/>
  71. <h3 class="link">Code Repository</h3>
  72. <p class="link">
  73. Access the Exmods-hosted code repository for Techblox mods. This contains the source code for many Techblox mods as well as downloads and development tools.
  74. </p>
  75. </div>
  76. </a>
  77. </div>
  78. <div style="width:49.5%; text-align:center;" class="inline link">
  79. <a href="https://discord.exmods.org">
  80. <div class="text-content">
  81. <img src="static/discord-logo.png" alt="Discord Logo" width="12%"/>
  82. <h3 class="link">Discord Server</h3>
  83. <p class="link">
  84. Join the official Exmods Discord server to chat with fellow modding aficionados. Many mod developers are also there to provide technical support for newbies.
  85. </p>
  86. </div>
  87. </a>
  88. </div>
  89. </div>
  90. <footer>
  91. exmods.org|<a href="https://git.exmods.org/ExMods/html-site">Site Repository</a>|<a href="https://exmods.org">Home</a>|<a href="https://discord.gg/2CtWzZT">Discord</a>|<a href="https://twitter.com/GamecraftMods">Twitter</a>
  92. </footer>
  93. </body>
  94. </html>