templates/tinyknightgames/index.html.twig line 1

  1. {# ./templates/default/index.html.twig #}
  3. {% extends 'base.html.twig' %}
  5. {% block title %}Tiny Knight Games{% endblock %}
  7.  {% block body %}
  9.      <div id="root"></div>
  11.      <div class="grid-container">
  12.          <div class="grid-x">
  13.              <div class="small-12 medium-6 cell">
  14.                  <img src="{{ asset('/build/images/web/tkg-logo_tkg-logo-light.svg') }}" />
  15.              </div>
  16.          </div>
  17.      </div>
  18.       <div class="grid-container fluid">
  19.            <div class="grid-x grid-padding-x grid-padding-y">
  20.               <div class="small-12 cell">
  21.                    <div class="grid-container" style="padding: 75px 0 50px 0;">
  22.                         <div class="grid-x grid-padding-x">
  23.                              <div class="small-12 medium-6 cell">
  24.                                   <div style="width: 100%; height: 300px; background: #17171f; border-radius: 3px;">
  25.                                       <a href="{{ path('fishers_quest_default', { subdomain: 'fishersquest', domain: app_domain }) }}"><img src="{{ asset('/build/images/web/splash-fq.png') }}" style="border-radius: 3px;"/></a>
  26.                                   </div>
  27.                              </div>
  28.                              <div class="small-12 medium-6 cell">
  29.                                   <div style="width: 100%; height: 320px; background: #17171f; border-radius: 3px;">
  30. {#                                      <a href="{{ path('occult_of_the_oculi_default', { subdomain: 'occultoftheoculi', domain: app_domain }) }}"><img src="{{ asset('/build/images/web/splash-ooto.png') }}" style="border-radius: 3px;"/></a>#}
  31.                                   </div>
  32.                              </div>
  33.                         </div>
  34.                    </div>
  35.               </div>
  37. {#              <div class="small-12 cell">#}
  38. {#                   <div class="grid-container" style="padding: 75px 0 50px 0;">#}
  39. {#                        <div class="grid-x grid-padding-x">#}
  40. {#                             <div class="small-12 medium-8 cell">#}
  41. {#                                  <h2>NFTs</h2>#}
  42. {#                                 <ul>#}
  43. {#                                       <li>Generative NFTs</li>#}
  44. {#                                       <li>Free NFT drops from playing</li>#}
  45. {#                                       <li>Unidentified NFTs reveal to discover</li>#}
  46. {#                                       <li>Cross-game NFTs</li>#}
  47. {#                                       <li>Theta Network</li>#}
  48. {#                                  </ul>#}
  49. {#                             </div>#}
  50. {#                            <div class="small-12 medium-4 cell">#}
  51. {#                                <img src="{{ asset('/build/images/web/front-crate.png') }}" />#}
  52. {#                            </div>#}
  53. {#                             <div class="small-12 cell">#}
  54. {#                                  <div class="grid-container">#}
  55. {#                                       <div class="grid-x grid-padding-x grid-padding-y">#}
  56. {#                                            <div class="small-12 cell">#}
  57. {#                                                 <h3>Recently Created NFTs</h3>#}
  58. {#                                            </div>#}
  59. {#                                            <div class="small-12 medium-3 cell">#}
  60. {#                                                 <div style="width: 100%; height: 400px; border-radius: 3px; background: #17171f"></div>#}
  61. {#                                            </div>#}
  62. {#                                            <div class="small-12 medium-3 cell">#}
  63. {#                                                 <div style="width: 100%; height: 400px; border-radius: 3px; background: #17171f"></div>#}
  64. {#                                            </div>#}
  65. {#                                            <div class="small-12 medium-3 cell">#}
  66. {#                                                 <div style="width: 100%; height: 400px; border-radius: 3px; background: #17171f"></div>#}
  67. {#                                            </div>#}
  68. {#                                            <div class="small-12 medium-3 cell">#}
  69. {#                                                 <div style="width: 100%; height: 400px; border-radius: 3px; background: #17171f"></div>#}
  70. {#                                            </div>#}
  71. {#                                       </div>#}
  72. {#                                  </div>#}
  73. {#                             </div>#}
  74. {#                        </div>#}
  75. {#                   </div>#}
  76. {#              </div>#}
  78. {#              <div class="small-12 cell">#}
  79. {#                   <div class="grid-container" style="padding: 75px 0 50px 0;">#}
  80. {#                        <div class="grid-x grid-padding-x">#}
  81. {#                             <div class="small-12 cell">#}
  82. {#                                  <h2>MARKET</h2>#}
  83. {#                             </div>#}
  84. {#                             <div class="small-12 medium-8 cell">#}
  85. {#                                  <ul>#}
  86. {#                                       <li>Make Offers on ANY NFT</li>#}
  87. {#                                       <li>Buy/Sell/Update all of your NFTs</li>#}
  88. {#                                  </ul>#}
  89. {#                             </div>#}
  90. {#                             <div class="small-12 medium-4 cell">#}
  91. {#                                  <h3>Latest Sales</h3>#}
  92. {#                                 <ul>#}
  93. {#                                      <li>Sale 1</li>#}
  94. {#                                      <li>Sale 2</li>#}
  95. {#                                      <li>Sale 3</li>#}
  96. {#                                 </ul>#}
  97. {#                             </div>#}
  98. {#                        </div>#}
  99. {#                   </div>#}
  100. {#              </div>#}
  102. {#              <div class="small-12 cell">#}
  103. {#                   <div class="grid-container" style="padding: 75px 0 50px 0;">#}
  104. {#                        <div class="grid-x grid-padding-x">#}
  105. {#                             <div class="small-12  cell">#}
  106. {#                                  <h2>LEADERBOARDS</h2>#}
  107. {#                                  <ul>#}
  108. {#                                       <li>Compete with the community</li>#}
  109. {#                                  </ul>#}
  110. {#                             </div>#}
  111. {#                        </div>#}
  112. {#                   </div>#}
  113. {#              </div>#}
  115. {#              <div class="small-12 cell">#}
  116. {#                   <div class="grid-container" style="padding: 75px 0 50px 0;">#}
  117. {#                        <div class="grid-x grid-padding-x">#}
  118. {#                             <div class="small-12 cell">#}
  119. {#                                  <h2>The Team</h2>#}
  120. {#                             </div>#}
  121. {#                             <div class="small-12 medium-4 cell">#}
  122. {#                                  <div style="width: 100%; height: 250px; background: #17171f; border-radius: 3px;"></div>#}
  123. {#                                  Jacob (Typho)#}
  124. {#                             </div>#}
  125. {#                             <div class="small-12 medium-4 cell">#}
  126. {#                                  <div style="width: 100%; height: 250px; background: #17171f; border-radius: 3px;"></div>#}
  127. {#                                  Matt (Serik)#}
  128. {#                             </div>#}
  129. {#                             <div class="small-12 medium-4 cell">#}
  130. {#                                  <div style="width: 100%; height: 250px; background: #17171f; border-radius: 3px;"></div>#}
  131. {#                                  Connor (Edelast)#}
  132. {#                             </div>#}
  133. {#                        </div>#}
  134. {#                   </div>#}
  135. {#              </div>#}
  136.          </div>
  137.      </div>
  139.  {% endblock %}