Skip to content

Commit 5a4a4df

Browse files
rajanand02rajanand02
committed
add main layout file and associate style sheets
1 parent 976ae71 commit 5a4a4df

14 files changed

+3525
-0
lines changed

‎index.html

+153
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,153 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Just for Fun</title>
6+
7+
<link href="style/main.css" rel="stylesheet" type="text/css">
8+
<link rel="shortcut icon" href="favicon.ico">
9+
<link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
10+
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone 5+ -->
11+
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone, retina -->
12+
<meta name="apple-mobile-web-app-capable" content="yes">
13+
<meta name="apple-mobile-web-app-status-bar-style" content="black">
14+
15+
<meta name="HandheldFriendly" content="True">
16+
<meta name="MobileOptimized" content="320">
17+
<meta property="og:image" content="http://rajanand02.github.io/just-for-fun/images/modi.jpg" />
18+
<meta property="og:description"content="2048-game in a different perspective, play and have fun"/>
19+
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
20+
</head>
21+
<body>
22+
<div class="container">
23+
<div class="heading">
24+
<h1 class="title">MODI</h1>
25+
<div class="scores-container">
26+
<div class="score-container">0</div>
27+
<div class="best-container">0</div>
28+
</div>
29+
</div>
30+
31+
<div class="above-game">
32+
<p class="game-intro">Join the images and get to the <strong>MODI!</strong></p>
33+
<a class="restart-button">New Game</a>
34+
</div>
35+
36+
<div class="share">
37+
<div class="fb-share-button" data-href="http://rajanand02.github.io/just-for-fun/" data-type="button_count" style="float:left; margin-right: 10px;"></div>
38+
<div>
39+
<a href="http://rajanand02.github.io/just-for-fun/" class="twitter-share-button" data-lang="en">Tweet</a>
40+
</div>
41+
</div>
42+
<div class="game-container">
43+
<div class="game-message">
44+
<p></p>
45+
<div class="lower">
46+
<a class="keep-playing-button">Keep going</a>
47+
<a class="retry-button">Try again</a>
48+
</div>
49+
</div>
50+
51+
<div class="grid-container">
52+
<div class="grid-row">
53+
<div class="grid-cell"></div>
54+
<div class="grid-cell"></div>
55+
<div class="grid-cell"></div>
56+
<div class="grid-cell"></div>
57+
</div>
58+
<div class="grid-row">
59+
<div class="grid-cell"></div>
60+
<div class="grid-cell"></div>
61+
<div class="grid-cell"></div>
62+
<div class="grid-cell"></div>
63+
</div>
64+
<div class="grid-row">
65+
<div class="grid-cell"></div>
66+
<div class="grid-cell"></div>
67+
<div class="grid-cell"></div>
68+
<div class="grid-cell"></div>
69+
</div>
70+
<div class="grid-row">
71+
<div class="grid-cell"></div>
72+
<div class="grid-cell"></div>
73+
<div class="grid-cell"></div>
74+
<div class="grid-cell"></div>
75+
</div>
76+
</div>
77+
78+
<div class="tile-container">
79+
80+
</div>
81+
</div>
82+
83+
<p class="game-explanation">
84+
<strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the images. When two tiles with the same images touch, they <strong>merge into one!</strong>
85+
</p>
86+
<hr>
87+
<p class= "how-to">
88+
<img src="images/A-Raja1.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/A-Raja1.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/raja2.jpg" alt="" />
89+
</p>
90+
<p class="how-to">
91+
<img src="images/raja2.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/raja2.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/Kalmadi1.jpg" alt="" />
92+
</p>
93+
<p class="how-to">
94+
<img src="images/Kalmadi1.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/Kalmadi1.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/kalmadi2.jpg" alt="" />
95+
</p>
96+
<p class="how-to">
97+
<img src="images/kalmadi2.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/kalmadi2.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/Jaya1.jpg" alt="" />
98+
</p>
99+
<p class="how-to">
100+
<img src="images/Jaya1.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/Jaya1.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/jaya2.jpg" alt="" />
101+
</p>
102+
<p class="how-to">
103+
<img src="images/jaya2.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/jaya2.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/Karunanidhi1.jpg" alt="" />
104+
</p>
105+
<p class="how-to">
106+
<img src="images/Karunanidhi1.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/Karunanidhi1.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/karunanidhi2.jpg" alt="" />
107+
</p>
108+
<p class="how-to">
109+
<img src="images/karunanidhi2.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/karunanidhi2.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/modi1.jpg" alt="" />
110+
</p>
111+
<p class="how-to">
112+
<img src="images/modi1.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/modi1.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/modi2.jpg" alt="" />
113+
</p>
114+
<p class="how-to">
115+
<img src="images/modi2.jpg" alt="" /> <span class= 'math-symbol'>+</span> <img src="images/modi2.jpg" alt="" /> <span class="math-symbol">=</span> <img src="images/modi3.jpg" alt="" />
116+
</p>
117+
<hr>
118+
<p class="footer">
119+
Created by <a href="http://github.com/rajanand02" target="_blank">Raj Anand.</a> Based on <a href="http://gabrielecirulli.github.io/2048/" target="_blank">2048</a>.</a>
120+
</p>
121+
</div>
122+
123+
<script src="js/bind_polyfill.js"></script>
124+
<script src="js/classlist_polyfill.js"></script>
125+
<script src="js/animframe_polyfill.js"></script>
126+
<script src="js/keyboard_input_manager.js"></script>
127+
<script src="js/html_actuator.js"></script>
128+
<script src="js/grid.js"></script>
129+
<script src="js/tile.js"></script>
130+
<script src="js/local_storage_manager.js"></script>
131+
<script src="js/game_manager.js"></script>
132+
<script src="js/application.js"></script>
133+
<script>
134+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
135+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
136+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
137+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
138+
139+
ga('create', 'UA-49907026-1', 'rajanand02.github.io');
140+
ga('send', 'pageview');
141+
142+
</script>
143+
<div id="fb-root"></div>
144+
<script>(function(d, s, id) {
145+
var js, fjs = d.getElementsByTagName(s)[0];
146+
if (d.getElementById(id)) return;
147+
js = d.createElement(s); js.id = id;
148+
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=736143866406789";
149+
fjs.parentNode.insertBefore(js, fjs);
150+
}(document, 'script', 'facebook-jssdk'));</script>
151+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
152+
</body>
153+
</html>

‎style/fonts/ClearSans-Bold-webfont.eot

23.3 KB
Binary file not shown.

0 commit comments

Comments
 (0)