pentris/index.html at master · patrickfournier/pentris · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!doctype html>
<html>
    <head>
        <title>Pentris</title>
        <meta charset="utf-8" />
        <meta name="description" content="Pentris is a game where you must align pentaminoes to form lines of blocks. Difficult but addictive!">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <meta property="og:title" content="Pentris" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http://pentris.patrickfournier.com" />
        <meta property="og:image" content="http://pentris.patrickfournier.com/images/pentris.png" />
        <meta property="og:description" content="An addictive and difficult block game." />

        <link rel="canonical" href="http://pentris.patrickfournier.com">
        <link rel="icon" sizes="32x32" type="image/png" href="images/favicon.png">
        <link rel="icon" sizes="62x62" type="image/png" href="images/pentris.png">
        <link rel="apple-touch-icon" sizes="62x62" type="image/png" href="images/pentris.png">
        <link rel="me" href="https://twitter.com/_patfournier_" >
        <link href='https://fonts.googleapis.com/css?family=Slackey' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="brico.js" type="text/javascript"></script>

        <script>window.twttr = (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0],
                t = window.twttr || {};
            if (d.getElementById(id)) return t;
            js = d.createElement(s);
            js.id = id;
            js.src = "https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);

            t._e = [];
            t.ready = function(f) {
                t._e.push(f);
            };

            return t;
         }(document, "script", "twitter-wjs"));</script>
    </head>
    <body>
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v2.6&appId=233924820310818";
            fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));</script>

        <h1><span>P</span><span>e</span><span>n</span><span>t</span><span>r</span><span>i</span><span>s</span></h1>
        <div id="brico-container">
            <div id="brico-gameover">Game over</div>
            <canvas id="brico-board" width="260" height="520">Your browser does not support the HTML canvas.</canvas>
            <div id="brico-panel">
                <canvas id="brico-preview" width="120" height="120">Your browser does not support the HTML canvas.</canvas>
                <div id="brico-score-container">Score: <span id="brico-score">0</span></div>
                <div id="brico-level-container">Level: <span id="brico-level">1</span></div>
                <div id="brico-highscore-container">High score: <span id="brico-highscore">0</span></div>
                <div id="brico-instructions">
                    <h2>How to play</h2>
                    <p>
                        <span class="key">j</span><span class="move">move left</span><br/>
                        <span class="key">l</span><span class="move">move right</span><br/>
                        <span class="key">h</span><span class="move">move down</span><br/>
                        <span class="key">space</span><span class="move">drop</span><br/>
                        <span class="key">k</span><span class="move">rotate counter-clockwise</span><br/>
                        <span class="key">i</span><span class="move">rotate clockwise</span><br/>
                        <span class="key">p</span><span class="move">pause/resume game</span><br/>
                    </p>
                </div>
            </div>
        </div>
        <div class="social">
            <a class="twitter-share-button"
               href="https://twitter.com/intent/tweet?text=I%20played%20Pentris%20today.%20Check%20it%20out!&hashtags=pentris,game,funtimes"
               data-size="large">
                Tweet</a>
            <div class="fb-share-button" data-href="http://pentris.patrickfournier.com" data-layout="button_count" data-mobile-iframe="true"></div>
        </div>
        <div class="credits">
            <h2 class="col-1">Credits</h2>
            <div class="col-2">
                <p>Pentris, &copy; 2016 <a target="_blank" href="http://www.patrickfournier.com">Patrick Fournier</a>. This
                    is a rewrite of the Pentris game I wrote for the
                    Mac in 1993. Code licensed under the <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0.html">
                    Apache License 2.0</a>.</p>
                <p><span class="brico-background-image-credit">
                    <a class="image-link" target="_blank" href="">Background image</a> by
                    <a class="author-link" target="_blank" href=""></a></span></p>
            </div>
            <div class="col-2">
                <p>Additional resources:
                    <ul>
                        <li>Drop sound derived from <a target="_blank" href="http://soundbible.com/2122-40-Smith-Wesson.html">40 Smith Wesson Sound</a>
                            by Mike Koenig used under
                            <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</li>
                        <li><a target="_blank" href="http://soundbible.com/474-Magic-Wand-Noise.html">Magic Wand Noise Sound</a>
                            by Mike Koenig used under
                            <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</li>
                        <li><a target="_blank" href="http://soundbible.com/1830-Sad-Trombone.html">Sad Trombone Sound</a>
                            by Joe Lamb used under
                            <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</li>
                        <li><a target="_blank" href="http://soundbible.com/2103-1-Person-Cheering.html">1 Person Cheering Sound</a>
                            by Jett Rifkin used under
                            <a target="_blank" href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</li>
                        <li><a target="_blank" href="https://www.google.com/fonts/specimen/Slackey">Slackey Font</a>
                            by <a target="_blank" href="https://profiles.google.com/sideshowfonts/about">Sideshow</a> used under
                            <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache License 2.0</a>.</li>
                        <li><a target="_blank" href="https://www.google.com/fonts/specimen/Lato">Lato Font</a>
                            by <a target="_blank" href="https://plus.google.com/106163021290874968147/about">Łukasz Dziedzic</a> used under
                            <a target="_blank" href="http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web">SIL OFL 1.1</a>.</li>
                    </ul></p>
            </div>

            <script>
             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                                      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
             })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

             ga('create', 'UA-56280561-2', 'auto');
             ga('send', 'pageview');

            </script>
    </body>
</html>