The Gelato Labs website. https://gelatolabs.xyz/

index.tpl 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <div class="section" style="margin: 0; padding: 0">
  2. <div class="slider">
  3. <ul class="slides">
  4. <li class="white-text" style="background-image: url('/img/banners/angstrom.png'); background-size: cover">
  5. <div class="infobox flow-text">
  6. <b>Ångst-RÖM's RAM Page</b> is a puzzle game. Join Ångst-RÖM on his
  7. quest to liberate his computer from NSA spyware and replace Macindows
  8. with a system so ancient it lacks networking capabilities: Gelato.
  9. <p><a href="/angstromsrampage" class="btn-large waves-effect waves-light black">Learn more<i class="mdi mdi-arrow-right-bold right"></i></a></p>
  10. </div>
  11. </li>
  12. <li class="white-text" style="background-image: url('/img/banners/callcenter.png'); background-size: cover">
  13. <div class="infobox infobox-right flow-text">
  14. <b>The Inglorious Yet Highly Stimulating Life of an Underpaid Graduate
  15. Student</b> is a tech support simulator. Provide terrible tech support
  16. to innocent civilians for sweet cash to buy more phones on ePay. You
  17. monster.
  18. <p><a href="/tiyhsloaugs" class="btn-large waves-effect waves-light black">Learn more<i class="mdi mdi-arrow-right-bold right"></i></a></p>
  19. </div>
  20. </li>
  21. <li class="white-text" style="background-image: url('/img/banners/bob.png'); background-size: cover">
  22. <div class="infobox flow-text">
  23. <b>Exploding Bob</b> is an educational game. Practice basic math by
  24. feeding Bob the correct number of burgers. Watch out: feed him too
  25. many and he'll explode!
  26. <p><a href="/explodingbob" class="btn-large waves-effect waves-light black">Learn more<i class="mdi mdi-arrow-right-bold right"></i></a></p>
  27. </div>
  28. </li>
  29. <li class="white-text" style="background-image: url('/img/banners/catachresis.png'); background-size: cover">
  30. <div class="infobox infobox-right flow-text">
  31. <b>Catachresis</b> is a cyberpunk RPG. Build an army of cyborg cats on
  32. drugs to take down Anomalous before they hack the planet! Coming soon.
  33. <p><a href="/catachresis" class="btn-large waves-effect waves-light black">Learn more<i class="mdi mdi-arrow-right-bold right"></i></a></p>
  34. </div>
  35. </li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="section">
  40. <div class="container">
  41. <div class="row" style="margin-top: 20px">
  42. <div class="col s12 m4 valign-wrapper">
  43. <img src="/img/logotext.svg" width="100%" alt="Gelato Labs" class="valign" style="vertical-align:middle;line-height: 500px;"/>
  44. </div>
  45. <div class="col s12 m7 offset-m1">
  46. <h1>We make video games</h1>
  47. <p class="flow-text">
  48. We're a group of programmers, artists, and designers from around the
  49. world who build games for fun. We create a variety of games for
  50. different age groups, interests, and platforms. We welcome
  51. contributions of all types and sizes from anyone, regardless of age or
  52. experience.
  53. </p>
  54. <p>
  55. <a href="/games" class="btn-large waves-effect waves-light black"><i class="mdi mdi-gamepad-variant left"></i>Games</a>
  56. <a href="/contribute" class="btn-large waves-effect waves-light black"><i class="mdi mdi-source-merge left"></i>Contribute</a>
  57. </p>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="parallax-container valign-wrapper section no-pad-bot" style="background-image: url('/img/bg.jpg'); background-size: cover; background-position: center">
  63. <div class="container">
  64. <div class="row">
  65. <div class="col s12 m6 center">
  66. <h5 class="header light white-text">Get in touch</h5>
  67. <a href="mailto:gelato@vfemail.net" class="btn-large waves-effect waves-light black"><i class="mdi mdi-email left"></i>Contact</a>
  68. </div>
  69. <div class="col s12 m6 center">
  70. <h5 class="header light white-text">Just send the money</h5>
  71. <a href="/donate" class="btn-large waves-effect waves-light black"><i class="mdi mdi-gift left"></i>Donate</a>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="section">
  77. <div class="container">
  78. <div class="row">
  79. <div class="col s12 m6">
  80. <h3>Who are we?</h3>
  81. % cat $sitedir/people.inc
  82. </div>
  83. <div class="col s12 m6">
  84. <h3>Updates</h3>
  85. <a class="twitter-timeline" data-lang="en" data-height="600" data-dnt="true" data-theme="light" data-link-color="#53FE00" href="https://twitter.com/gelatolabs">Tweets by @gelatolabs</a>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  91. <script>
  92. window.setTimeout(function() {
  93. document.getElementById('twitter-widget-0').style.height = document.getElementById('people').clientHeight + "px";
  94. }, 3000);
  95. window.onresize = function() {
  96. document.getElementById('twitter-widget-0').style.height = document.getElementById('people').clientHeight + "px";
  97. }
  98. </script>