klooni/index.html (view raw)
1<!DOCTYPE html>
2<html>
3<head>
4 <title>1010! Klooni</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <meta name="description" content="1010! Klooni is the FLOSS version of the original minimalistic puzzle game by Gram Games.">
8 <link rel="stylesheet" href="css/main.css">
9 <link rel="icon" href="favicon.png" />
10</head>
11</head>
12<body>
13 <div class="band header">
14 <a href="https://f-droid.org/app/io.github.lonamiwebs.klooni">
15 <img src="https://f-droid.org/badge/get-it-on.png" alt="Get it on F-Droid" height="100px" style="margin-top:400px">
16 </a>
17 </div>
18 <div class="band left" style="background-color:#2ecc71">
19 <div>
20 <img src="img/logo.svg" alt="Klooni logo">
21 <h2>Featuring… Klooni!</h2>
22 <p>1010! Klooni is a free, libre and open source <i>klooni</i> of the original minimalistic puzzle game by <b><a href="http://1010ga.me/" target="_blank">Gram Games</a></b>.</p>
23 </div>
24 </div>
25 <div class="band right" style="background-color:#3498db">
26 <div>
27 <img src="img/gameplay.svg" alt="Gameplay">
28 <h2>Fill Up the Board</h2>
29 <p>Drag the pieces on the board and try to clear as many strips as you can! Beware though, it is not <i>that</i> easy <img class="emoji" src="img/angel.svg" alt="o:)"/></p>
30 </div>
31 </div>
32 <div class="band left" style="background-color:#e74c3c">
33 <div>
34 <img src="img/hack.svg" alt="Custom themes">
35 <h2>Hack It</h2>
36 <p>Make the game yours! <a href="https://github.com/LonamiWebs/Klooni1010">Collaborate</a>! Add new themes, pieces, sounds or even explosions!</p>
37 </div>
38 </div>
39 <div class="band right" style="background-color:#9b59b6">
40 <div>
41 <img src="img/enjoy.svg" alt="Enjoy!">
42 <h2>Have Fun :)</h2>
43 <p>Overall, remember to have fun while playing the game. Also share the love with the original developers if you like it!</p>
44 </div>
45 </div>
46 <!-- https://github.com/blog/273-github-ribbons -->
47 <a href="https://github.com/LonamiWebs/Klooni1010"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
48</body>
49</html>