Skip to content

Commit d42d2a3

Browse files
author
Rafael J. Staib
committed
Add changed demo design
1 parent 943410b commit d42d2a3

File tree

8 files changed

+1533
-153
lines changed

8 files changed

+1533
-153
lines changed

‎add-remove.html

Lines changed: 95 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,115 @@
11
<!DOCTYPE html>
2-
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3-
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4-
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5-
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
2+
<html>
63
<head>
7-
<meta charset="utf-8">
8-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9-
<title>jQeury.steps Demos</title>
10-
<meta name="description" content="">
11-
<meta name="viewport" content="width=device-width">
12-
<link rel="stylesheet" href="stylesheets/normalize.css">
13-
<link rel="stylesheet" href="stylesheets/main.css">
4+
<title>jQuery Steps by rstaib</title>
5+
<meta charset='utf-8'>
6+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
7+
<meta name="description" content="A powerful jQuery wizard plugin that supports accessibility and HTML5.">
8+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9+
10+
<link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel="stylesheet" type="text/css">
11+
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
12+
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
13+
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
1414
<link rel="stylesheet" href="stylesheets/jquery.steps.css">
15-
<script src="javascripts/modernizr-2.6.2.min.js"></script>
15+
1616
<script src="javascripts/jquery-1.9.1.min.js"></script>
1717
<script src="javascripts/jquery.steps.min.js"></script>
18+
<!--[if lt IE 9]>
19+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
20+
<![endif]-->
1821
</head>
1922
<body>
20-
<!--[if lt IE 7]>
21-
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
22-
<![endif]-->
23-
2423
<header>
25-
<h1>Wizard Demo</h1>
26-
<nav>
27-
<ul>
28-
<li><a href="index.html">Basic</a></li>
29-
<li><a href="multiple.html">Multiple Wizard</a></li>
30-
<li><a href="async-iframe.html">Async/Iframe Content</a></li>
31-
<li><a href="form.html">Step Validation</a></li>
32-
<li><a href="add-remove.html">Add/Remove Steps via API</a></li>
33-
</ul>
34-
</nav>
24+
<div class="inner">
25+
<h1>jquery-steps</h1>
26+
<h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
27+
<a href="https://github.com/rstaib/jquery-steps" class="button"><small>View project on</small>GitHub</a>
28+
</div>
3529
</header>
3630

37-
<div class="content">
38-
<h1>Basic Demo</h1>
31+
<div id="content-wrapper">
32+
<div class="inner clearfix">
33+
<section id="main-content">
34+
<script>
35+
$(function ()
36+
{
37+
$("#wizard").steps({
38+
headerTag: "h4",
39+
bodyTag: "section"
40+
});
41+
$("#wizard").steps("insert", 1, {
42+
title: "Second Step",
43+
content: "New!"
44+
});
45+
$("#wizard").steps("remove", 2);
46+
});
47+
</script>
3948

40-
<script>
41-
$(function ()
42-
{
43-
$("#wizard").steps({
44-
headerTag: "h2",
45-
bodyTag: "section"
46-
});
47-
$("#wizard").steps("add", {
48-
title: "Fifth Step",
49-
content: "New!"
50-
});
51-
$("#wizard").steps("insert", 1, {
52-
title: "Second Step",
53-
content: "New!"
54-
});
55-
$("#wizard").steps("remove", 2);
56-
});
57-
</script>
49+
<h3>Basic Example</h3>
50+
<div id="wizard">
51+
<h4>First Step</h4>
52+
<section>
53+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nulla nunc. Maecenas arcu sem, hendrerit a tempor quis,
54+
sagittis accumsan tellus. In hac habitasse platea dictumst. Donec a semper dui. Nunc eget quam libero. Nam at felis metus.
55+
Nam tellus dolor, tristique ac tempus nec, iaculis quis nisi.</p>
56+
</section>
5857

59-
<div id="wizard">
60-
<h2>First Step</h2>
61-
<section>
62-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nulla nunc. Maecenas arcu sem, hendrerit a tempor quis,
63-
sagittis accumsan tellus. In hac habitasse platea dictumst. Donec a semper dui. Nunc eget quam libero. Nam at felis metus.
64-
Nam tellus dolor, tristique ac tempus nec, iaculis quis nisi.</p>
65-
</section>
58+
<h4>Second Step</h4>
59+
<section>
60+
<p>Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque.
61+
In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum
62+
dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur.
63+
In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
64+
Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam.
65+
Donec non pulvinar urna. Aliquam id velit lacus.</p>
66+
</section>
6667

67-
<h2>Second Step</h2>
68-
<section>
69-
<p>Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque.
70-
In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum
71-
dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur.
72-
In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
73-
Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam.
74-
Donec non pulvinar urna. Aliquam id velit lacus.</p>
75-
</section>
68+
<h4>Third Step</h4>
69+
<section>
70+
<p>Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo,
71+
pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat.
72+
Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris
73+
venenatis.</p>
74+
</section>
7675

77-
<h2>Third Step</h2>
78-
<section>
79-
<p>Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo,
80-
pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat.
81-
Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris
82-
venenatis.</p>
83-
</section>
76+
<h4>Forth Step</h4>
77+
<section>
78+
<p>Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor.
79+
Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae.
80+
Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</p>
81+
</section>
82+
</div>
8483

85-
<h2>Forth Step</h2>
86-
<section>
87-
<p>Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor.
88-
Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae.
89-
Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</p>
84+
<h3>License</h3>
85+
<p>Copyright (c) 2013 Rafael J. Staib Licensed under the <a href="https://github.com/rstaib/jquery-steps/blob/master/LICENSE.txt">MIT license</a>.</p>
9086
</section>
87+
88+
<aside id="sidebar">
89+
<a href="https://github.com/rstaib/jquery-steps/zipball/master" class="button">
90+
<small>Download</small>
91+
.zip file
92+
</a>
93+
<a href="https://github.com/rstaib/jquery-steps/tarball/master" class="button">
94+
<small>Download</small>
95+
.tar.gz file
96+
</a>
97+
98+
<p class="repo-owner"><a href="https://github.com/rstaib/jquery-steps"></a>is maintained by <a href="https://github.com/rstaib">rstaib</a>.</p>
99+
100+
<p>This page was generated by <a href="pages.github.com">GitHub Pages</a> using the Architect theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.</p>
101+
</aside>
91102
</div>
92103
</div>
104+
105+
<script>
106+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
107+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
108+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
109+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
110+
111+
ga('create', 'UA-40997516-1', 'rstaib.github.io');
112+
ga('send', 'pageview');
113+
</script>
93114
</body>
94115
</html>

0 commit comments

Comments
 (0)