Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 26f079e

Browse files
chabsihengchabsiheng
committed
Update
1 parent e6dc99f commit 26f079e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+246
-2696
lines changed

‎fonts/opensans-bold-webfont.eot

-32.7 KB
Binary file not shown.

‎fonts/opensans-bold-webfont.svg

Lines changed: 0 additions & 251 deletions
This file was deleted.

‎fonts/opensans-bold-webfont.ttf

-32.5 KB
Binary file not shown.

‎fonts/opensans-bold-webfont.woff

-20.6 KB
Binary file not shown.

‎fonts/opensans-bolditalic-webfont.eot

-35.9 KB
Binary file not shown.

‎fonts/opensans-bolditalic-webfont.svg

Lines changed: 0 additions & 251 deletions
This file was deleted.

‎fonts/opensans-bolditalic-webfont.ttf

-35.7 KB
Binary file not shown.

‎fonts/opensans-bolditalic-webfont.woff

-22.7 KB
Binary file not shown.

‎fonts/opensans-extrabold-webfont.eot

-32.5 KB
Binary file not shown.

‎fonts/opensans-extrabold-webfont.svg

Lines changed: 0 additions & 251 deletions
This file was deleted.

‎fonts/opensans-extrabold-webfont.ttf

-32.3 KB
Binary file not shown.

‎fonts/opensans-extrabold-webfont.woff

-20.8 KB
Binary file not shown.

‎fonts/opensans-italic-webfont.eot

-36.6 KB
Binary file not shown.

‎fonts/opensans-italic-webfont.svg

Lines changed: 0 additions & 251 deletions
This file was deleted.

‎fonts/opensans-italic-webfont.ttf

-36.4 KB
Binary file not shown.

‎fonts/opensans-italic-webfont.woff

-23.2 KB
Binary file not shown.

‎fonts/opensans-regular-webfont.eot

-31.8 KB
Binary file not shown.

‎fonts/opensans-regular-webfont.svg

Lines changed: 0 additions & 252 deletions
This file was deleted.

‎fonts/opensans-regular-webfont.ttf

-31.6 KB
Binary file not shown.

‎fonts/opensans-regular-webfont.woff

-20.5 KB
Binary file not shown.

‎images/bg-ramp.jpg

-2.11 KB
Binary file not shown.

‎images/blockquote-gfx-2x.png

-366 Bytes
Binary file not shown.

‎images/blockquote-gfx.png

-224 Bytes
Binary file not shown.

‎images/chevron-2x.png

-138 Bytes
Binary file not shown.

‎images/chevron.png

-128 Bytes
Binary file not shown.

‎images/download-fallback-bg.png

-110 Bytes
Binary file not shown.

‎images/download-sprite.png

-9.78 KB
Binary file not shown.

‎images/footer-ramp.jpg

-1.25 KB
Binary file not shown.

‎images/fork-sprite.png

-1.89 KB
Binary file not shown.

‎images/hr-2x.jpg

-1.55 KB
Binary file not shown.

‎images/hr.jpg

-1.28 KB
Binary file not shown.

‎images/octocat-2x.png

-1.3 KB
Binary file not shown.

‎images/octocat.png

-654 Bytes
Binary file not shown.

‎images/ribbon-tail-sprite-2x.png

-312 Bytes
Binary file not shown.

‎images/ribbon-tail-sprite.png

-1.34 KB
Binary file not shown.

‎images/shield-fallback.png

-340 Bytes
Binary file not shown.

‎images/shield.png

-1.1 KB
Binary file not shown.

‎images/site-2.png

-654 Bytes
Binary file not shown.

‎images/small-ribbon-tail-sprite-2x.png

-338 Bytes
Binary file not shown.

‎images/small-ribbon-tail-sprite.png

-311 Bytes
Binary file not shown.

‎index.html

Lines changed: 246 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -1,97 +1,249 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset='utf-8'>
5-
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6-
<meta name="viewport" content="width=640">
7-
8-
<link rel="stylesheet" href="stylesheets/core.css" media="screen">
9-
<link rel="stylesheet" href="stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)">
10-
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
11-
12-
<script type="text/javascript" src="javascripts/modernizr.js"></script>
13-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
14-
<script type="text/javascript" src="javascripts/headsmart.min.js"></script>
15-
<script type="text/javascript">
16-
$(document).ready(function () {
17-
$('#main_content').headsmart()
18-
})
19-
</script>
20-
<title>Jaicode.github.io by jaicode</title>
21-
</head>
22-
23-
<body>
24-
<a id="forkme_banner" href="https://github.com/jaicode">View on GitHub</a>
25-
<div class="shell">
26-
27-
<header>
28-
<span class="ribbon-outer">
29-
<span class="ribbon-inner">
30-
<h1>Jaicode.github.io</h1>
31-
<h2>Jai Code Team</h2>
32-
</span>
33-
<span class="left-tail"></span>
34-
<span class="right-tail"></span>
35-
</span>
36-
</header>
37-
38-
<div id="no-downloads">
39-
<span class="inner">
40-
</span>
41-
</div>
42-
43-
44-
<span class="banner-fix"></span>
45-
46-
47-
<section id="main_content">
48-
<h3>
49-
<a name="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages"><span class="octicon octicon-link"></span></a>Welcome to GitHub Pages.</h3>
50-
51-
<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>
52-
53-
<pre><code>$ cd your_repo_root/repo_name
54-
$ git fetch origin
55-
$ git checkout gh-pages
56-
</code></pre>
57-
58-
<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>
59-
60-
<h3>
61-
<a name="designer-templates" class="anchor" href="#designer-templates"><span class="octicon octicon-link"></span></a>Designer Templates</h3>
62-
63-
<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>
64-
65-
<h3>
66-
<a name="rather-drive-stick" class="anchor" href="#rather-drive-stick"><span class="octicon octicon-link"></span></a>Rather Drive Stick?</h3>
67-
68-
<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>
69-
70-
<h3>
71-
<a name="authors-and-contributors" class="anchor" href="#authors-and-contributors"><span class="octicon octicon-link"></span></a>Authors and Contributors</h3>
72-
73-
<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code>&lt;a&gt;</code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p>
74-
75-
<h3>
76-
<a name="support-or-contact" class="anchor" href="#support-or-contact"><span class="octicon octicon-link"></span></a>Support or Contact</h3>
77-
78-
<p>Having trouble with Pages? Check out the documentation at <a href="http://help.github.com/pages">http://help.github.com/pages</a> or contact <a href="mailto:[email protected]">[email protected]</a> and we’ll help you sort it out.</p>
79-
</section>
80-
81-
<footer>
82-
<span class="ribbon-outer">
83-
<span class="ribbon-inner">
84-
<p>Projects by <a href="https://github.com/jaicode">jaicode</a> can be found on <a href="https://github.com/jaicode">GitHub</a></p>
85-
</span>
86-
<span class="left-tail"></span>
87-
<span class="right-tail"></span>
88-
</span>
89-
<p>Generated with <a href="http://pages.github.com">GitHub Pages</a> using Merlot</p>
90-
<span class="octocat"></span>
91-
</footer>
92-
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Coming Soon Template | PrepBootstrap</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
8+
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
9+
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" />
10+
11+
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
12+
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
13+
</head>
14+
<body>
15+
16+
<div class="container">
17+
18+
<div class="page-header">
19+
<h1>Coming Soon <small>Bootstrap template, demonstrating a coming-soon page with four circular progress bars counting down</small></h1>
20+
</div>
21+
22+
<!-- Coming Soon - START -->
23+
24+
<style>
25+
.bgcontainer {
26+
background: url('/Content/images/shared/comingsoon/comingsoon.jpg') no-repeat center center fixed;
27+
-webkit-background-size: cover;
28+
-moz-background-size: cover;
29+
-o-background-size: cover;
30+
background-size: cover;
31+
padding-bottom:100px;
32+
}
33+
</style>
34+
35+
<div class="bgcontainer" style="margin-top: 10px;">
36+
<div class="col-md-12 text-center">
37+
<h1>Under Construction</h1>
38+
<br />
9339
</div>
94-
95-
96-
</body>
97-
</html>
40+
<div class="col-md-12 text-center">
41+
<h2>The site will be live in:</h2>
42+
<br />
43+
</div>
44+
<div class="col-md-2 hidden-xs"></div>
45+
<div class="col-md-2 col-sm-6 col-xs-9 text-center">
46+
<div id="progress_days" style="background-color: transparent;" class="prg"></div>
47+
</div>
48+
<div class="col-md-2 col-sm-6 col-xs-9 text-center">
49+
<div id="progress_hours" style="background-color: transparent;" class="prg"></div>
50+
</div>
51+
<div class="col-md-2 col-sm-6 col-xs-9 text-center">
52+
<div id="progress_mins" style="background-color: transparent;" class="prg"></div>
53+
</div>
54+
<div class="col-md-2 col-sm-6 col-xs-9 text-center">
55+
<div id="progress_secs" style="background-color: transparent;" class="prg"></div>
56+
</div>
57+
<div class="row">
58+
<div class="col-md-12 col-sm-12 col-xs-12 text-center text-center v-center">
59+
<h1>Sign Up</h1>
60+
<p class="lead">Enter your email to sign-up for our newsletter</p>
61+
<br />
62+
<form class="col-lg-12">
63+
<div class="input-group" style="width: 340px; text-align: center; margin: 0 auto;">
64+
<input class="form-control input-lg" placeholder="Enter your email address" type="text" />
65+
<span class="input-group-btn"><button class="btn btn-lg btn-primary" type="button">OK</button></span>
66+
</div>
67+
</form>
68+
</div>
69+
</div>
70+
<br />
71+
<br />
72+
<div class="text-center">
73+
<h1>Follow us</h1>
74+
</div>
75+
<div class="row">
76+
<div class="col-lg-12 text-center v-center" style="font-size: 39pt;">
77+
<a href="#"><span class="avatar"><i class="fa fa-google-plus"></i></span></a>
78+
<a href="#"><span class="avatar"><i class="fa fa-linkedin"></i></span></a>
79+
<a href="#"><span class="avatar"><i class="fa fa-facebook"></i></span></a>
80+
<a href="#"><span class="avatar"><i class="fa fa-github"></i></span></a>
81+
</div>
82+
</div>
83+
</div>
84+
85+
<link rel="stylesheet" type="text/css" href="/Content/font-awesome/css/font-awesome.min.css" />
86+
87+
<!-- you need to include the shieldui css and js assets in order for the charts to work -->
88+
<link rel="stylesheet" type="text/css" href="http://www.shieldui.com/shared/components/latest/css/shieldui-all.min.css" />
89+
<link rel="stylesheet" type="text/css" href="http://www.shieldui.com/shared/components/latest/css/light-bootstrap/all.min.css" />
90+
<script type="text/javascript" src="http://www.shieldui.com/shared/components/latest/js/shieldui-all.min.js"></script>
91+
92+
<script type="text/javascript">
93+
jQuery(function ($) {
94+
// the date of the release - for example the below will set the release date to
95+
// 1st of March (month is 0-based), 2100 at noon 12:00 o'clock
96+
// var release_date = new Date(2100, 2, 1, 12, 0, 0);
97+
// format is: new Date(year, month [, day, hour, minute, second, millisecond]);
98+
// (note that the month is 0-based).
99+
100+
// for showcase purpose, we set the release date to be 10 days from the current time
101+
var release_date = new Date();
102+
release_date.setDate(release_date.getDate() + 10);
103+
104+
var release_unixtime_ms = release_date.getTime(),
105+
total_days = Math.floor((release_unixtime_ms - (new Date()).getTime()) / (24 * 60 * 60 * 1000)),
106+
update_timer = null,
107+
progress_days,
108+
progress_hours,
109+
progress_mins,
110+
progress_secs;
111+
112+
// define a function to initialize the progressbars
113+
function init_progressbars() {
114+
// set the width and height of each progressbar to the width of their container
115+
$(".prg").each(function () {
116+
$(this)
117+
.width($(this).parent().width())
118+
.height($(this).parent().width());
119+
});
120+
121+
// initialize the progressbar widgets
122+
progress_days = $("#progress_days").shieldProgressBar({
123+
min: 0,
124+
max: total_days,
125+
value: total_days,
126+
layout: "circular",
127+
layoutOptions: {
128+
circular: {
129+
borderColor: "white",
130+
width: 30,
131+
borderWidth: 3,
132+
color: "#1E98E4",
133+
backgroundColor: "white"
134+
}
135+
},
136+
text: {
137+
enabled: true,
138+
template: '<span style="font-size:27px;color:white;">{0:n0} days</span> '
139+
},
140+
reversed: true
141+
}).swidget();
142+
143+
progress_hours = $("#progress_hours").shieldProgressBar({
144+
min: 0,
145+
max: 24,
146+
value: 24,
147+
layout: "circular",
148+
layoutOptions: {
149+
circular: {
150+
borderColor: "white",
151+
width: 23,
152+
borderWidth: 3,
153+
color: "#1E98E4",
154+
backgroundColor: "white"
155+
}
156+
},
157+
text: {
158+
enabled: true,
159+
template: '<span style="font-size:27px;color:white;">{0:n0} hours</span> '
160+
},
161+
reversed: true
162+
}).swidget();
163+
164+
progress_mins = $("#progress_mins").shieldProgressBar({
165+
min: 0,
166+
max: 60,
167+
value: 60,
168+
layout: "circular",
169+
layoutOptions: {
170+
circular: {
171+
borderColor: "white",
172+
width: 15,
173+
borderWidth: 3,
174+
color: "#1E98E4",
175+
backgroundColor: "white"
176+
}
177+
},
178+
text: {
179+
enabled: true,
180+
template: '<span style="font-size:27px;color:white;">{0:n0} min</span> '
181+
},
182+
reversed: true
183+
}).swidget();
184+
185+
progress_secs = $("#progress_secs").shieldProgressBar({
186+
min: 0,
187+
max: 60,
188+
value: 60,
189+
layout: "circular",
190+
layoutOptions: {
191+
circular: {
192+
borderColor: "white",
193+
width: 10,
194+
borderWidth: 3,
195+
color: "#1E98E4",
196+
backgroundColor: "white"
197+
}
198+
},
199+
text: {
200+
enabled: true,
201+
template: '<span style="font-size:27px;color:white;">{0:n0} sec</span> '
202+
},
203+
reversed: true
204+
}).swidget();
205+
206+
// restart the update timer
207+
clearInterval(update_timer);
208+
update_timer = setInterval(update_progressbars, 300);
209+
}
210+
211+
function update_progressbars() {
212+
var total_remaining_seconds = Math.floor((release_unixtime_ms - (new Date()).getTime()) / 1000),
213+
remaining_days = Math.floor(total_remaining_seconds / (24 * 60 * 60));
214+
215+
total_remaining_seconds = total_remaining_seconds % (24 * 60 * 60);
216+
var remaining_hours = Math.floor(total_remaining_seconds / (60 * 60));
217+
218+
total_remaining_seconds = total_remaining_seconds % (60 * 60);
219+
var remaining_mins = Math.floor(total_remaining_seconds / 60);
220+
var remaining_secs = total_remaining_seconds % 60;
221+
222+
// update the progressbars if new values are different
223+
if (remaining_days != progress_days.value()) {
224+
progress_days.value(remaining_days);
225+
}
226+
if (remaining_hours != progress_hours.value()) {
227+
progress_hours.value(remaining_hours);
228+
}
229+
if (remaining_mins != progress_mins.value()) {
230+
progress_mins.value(remaining_mins);
231+
}
232+
if (remaining_secs != progress_secs.value()) {
233+
progress_secs.value(remaining_secs);
234+
}
235+
}
236+
237+
// call this function whenever the window size changes
238+
$(window).on("resize", init_progressbars);
239+
240+
// init the progressbars now
241+
init_progressbars();
242+
});
243+
</script>
244+
<!-- Coming Soon - END -->
245+
246+
</div>
247+
248+
</body>
249+
</html>

‎javascripts/headsmart.min.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎javascripts/main.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)