all repos — gemini-redirect @ 0db538831e446b14912caf55392ac8db8600e050

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>