-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.php
155 lines (144 loc) · 7.2 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<?php
$zenEffects = array(
'zenFadeInUp', 'zenFadeInRight', 'zenFadeInDown',
'zenFadeInLeft', 'zenFadeInUpBig', 'zenFadeInRightBig',
'zenFadeInDownBig', 'zenFadeInLeftBig'
);
$effects = array(
'fadeInUp', 'fadeInRight', 'fadeInDown', 'fadeInLeft', 'fadeInUpBig', 'fadeInRightBig', 'fadeInDownBig',
'fadeInLeftBig', 'bounceInUp', 'bounceInRight', 'bounceInDown', 'bounceInLeft', 'flipInX', 'flipInY',
'rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight',
'pulse', 'swing', 'wobble', 'flash', 'tada'
);
$effectsOut = array(
'hinge', 'fadeOutUp', 'fadeOutRight', 'fadeOutDown', 'fadeOutLeft',
'fadeOutUpBig', 'fadeOutRightBig', 'fadeOutDownBig', 'fadeOutLeftBig',
'bounceOutUp', 'bounceOutRight', 'bounceOutDown', 'bounceOutLeft',
'flipOutX', 'flipOutY',
'rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight'
);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Story Box Documentation</title>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link href="story-box/animate.css" rel="stylesheet" type="text/css">
<script src="story-box/jquery.js"></script>
<script src="story-box/story-box.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2 class="text-success text-center">Documentation</h2>
<div class="panel panel-default">
<div class="panel-heading">
Thank you !
</div>
<div class="panel-body">
<p><strong>Thank you</strong> for trusting our newest product Story Box.</p>
<p>We've created this jQuery plugin specially for people like you, who want to make a change !</p>
<p><strong class="text-success">Feel free to email me at anytime : rusuandreirobert@gmail.com, it's my personal email, so I can assist you 24/7</strong></p>
<p>Please take a moment of your time and rate our extension, it helps us know the quality of our products</p>
<p>Any suggestions are welcome, we <strong>LOVE</strong> feedback.</p>
<p>Just a heads up, we left a copy of our page "Unique Demo" in this documentation folder, just in case you need inspiration.</p>
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
Including the Library
</div>
<div class="panel-body">
<span style='color:#308080; '><</span>link href<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>story-box/animate.css</span><span style='color:#800000; '>"</span> rel<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>stylesheet</span><span style='color:#800000; '>"</span> type<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>text/css</span><span style='color:#800000; '>"</span><span style='color:#308080; '>></span>
<br/>
<span style='color:#308080; '><</span>link href<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>story-box/story-box-zen.css</span><span style='color:#800000; '>"</span> rel<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>stylesheet</span><span style='color:#800000; '>"</span> type<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>text/css</span><span style='color:#800000; '>"</span><span style='color:#308080; '>></span>
<br/>
<span style='color:#308080; '><</span>script src<span style='color:#308080; '>=</span><span style='color:#800000; '>"</span><span style='color:#1060b6; '>story-box/story-box.min.js</span><span style='color:#800000; '>"</span><span style='color:#308080; '>></span><span style='color:#308080; '><</span><span style='color:#308080; '>/</span>script<span style='color:#308080; '>></span>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
Using the Library
</div>
<div class="panel-body">
<p>This library automatically selects all the elements that have the <strong class="text-danger">"data-sb"</strong> HTML Attribute.</p>
<p><strong class="text-danger">Each element can have it's own effect</strong></p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<span class="label label-danger">HOT</span> Available NEW Zen Entrance Effects
</div>
<div class="panel-heading">
<p>Param : <strong class="text-danger">"data-sb"</strong></p>
<p>Click any of them for a preview.</p>
</div>
<div class="panel-body">
<div class="row">
<?php $i = 1;foreach($zenEffects as $effect) : ?>
<div class="col-xs-2">
<a class="btn btn-default" href="clubix/index.php?effect=<?php echo $effect;?>&hide-effect=fadeOutUp">
<?php echo $effect;?>
</a>
</div>
<?php echo ($i % 4 == 0) ? '<div class="clearfix"></div><br/>' : '';?>
<?php $i++;endforeach;?>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
Available Entrance Effects
</div>
<div class="panel-heading">
<p>Param : <strong class="text-danger">"data-sb"</strong></p>
<p>Click any of them for a preview.</p>
</div>
<div class="panel-body">
<div class="row">
<?php $i = 1;foreach($effects as $effect) : ?>
<div class="col-xs-2">
<a class="btn btn-default" href="clubix/index.php?effect=<?php echo $effect;?>&hide-effect=fadeOutUp">
<?php echo $effect;?>
</a>
</div>
<?php echo ($i % 4 == 0) ? '<div class="clearfix"></div><br/>' : '';?>
<?php $i++;endforeach;?>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
Available Exit Effects <strong class="text-danger">- Optional</strong>
</div>
<div class="panel-heading">
<p>The Exit Effects are optional</p>
<p>If you don't want to run the entrance effects over and over again, just don't specify the param</p>
<p>Param : <strong class="text-danger">"data-sb-hide"</strong></p>
</div>
<div class="panel-body">
<div class="row">
<?php $i = 1;foreach($effectsOut as $effect) : ?>
<div class="col-xs-2">
<span class="btn btn-default">
<?php echo $effect;?>
</span>
</div>
<?php echo ($i % 4 == 0) ? '<div class="clearfix"></div><br/>' : '';?>
<?php $i++;endforeach;?>
</div>
</div>
</div>
</div>
</body>
</html>