gameproxy.github.io/index.html at master · gameproxy/gameproxy.github.io · 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
129
130
<!DOCTYPE html>
<html>
    <head>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-128441061-1"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'UA-128441061-1');
        </script>
        <!-- Yandex Verification -->
        <meta name="yandex-verification" content="332bcd39873f7799" />
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <script>
          (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-8596041573995010",
          enable_page_level_ads: true
          });
        </script>
        <title>GameProxy</title>
        <link rel="shortcut icon" href="media/Small.png">
	<script async src="https://arc.io/widget.min.js#iwkiQdav"></script>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono|Material+Icons">
        <link rel="stylesheet" href="style.css">
        <script src="lib/showdown.min.js"></script>
        <meta name="theme-color" content="#6b29ef">
        <link rel="apple-touch-icon" sizes="180x180" href="/media/apple-touch-icon.png">
        <link rel="manifest" href="/media/site.webmanifest">
        <link rel="mask-icon" href="/media/safari-pinned-tab.svg" color="#6b28ef">
        <meta name="msapplication-TileColor" content="#9f00a7">
        <meta name="msapplication-TileImage" content="/media/mstile-144x144.png">
        <meta name="msapplication-config" content="/media/browserconfig.xml">
        <script src="lib/jquery.min.js"></script>
        <script src="https://www.gstatic.com/firebasejs/5.5.4/firebase.js"></script>
        <script>
            var config = {
                apiKey: "AIzaSyCgGrYsZ0R5Bg-Svoz4qh0CfcvGaG5xJNo",
                authDomain: "gameproxy-web.firebaseapp.com",
                databaseURL: "https://gameproxy-web.firebaseio.com",
                projectId: "gameproxy-web",
                storageBucket: "gameproxy-web.appspot.com",
                messagingSenderId: "1085599545540",
                appId: "1:1085599545540:web:5af7bc2297717b6449f191"
            };

            firebase.initializeApp(config);
        </script>
        <script src="script.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
        <meta name="Description" content="GameProxy - The social media network for games. Play, upload and live chat about Flash, HTML5 and Scratch games.">
    </head>
    <body>
        <a class="skipTo" href="#content">Skip to content</a>
        <a class="skipTo" href="#footer">Skip to footer</a>
        <header>
            <span class="desktop">
                <a href="/" title="Go to main page" class="headerButton logo">
                    <img src="media/Large.png" alt="GameProxy logo" id="headerLogo" />
                </a>
            </span>
            <span class="mobile">
                <a href="/" title="Go to main page" class="headerButton logo">
                    <img src="media/Small.png" alt="GameProxy logo" id="headerLogo" />
                </a>
            </span>
            <div class="headerRight">
                <a href="/" class="headerButton selected">Games</a>
                <a href="chat.html" class="headerButton">Chat</a> <!-- <div class="buttonMarker">NEW!</div> with parent's class 'chatMarkerContainer' -->
                <a href="account" class="headerButton">Account</a>
            </div>
        </header>
        <main id="content">
            <div class="card motd">
                <img src="motd/Welcome.png" alt="Welcome to GameProxy." onclick="window.location.href = 'about';" id="motdMessage" />
                <button onclick="motdPrev();" class="motd left">Previous</button>
                <button onclick="motdNext();" class="motd right">Next</button>
            </div>
            <div class="unreadNotificationsAlert card highlight displayNone">
                You have <span class="unreadNotificationsCount">a few</span> unread notification<span class="unreadNotificationsPlural">s</span>! <a href="notifications" class="highlightChild">View notifications...</a>
            </div>
            <h1 class="center">Games</h1>
            <div class="card search">
                <input placeholder="Search for a game..." id="searchBar" class="search"></input><button onclick="performSearch($('#searchBar').val());" class="search">Search</button>
            </div>
            <div class="filterBy">
                FILTER BY:
                <a href="javascript:filter('featured');" filter="featured" class="pill">FEATURED</a>
                <a href="javascript:filter('likes');" filter="likes" class="pill">LIKES</a>
                <a href="javascript:filter('new');" filter="new" class="pill">NEW</a>
                <a href="javascript:filter('verified');" filter="verified" class="pill">VERIFIED</a>
                <a href="javascript:filter('random');" filter="random" class="pill">RANDOM</a>
                <select class="pill">
                    <option value="none">DON'T CATEGORISE</option>
                    <option value="action">ACTION</option>
                    <option value="adventure">ADVENTURE</option>
                    <option value="animals">ANIMALS</option>
                    <option value="arcade">ARCADE</option>
                    <option value="board">BOARD GAME</option>
                    <option value="driving">DRIVING</option>
                    <option value="idle">IDLE</option>
                    <option value="multiplayer">MULTIPLAYER</option>
                    <option value="mystery">MYSTERY</option>
                    <option value="platformer">PLATFORMER</option>
                    <option value="puzzle">PUZZLE</option>
                    <option value="rp">ROLE-PLAYING</option>
                    <option value="simulation">SIMULATION</option>
                    <option value="sports">SPORTS</option>
                    <option value="strategy">STRATEGY</option>
                    <option value="survival">SURVIVAL</option>
                </select>
            </div>
            <div id="gameLoader" class="loaderHolder"><i aria-label="Loading content..." class="material-icons loader">videogame_asset</i></div>
            <div id="gameList" class="itemHolder"></div>
        </main>
        <div class="dialogBackground"></div>
        <div class="dialog"></div>
        <footer import="/footer.html" id="footer"></footer>
        <script src="profanityFilter.js"></script>
        <script src="staffList.js"></script>
        <script src="gpProList.js"></script>
        <script src="account.js"></script>
        <script src="gameList.js"></script>
        <script src="motd/motdList.js"></script>
        <script src="motd.js"></script>
        <script src="unreadNotifications.js"></script>
        <script src="pro/pro.js"></script>
    </body>
</html>