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

Skip to content

Commit e6dc99f

Browse files
chabsihengchabsiheng
committed
Replace master branch with page content via GitHub
1 parent 585188c commit e6dc99f

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

+2696
-246
lines changed

‎fonts/opensans-bold-webfont.eot

32.7 KB
Binary file not shown.

‎fonts/opensans-bold-webfont.svg

Lines changed: 251 additions & 0 deletions

‎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: 251 additions & 0 deletions

‎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: 251 additions & 0 deletions

‎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: 251 additions & 0 deletions

‎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: 252 additions & 0 deletions

‎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

‎images/blockquote-gfx-2x.png

366 Bytes

‎images/blockquote-gfx.png

224 Bytes

‎images/chevron-2x.png

138 Bytes

‎images/chevron.png

128 Bytes

‎images/download-fallback-bg.png

110 Bytes

‎images/download-sprite.png

9.78 KB

‎images/footer-ramp.jpg

1.25 KB

‎images/fork-sprite.png

1.89 KB

‎images/hr-2x.jpg

1.55 KB

‎images/hr.jpg

1.28 KB

‎images/octocat-2x.png

1.3 KB

‎images/octocat.png

654 Bytes

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

312 Bytes

‎images/ribbon-tail-sprite.png

1.34 KB

‎images/shield-fallback.png

340 Bytes

‎images/shield.png

1.1 KB

‎images/site-2.png

654 Bytes

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

338 Bytes

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

311 Bytes

‎index.html

Lines changed: 94 additions & 246 deletions
Original file line numberDiff line numberDiff line change
@@ -1,249 +1,97 @@
11
<!DOCTYPE html>
22
<html>
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 />
39-
</div>
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>
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+
8293
</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>
94+
95+
96+
</body>
97+
</html>

‎javascripts/headsmart.min.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎javascripts/main.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
console.log('This would be the main JS file.');

0 commit comments

Comments
 (0)