Skip to content

Commit b4a07ed

Browse files
iamdibbsiamdibbs
committed
add
1 parent ea91fd6 commit b4a07ed

12 files changed

+1435
-0
lines changed

Diff for: ‎.DS_Store

6 KB
Binary file not shown.

Diff for: ‎Construction/.DS_Store

6 KB
Binary file not shown.

Diff for: ‎Construction/css/style.css

+224
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
@import url(http://fonts.googleapis.com/css?family=Finger+Paint);
2+
3+
body{
4+
margin: 0;
5+
padding: 0;
6+
overflow:hidden;
7+
}
8+
9+
.init{
10+
display: none;
11+
12+
}
13+
14+
/* Mozilla based browsers */
15+
::-moz-selection {
16+
background-color: #FFA620;
17+
color: #fff;
18+
}
19+
20+
/* Works in Safari */
21+
::selection {
22+
background-color: #FFA620;
23+
color: #fff;
24+
}
25+
26+
.text-sign .text {
27+
color: #9D4F00;
28+
font-size: 23px;
29+
margin-left: 47px;
30+
margin-top: 50px;
31+
-moz-transform:rotate(-5deg);
32+
-webkit-transform:rotate(-5deg);
33+
-o-transform:rotate(-5deg);
34+
-ms-transform:rotate(-5deg);
35+
}
36+
.webkit .sweat.show{
37+
top: 90px!important;
38+
}
39+
.sweat.show{
40+
opacity: 0;
41+
top: 50px;
42+
-webkit-transition: all 1.5s ease-in-out;
43+
-moz-transition: all 1.5s ease-in-out;
44+
-o-transition: all 1.5s ease-in-out;
45+
-ms-transition: all 1.5s ease-in-out;
46+
transition: all 1.5s ease-in-out;
47+
}
48+
49+
.sweat {
50+
background-image: url("../images/sweat.png");
51+
background-repeat: no-repeat;
52+
height: 42px;
53+
left: 220px;
54+
opacity: 1;
55+
position: absolute;
56+
57+
width: 94px;
58+
top: 220px;
59+
}
60+
61+
.work-sign {
62+
background-image: url("../images/working-sign.png");
63+
height: 339px;
64+
width: 218px;
65+
position: absolute;
66+
z-index: 300;
67+
top: 0;
68+
right: 20px;
69+
}
70+
.text-sign {
71+
background-image: url("../images/texty-sign.png");
72+
height: 225px;
73+
width: 250px;
74+
position: absolute;
75+
z-index: 300;
76+
top: -120px;
77+
left: 80px;
78+
font-family: 'Finger Paint', cursive;
79+
}
80+
#indicator{
81+
background-color: #fff;
82+
border-radius: 5px;
83+
padding: 10px;
84+
margin: auto;
85+
background-image: url(../images/load.gif) ;
86+
background-repeat: no-repeat;
87+
background-position: center;
88+
top: 0;
89+
left: 0;
90+
right: 0;
91+
bottom: 0;
92+
position: absolute;
93+
width: 64px;
94+
height: 64px;
95+
}
96+
97+
.sky{
98+
background-image: url(../images/sky-bg.jpg) ;
99+
100+
background-repeat: repeat-x;
101+
}
102+
103+
.ground {
104+
background-image: url("../images/ground.png");
105+
background-repeat: repeat-x;
106+
min-height: 200px;
107+
width: 100%;
108+
top: -190px;
109+
position: relative;
110+
}
111+
.convas{
112+
background-color: #FFA620;
113+
position: relative;
114+
min-height: 991px;
115+
116+
}
117+
118+
.holder {
119+
margin: 0 auto;
120+
position: relative;
121+
width: 900px;
122+
top: -380px;
123+
}
124+
.mountain {
125+
background-image: url("../images/mountain.png");
126+
background-repeat: repeat-x;
127+
min-height: 172px;
128+
top: -120px;
129+
width: 200%;
130+
left: -60px;
131+
position: relative;
132+
z-index: 0;
133+
}
134+
135+
136+
.rocks {
137+
background-image: url("../images/rocks.png");
138+
height: 455px;
139+
left: -100px;
140+
position: absolute;
141+
width: 791px;
142+
top: 0px;
143+
z-index: 300;
144+
}
145+
146+
.hole {
147+
background-image: url("../images/hole.png");
148+
height: 273px;
149+
position: absolute;
150+
top: 80px;
151+
width: 807px;
152+
z-index: 100;
153+
left: 0;
154+
right: 0;
155+
margin: auto;
156+
}
157+
158+
.worker {
159+
background-image: url("../images/worker.png");
160+
background-repeat: no-repeat;
161+
height: 189px;
162+
width: 242px;
163+
position: absolute;
164+
left: 190px;
165+
top: 35px;
166+
167+
}
168+
.webkit.worker{
169+
left: 190px;
170+
top: 70px;
171+
}
172+
.swing {
173+
174+
-webkit-transition: all 1.5s ease-in-out;
175+
-moz-transition: all 1.5s ease-in-out;
176+
-o-transition: all 1.5s ease-in-out;
177+
-ms-transition: all 1.5s ease-in-out;
178+
transition: all 1.5s ease-in-out;
179+
-moz-transform:rotate(40deg);
180+
-webkit-transform:rotate(40deg);
181+
-o-transform:rotate(40deg);
182+
-ms-transform:rotate(40deg);
183+
}
184+
.webkit.right{
185+
top: 460px;
186+
left: 280px;
187+
}
188+
.right {
189+
-moz-transform:rotate(190deg);
190+
-webkit-transform:rotate(190deg);
191+
-o-transform:rotate(190deg);
192+
-ms-transform:rotate(190deg);
193+
left: 330px;
194+
top: 430px;
195+
}
196+
197+
.ground-bottom .cleaner {
198+
background-color: #FFA620;
199+
bottom: -70px;
200+
height: 300px;
201+
position: absolute;
202+
width: 100%;
203+
}
204+
.ground-bottom {
205+
background-image: url("../images/ground-bottom.png");
206+
background-repeat: no-repeat;
207+
height: 463px;
208+
left: -297px;
209+
position: absolute;
210+
top: 148px;
211+
width: 160%;
212+
z-index: 200;
213+
}
214+
.clouds {
215+
216+
217+
218+
219+
height: 300px;
220+
221+
222+
background: transparent url(../images/clouds.png) repeat-x;
223+
224+
}

Diff for: ‎Construction/index.html

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<!--[if lt IE 9]>
5+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
6+
<title>Working...</title>
7+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8+
9+
10+
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
11+
12+
13+
14+
<script src="js/preloader.js"></script>
15+
<link rel="stylesheet" href="css/style.css">
16+
<link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
17+
<script type="text/javascript" src="js/css_browser_selector.js"></script>
18+
<script type="text/javascript" src="js/plax.js"></script>
19+
<script type="text/javascript" src="js/jquery.spritely-0.6.1.js"></script>
20+
<script type="text/javascript" src="js/jquery-animate-css-rotate-scale.js"></script>
21+
<script type="text/javascript" src="js/script.js"></script>
22+
</head>
23+
<body >
24+
<div id="indicator"></div>
25+
26+
<div class="wrapper">
27+
<div class="sky init">
28+
<div id="clouds" class="clouds init"> </div>
29+
</div>
30+
31+
<div class="convas init">
32+
<div id="mountain" class="mountain"></div>
33+
<div class="ground"></div>
34+
<div class="holder">
35+
<div class="rocks"></div>
36+
<div class="work-sign"></div>
37+
<div class="text-sign">
38+
<div class="text font">
39+
40+
We're Working Hard...
41+
42+
</div>
43+
</div>
44+
<div class="init hole">
45+
<div class="sweat"></div>
46+
<div class="worker swing "></div>
47+
<div class="ground-bottom">
48+
<div class="cleaner"></div>
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
54+
55+
56+
57+
</div>
58+
</body>
59+
</html>

Diff for: ‎Construction/js/css_browser_selector.js

+8
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎Construction/js/jquery-1.8.3.min.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)