Skip to content

Commit 3131ebb

Browse files
author
Rafael J. Staib
committed
Add twitter and star button
1 parent 3a82060 commit 3131ebb

File tree

8 files changed

+58
-13
lines changed

8 files changed

+58
-13
lines changed

add-remove.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Dynamic Manipulation Demo</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -25,6 +25,10 @@
2525
<h1>jquery-steps</h1>
2626
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2727
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
28+
<div class="share">
29+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
30+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
31+
</div>
2832
</div>
2933
</header>
3034

@@ -103,6 +107,7 @@ <h3>License</h3>
103107
</div>
104108
</div>
105109

110+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
106111
<script>
107112
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
108113
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

async.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Async Demo</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -25,6 +25,10 @@
2525
<h1>jquery-steps</h1>
2626
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2727
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
28+
<div class="share">
29+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
30+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
31+
</div>
2832
</div>
2933
</header>
3034

@@ -95,6 +99,7 @@ <h3>License</h3>
9599
</div>
96100
</div>
97101

102+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
98103
<script>
99104
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
100105
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

basic-form.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Basic Form Demo</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -26,6 +26,10 @@
2626
<h1>jquery-steps</h1>
2727
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2828
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
29+
<div class="share">
30+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
31+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
32+
</div>
2933
</div>
3034
</header>
3135

@@ -129,6 +133,7 @@ <h3>License</h3>
129133
</div>
130134
</div>
131135

136+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
132137
<script>
133138
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
134139
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

basic.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Basic Demo</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -25,6 +25,10 @@
2525
<h1>jquery-steps</h1>
2626
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2727
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
28+
<div class="share">
29+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
30+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
31+
</div>
2832
</div>
2933
</header>
3034

@@ -99,6 +103,7 @@ <h3>License</h3>
99103
</div>
100104
</div>
101105

106+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
102107
<script>
103108
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
104109
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

iframe-content.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Iframe Content</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">

iframe.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>jQuery Steps by rstaib</title>
4+
<title>jQuery Steps - Embedded Iframe Demo</title>
55
<meta charset='utf-8'>
66
<meta http-equiv="X-UA-Compatible" content="chrome=1">
77
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -25,6 +25,10 @@
2525
<h1>jquery-steps</h1>
2626
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2727
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
28+
<div class="share">
29+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
30+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
31+
</div>
2832
</div>
2933
</header>
3034

@@ -95,6 +99,7 @@ <h3>License</h3>
9599
</div>
96100
</div>
97101

102+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
98103
<script>
99104
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
100105
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

index.html

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4+
<title>jQuery Steps</title>
45
<meta charset='utf-8'>
56
<meta http-equiv="X-UA-Compatible" content="chrome=1">
67
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
@@ -9,19 +10,17 @@
910
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
1011
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
1112
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
12-
13-
<!--[if lt IE 9]>
14-
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
15-
<![endif]-->
16-
17-
<title>jQuery Steps by rstaib</title>
1813
</head>
1914
<body>
2015
<header>
2116
<div class="inner">
2217
<h1>jquery-steps</h1>
2318
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
2419
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
20+
<div class="share">
21+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="RafaelStaib" data-hashtags="jquerysteps">Tweet</a>
22+
<iframe src="http://ghbtns.com/github-btn.html?user=rstaib&repo=jquery-steps&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
23+
</div>
2524
</div>
2625
</header>
2726

@@ -86,6 +85,10 @@ <h3>License</h3>
8685
</div>
8786
</div>
8887

88+
<!--[if lt IE 9]>
89+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
90+
<![endif]-->
91+
<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
8992
<script>
9093
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
9194
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

stylesheets/stylesheet.css

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,15 @@ header a.button {
148148
top: 0;
149149
background: transparent url(../images/github-button.png) 0 0 no-repeat;
150150
}
151+
header .share {
152+
position: absolute;
153+
right: 0;
154+
top: 100px;
155+
width: 202px;
156+
}
157+
header .share > iframe {
158+
margin: 0 10px 10px 0;
159+
}
151160
aside a.button {
152161
width: 138px;
153162
padding-left: 64px;
@@ -428,8 +437,9 @@ footer a:hover {
428437
background-image: none;
429438
width: auto;
430439
height: auto;
440+
float: left;
431441
display: inline-block;
432-
margin-top: 15px;
442+
margin: 15px 15px 0 0;
433443
padding: 5px 10px;
434444
position: relative;
435445
text-align: center;
@@ -445,6 +455,13 @@ footer a:hover {
445455
font-size: 13px;
446456
display: inline;
447457
}
458+
header .share {
459+
top: 0;
460+
width: auto;
461+
display: inline-block;
462+
margin: 15px 15px 0 0;
463+
position: relative;
464+
}
448465
#main-content,
449466
aside#sidebar {
450467
float: none;

0 commit comments

Comments
 (0)