aboutsummaryrefslogtreecommitdiff
path: root/games.htm
blob: fc27505bc9293b6e806b6fe301b7ae8df4ca75c1 (plain)
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
<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<title>raylib - games</title>
		
		<meta name="title" content="raylib - games collection">
		<meta name="description" content="raylib is a simple and easy-to-use library to learn videogames programming. Check the full set of raylib examples">
		<meta name="keywords" content="raylib, videogames, programming, C, C++, library, learn, study, simple, easy, free, open source, raysan">
		<meta name="viewport" content="width=device-width">
        
        <!-- Facebook metatags for sharing -->
        <meta property="og:title" content="raylib - games collection"/>
        <meta property="og:image" content="http://www.raylib.com/img/fb_raylib_logo.png"/>
        <meta property="og:url" content="http://www.raylib.com" />
        <meta property="og:site_name" content="raylib"/>
        <meta property="og:description" content="check the this collection of raylib games... they are amazing!"/>

        <link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="icon" href="favicon.ico" />

        <link rel="stylesheet" type="text/css" href="css/games_style.css">

        <!-- NOTE: JavaScript code added at the end of body! -->
		
        <!-- Enabling HTML5 tags for older IE browsers -->
        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
	</head>
	
	<body>
		<div class="page">
			<!--[if lt IE 7]>
				<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
			<![endif]-->

			<div class="header">
				<a id="logo" href="index.htm"></a>
				<div id="social">
                    <a id="patreon" href="https://www.patreon.com/raysan5" target="_blank"></a>
                    <a id="twitch" href="http://www.twitch.tv/raysan5" target="_blank"></a>
                    <a id="reddit" href="https://www.reddit.com/r/raylib/" target="_blank"></a>
					<a id="facebook" href="http://www.facebook.com/raylibgames" target="_blank"></a>
					<a id="twitter" href="http://www.twitter.com/raysan5" target="_blank"></a>
					<a id="github" href="http://github.com/raysan5/raylib" target="_blank"></a>
				</div>
				<div class="menu">
					<a href="index.htm">about</a>
					<a href="examples.htm">examples</a>
                    <div id="active">games</div>
					<a href="helpme.htm">helpme!</a>
                    <a id="forum" href="http://forum.raylib.com">forum</a>
				</div>
			</div>

			<div class="content">
				<p>Games are organized in three categories:</p>
				<br>
                <div id="filter_menu">
                    <div class="filter legendButton" id="sample" data-filter=".fsample">sample games</div>
                    <div class="filter legendButton" id="game" data-filter=".fgame">full games</div> 
                    <div class="filter legendButton" id="user" data-filter=".fuser">users games</div>
				</div>

                <!-- Items container, filled when loading -->
                <div id="container"></div>

			</div>

			<div class="footer">
				<p>Web developed by <a href="http://www.raysanweb.com" target="_blank">RaySan</a> and <a href="http://www.elendow.com" target="_blank">Elendow</a></p>
			</div>

		</div>

		<!-- Add jQuery library -->
		<script src="libs/jquery-1.10.2.min.js"></script>

        <!-- Add jQuery easing plugin -->
		<script src="libs/jquery.easing.1.3.js"></script>

		<!-- Add fancyBox main JS and CSS files -->
		<script src="libs/fancybox/jquery.fancybox.js"></script>
		<link rel="stylesheet" type="text/css" href="libs/fancybox/jquery.fancybox.css" media="screen" />

		<!-- Add Button helper -->
		<link rel="stylesheet" type="text/css" href="libs/fancybox/helpers/jquery.fancybox-buttons.css" />
		<script src="libs/fancybox/helpers/jquery.fancybox-buttons.js"></script>

        <!-- Add jQuery Mix-It Up plugin -->
		<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>

        <!-- Add own script code -->
        <script src="js/games_code.js"></script>

		<!-- Google Analytics tracking code -->
		<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','http://www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-45733555-1', 'raylib.com');
            ga('require', 'linkid', 'linkid.js');
			ga('send', 'pageview');
		</script>
	</body>
</html>