forked from dextronet/css-buttons-generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (132 loc) · 6.72 KB
/
index.html
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>CSS Buttons Generator for your pleasure</title>
<meta name="description" content="Generate your own shiny CSS3 buttons for your website!">
<meta name="author" content="Ondrej Zabojnik from Dextronet.com">
<meta name="viewport" content="width=device-width">
<meta property="og:url" content="http://www.dextronet.com/css-buttons-generator/">
<meta property="og:type" content="website">
<meta property="og:image" content="http://s.dxnimg.com/button-download-big.gif">
<meta property="og:title" content="CSS Buttons Generator for your pleasure">
<meta property="og:description" content="Generate your own shiny CSS3 buttons for your website!">
<meta property="fb:app_id" content="100166840029788" />
<meta property="fb:admins" content="698082174" />
<link rel="stylesheet" href="css/jquery-ui.custom.css">
<link rel="stylesheet" href="css/jquery.miniColors.css">
<link rel="stylesheet" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic,700italic' rel='stylesheet' type='text/css'>
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<header>
<div class="dextronet"><a href="http://www.dextronet.com"><img src="img/dextronet.png" alt="Dextronet.com"></a></div>
<h1>CSS Buttons Generator <em>for your pleasure</em></h1>
</header>
<div class="main" role="main">
<div class="configurator clearfix">
<div class="controls">
<div class="clearfix">
<div class="text">
<h3>Text</h3>
<input type="text" data-bind="text.firstRow">
</div>
<div class="font-size">
<h3>Font Size</h3>
<input type="text" data-bind="styles.firstRowFontSize" class="wheel">
</div>
<div class="font-color">
<h3>Font Color</h3>
<input type="text" data-bind="styles.fontColor" class="color">
</div>
</div>
<div class="clearfix second-row-ct">
<input type="checkbox" class="second-row" data-bind="secondRow">
<div class="text">
<input type="text" data-bind="text.secondRow">
</div>
<div class="font-size">
<input type="text" data-bind="styles.secondRowFontSize" class="wheel">
</div>
</div>
<div class="theme clearfix">
<h3>Theme Color</h3>
<div class="presets">
<a href="#" class="preset preset-1" data-color="#73B10E"></a>
<a href="#" class="preset preset-2" data-color="#D1A700"></a>
<a href="#" class="preset preset-3" data-color="#006BCF"></a>
<a href="#" class="preset preset-4" data-color="#D100D1"></a>
<a href="#" class="preset preset-5" data-color="#BBD400"></a>
<a href="#" class="preset preset-6" data-color="#00BFA9"></a>
</div>
<input type="text" data-bind="styles.themeColor" class="color" id="theme-color">
</div>
<div class="border clearfix">
<h3>Border Radius</h3>
<div class="slider" id="border-slider"></div>
<input type="text" data-bind="styles.borderRadius" class="wheel" id="border">
</div>
<div class="padding clearfix">
<h3>Padding Multiply</h3>
<div class="slider" id="padding-slider"></div>
<input type="text" data-bind="styles.padding" id="padding">
</div>
</div>
<div class="preview"></div>
</div>
<div class="social">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="OndrejZabojnik">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="140" data-show-faces="true"></div>
<div class="google-plus-one-button">
<g:plusone size="medium" annotation="inline" width="120"></g:plusone>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
<a href="code.html" onclick="window.open(this.href); return false" class="get-code">Get The Code</a>
<div class="stdl" style="display: none">
<h4>Btw, you seem like you have a lot to do, good sir (or lady)!</h4>
<p>Try our <a href="http://www.dextronet.com/swift-to-do-list-software" title="Task Management Software - Swift To-Do List" class="task-management-software">task management software</a> <b>Swift To-Do List</b> and sing with unicorns once again!</p>
<p class="links"><a href="http://www.dextronet.com/download/swift-to-do-list" class="download">Download</a></a></p>
</div>
</div>
<hr class="footer-sep">
<footer>
© Ondrej Zabojnik from <a href="http://www.dextronet.com">Dextronet</a>.
My <a href="https://plus.google.com/102269613900852626228">Google+</a> and <a href="http://twitter.com/OndrejZabojnik">Twitter</a>. Source is on <a href="http://github.com/Dextronet/css-buttons-generator">github</a>.
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/libs/jquery-ui-1.8.20.custom.min.js"></script>
<script src="js/libs/jquery.mousewheel.min.js"></script>
<script src="js/libs/jquery.miniColors.min.js"></script>
<!-- scripts concatenated and minified via ant build script-->
<script src="js/tinycolor.js"></script>
<script src="js/button.js"></script>
<script src="js/tweaker.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=181510968582844";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>