-
Notifications
You must be signed in to change notification settings - Fork 0
/
splash.html
259 lines (257 loc) · 12.5 KB
/
splash.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example Splashpage · Uberfire Framework</title>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<!-- <link href="/stylesheets-source/_bootstrap-community.less" rel="stylesheet/less" type="text/css"> -->
<link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap-community.css" >
<!-- IE 6-8 support of HTML 5 elements -->
<!--[if lt IE 9]>
<script src="/cache/static.jboss.org/theme/js/libs/html5/pre3.6/html5.min.js"></script>
<![endif]-->
<!-- Defines the project favicon. Change these URLs to your specific project folder on static.jboss.org. -->
<link href="/upload/images/favicon.ico" rel="shortcut icon">
<link href="/upload/images/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">
<link href="/upload/images/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="/upload/images/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="/upload/images/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed">
<!-- Defines the project banner. Change these URLs to your specific project folder on static.jboss.org -->
<style>
@media (min-width: 980px) {
.banner { background-image: url(/upload/images/uberfire-banner-1180px.png); height: 110px; }
}
@media (max-width: 979px) {
.banner { background-image: url(/upload/images/uberfire-logo.png); background-repeat:no-repeat; background-position: 30px 15px; height: 100px; background-size: auto 70%; }
}
@media (max-width: 650px) {
.banner { width: 100%; margin: 0px auto; }
}
@media (max-width: 450px) {
.banner { height: 90px; }
}
</style>
<script src="/cache/static.jboss.org/theme/js/libs/jquery/jquery-1.9.1.js"></script>
<script src="/javascripts/less-1.4.1.min.js"></script>
<style>
/* adjusting the vertical spacing for when a stickynav is engaged */
.breadcrumb-fixed > .active {
color: #8c8f91;
}
.breadcrumb-fixed {
margin: 70px 0 10px;
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb-fixed > li {
display: inline-block;
}
</style>
</head>
<body>
<div class="main-container" id="">
<!-- begin accesibility skip to top -->
<ul class="visuallyhidden" id="top">
<li>
<a accesskey="n" href="#nav" title="Skip to navigation">Skip to navigation</a>
</li>
<li>
<a accesskey="c" href="#page" title="Skip to content">Skip to content</a>
</li>
</ul>
<div class="container" id="content">
<div class="dropup">
<div id="ajbossproject">A JBoss Project</div>
<a class="tabnav-closed" href="#" id="tab">Red Hat</a>
<script>
window.addEventListener('load', function() { renderTabzilla("Uberfire","uberfire" , false ) }, false);
</script>
</div>
<div class="banner">
<a href="#"></a>
<div class="taglinedark sr-only">
<h4>Maintainable and customizable workbench-style apps.</h4>
</div>
</div>
<div class="uberfire-nav">
<div class="navbar navbar-inverse navbar-fix" id="sticky-navbar">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target="#navbar-1" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-1">
<ul class="nav navbar-nav">
<li>
<div class="fixed-brand">
<img height="50px" src="/upload/images/navbar-logo.png">
</div>
</li>
<li class=""><a href="/index.html">Home</a></li>
<li class=""><a href="/downloads.html">Downloads</a></li>
<li class=""><a href="/docs/">Documentation</a></li>
<li class=""><a href="/community.html">Join our Community</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class='breadcrumb'><a class='breadcrumb_anchor ' href='http://uberfireframework.org/index.html'
>Uberfire Homepage</a> / <a class='breadcrumb_anchor active' href='http://uberfireframework.org/splash.html'
>Example Splashpage</a></div>
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="jumbotron text-center">
<h1>Splashpage Jumbotron!</h1>
<p>This is where you would put a marketing message.</p>
<p><a class="btn btn-primary btn-lg" href="swatch.html">View the Swatches »</a></p>
</div>
<!-- Example row of columns -->
<br>
<div class="col-md-4">
<div class="well text-center">
<i class="icon-check-sign icon-4x" style="color: #93adbc;"></i>
<h2>Uses Bootstrap</h2>
<p>This theme is designed to layer on top of Bootstrap by using the standardized CSS classes and IDs so you can easily take advantage of all the great built in components of Bootstrap.</p>
<p><a class="btn btn-default" href="http://twitter.github.io/bootstrap/components.html">Bootstrap Components »</a></p>
</div>
</div>
<div class="col-md-4">
<div class="well text-center">
<i class="icon-tint icon-4x" style="color: #93adbc;"></i>
<h2>Look & Feel Swatches</h2>
<p>To give a better view of some of the look and feel changes, we've put together a swatch file containing various styled components and the Font Awesome icon replacement for quick viewing.</p>
<p><a class="btn btn-default" href="swatch.html">Go to the Swatches »</a></p>
</div>
</div>
<div class="col-md-4">
<div class="well text-center">
<i class="icon-thumbs-up icon-4x" style="color: #93adbc;"></i>
<h2>The JBoss Badge</h2>
<p>Projects are now able to utilize this standard look and feel or create their own. We just ask that you keep unedited this badge on your home page to show that your project is a part of the JBoss Family.</p>
<p>You can find the badge in the footer below.</p>
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-md-6 text-center">
<img src="http://static.jboss.org/images/awestruct/clipboard.png">
</div>
<div class="col-md-6">
<h3>Immediate to use</h3>
<p>Donec scelerisque, nulla eget scelerisque commodo, ipsum risus volutpat felis, faucibus sagittis ante ipsum ac tellus. Nunc sem lorem, scelerisque vitae gravida sed, porttitor sodales odio. Sed tincidunt adipiscing malesua. Etiam mi ultrices fringilla sapien quis, mollis sollicitudin felis. Maecenas id malesuada metus.</p>
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<div class="col-md-6">
<h3>Fun & Playful</h3>
<p>Donec scelerisque, nulla eget scelerisque commodo, ipsum risus volutpat felis, faucibus sagittis ante ipsum ac tellus. Nunc sem lorem, scelerisque vitae gravida sed, porttitor sodales odio. Sed tincidunt adipiscing malesua. Etiam mi ultrices fringilla sapien quis, mollis sollicitudin felis. Maecenas id malesuada metus.</p>
</div>
<div class="col-md-6 text-center">
<img src="http://static.jboss.org/images/awestruct/chat.png">
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<div class="col-md-6 text-center">
<img src="http://static.jboss.org/images/awestruct/clocks.png">
</div>
<div class="col-md-6">
<h3>Compiles Quickly</h3>
<p>Donec scelerisque, nulla eget scelerisque commodo, ipsum risus volutpat felis, faucibus sagittis ante ipsum ac tellus. Nunc sem lorem, scelerisque vitae gravida sed, porttitor sodales odio. Sed tincidunt adipiscing malesua. Etiam mi ultrices fringilla sapien quis, mollis sollicitudin felis. Maecenas id malesuada metus.</p>
</div>
</div>
<br>
<br>
<br>
<br>
<!-- =========================Tabbed Content========================= -->
<div id="tabbedcontent">
<div class="row">
<div class="col-md-12">
<div class="well">
<h1>Important Sections</h1>
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a href="#home">Home</a>
</li>
<li>
<a href="#profile">Profile</a>
</li>
<li>
<a href="#messages">Messages</a>
</li>
<li>
<a href="#settings">Settings</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">Home content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi iaculis sagittis accumsan. Donec tincidunt metus vitae felis vulputate, in cursus felis congue. Suspendisse in nisl mi. Sed eu fermentum sem, sit amet aliquet mauris. Phasellus et eros interdum, lobortis nibh et, tempor felis.</div>
<div class="tab-pane" id="profile">Profile content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi iaculis sagittis accumsan. Donec tincidunt metus vitae felis vulputate, in cursus felis congue. Suspendisse in nisl mi. Sed eu fermentum sem, sit amet aliquet mauris. Phasellus et eros interdum, lobortis nibh et, tempor felis.</div>
<div class="tab-pane" id="messages">Messages content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi iaculis sagittis accumsan. Donec tincidunt metus vitae felis vulputate, in cursus felis congue. Suspendisse in nisl mi. Sed eu fermentum sem, sit amet aliquet mauris. Phasellus et eros interdum, lobortis nibh et, tempor felis.</div>
<div class="tab-pane" id="settings">Settings content - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi iaculis sagittis accumsan. Donec tincidunt metus vitae felis vulputate, in cursus felis congue. Suspendisse in nisl mi. Sed eu fermentum sem, sit amet aliquet mauris. Phasellus et eros interdum, lobortis nibh et, tempor felis.</div>
</div>
</div>
</div>
<script>
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
</script>
</div>
</div>
</div>
<footer class="container">
<div class="row">
<div class="col-md-3">
<div class="license">
<h4>ASL 2.0 License</h4>
<p>UberFire is licensed under the Apache Software License, Version 2.0.</p>
</div>
</div>
<div class="col-md-2 col-md-offset-7 text-right hidden-sm hidden-xs">
<ul class="list-unstyled">
<li>
<a href="#" title="Blog">Blog</a>
</li>
<li>
<a href="#" title="Twitter">Twitter</a>
</li>
<li>
<a href="#" title="Google+">Google+</a>
</li>
</ul>
</div>
</div>
</footer>
<div class="container" id="companyfooter">
<div class="redhatlogo">
<div id="logospacer"></div>
<a href="http://www.redhat.com/"><img src="/cache/static.jboss.org/theme/images/common/redhat_logo.png"></a>
</div>
</div>
<span class="backToTop">
<a href="#top">back to top</a>
</span>
<script src="/javascripts/bootstrap-community.js"></script>
</div>
</body>
</html>