Skip to content

Commit c9ea32e

Browse files
vipul-jainvipul-jain
committed
RML-14 : Wire button hyperlinks as specified in mockup
1 parent 5c6cee3 commit c9ea32e

File tree

4 files changed

+97
-14
lines changed

4 files changed

+97
-14
lines changed

‎RAPID-ML.html

Lines changed: 26 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,15 @@
2121
</head>
2222
<body>
2323
<div class="container landing-page">
24+
<!-- Header : START -->
25+
<header class="row header">
26+
<div class="pull-right">
27+
<a class="btn btn-link" target="_blank" href="http://rapid-api.org/rapid-ml">Home</a>
28+
<a class="btn btn-link" target="_blank" href="http://rapid-api.org/rapid-ml/spec/current/desktop">Specificatio</a>
29+
</div>
30+
</header>
31+
<!-- Header : END -->
32+
2433
<!-- Starter Page : START-->
2534
<div class="starter-template">
2635
<div class="jumbotron">
@@ -41,7 +50,7 @@ <h1>Domain-Driven API Modeling</h1>
4150
from API mismatch, and <i>integrate faster</i>.</p></li>
4251
</ul>
4352
</div>
44-
<a class="btn btn-primary btn-lg" role="button">Get Started</a>
53+
<a class="btn btn-primary btn-lg page-scroll" href="#editing-tools">Get Started</a>
4554
</div>
4655
<div class="page-header"></div><br>
4756
</div>
@@ -139,81 +148,81 @@ <h3>Hyperlink or Embed Referenced Data Structures</h3>
139148
<!-- Hyperlink or Embed Referenced Data Structures : END -->
140149

141150
<!-- Editing Tools : START -->
142-
<h1 class="text-center"><strong>Editing Tools</strong></h1>
143-
<section class="section editing-tools">
151+
<section class="section editing-tools" id="editing-tools">
152+
<h1 class="text-center"><strong>Editing Tools</strong></h1>
144153
<div class="row">
145154
<div class="col-md-6 text-center">
146155
<img class="img-responsive"
147156
src="img/RepreZen%20API%20Studio%20Logo/studiologo_with_trademark%20150dpi.png"/>
148157
<p class="h4">RepreZen API Studio is the integrated, full-lifecycle API design environment for RAPID-ML.</p>
149-
<button type="button" class="btn btn-default block-center">Try RAPID-ML in RepreZen API Studio</button>
158+
<a href="http://reprezen.com/trial-offer" target="_blank" type="button" class="btn btn-default block-center">Try RAPID-ML in RepreZen API Studio</a>
150159

151160
</div>
152161
<div class="col-md-6 text-center">
153162
<img src="img/RAPID-ML%20Logo/RAPID-ML%20Logo.png"
154163
class="img-responsive"/>
155164
<p class="h4">Looking for a free community edition or open source libraries?
156165
They're coming soon!</p>
157-
<a class="btn btn-default" data-toggle="modal" data-target="#subscribe-mail-list-modal">
166+
<a class="btn btn-default block-center" data-toggle="modal" data-target="#subscribe-mail-list-modal">
158167
Tell me when the free stuff is available.</a>
159168
</div>
160169
</div>
161170
</section>
162171
<!-- Editing Tools : END -->
163172

164173
<!-- Resources : START -->
165-
<h1 class="text-center"><strong>Resources</strong></h1>
166174
<section class="section">
175+
<h1 class="text-center"><strong>Resources</strong></h1>
167176
<div class="row grid-border-container">
168177
<div class="col-md-4">
169178
<img class="center-block"
170179
src="img/RAPID-ML%20Logo/RAPID-ML%20Graphic.png"/>
171180
<p class="text-center">
172-
<a class="btn btn-default block-center">Read the Specification</a>
181+
<a class="btn btn-default block-center" href="http://rapid-api.org/rapid-ml/spec/current/desktop/" type="button" target="_blank">Read the Specification</a>
173182
</p>
174183
</div>
175184
<div class="col-md-4 border-width">
176185
<img src="img/Quick%20Reference%20Card/QRCUpdateSquare.png"
177186
class="center-block"/>
178187
<p class="text-center">
179-
<a class="btn btn-default">Download the Quick Reference Card</a>
188+
<a href="https://19dd14f1bca25029f68d-656faf528029c44dd1ad9f4b523fa82b.ssl.cf5.rackcdn.com/RepreZen%20RAPID-ML%20QRC.pdf" type="button" class="btn btn-default block-center" target="_blank">Download the Quick Reference Card</a>
180189
</p>
181190
</div>
182191
<div class="col-md-4 border-width">
183192
<img class="center-block" src="img/OctocatSquare.png"/>
184193
<p class="text-center">
185-
<a class="btn btn-default">Read the Specification</a>
194+
<a href="https://github.com/RepreZen" class="btn btn-default block-center" target="_blank">Read the Specification</a>
186195
</p>
187196
</div>
188197
</div>
189198
</section>
190199
<!-- Resources : END -->
191200

192201
<!-- Community : START -->
193-
<h1 class="text-center"><strong>Community</strong></h1>
194202
<section class="section">
203+
<h1 class="text-center"><strong>Community</strong></h1>
195204
<div class="row grid-border-container">
196205
<div class="col-md-4">
197206
<img class="center-block"
198207
src="img/Mail-icon.png"/>
199208

200209
<p class="text-center">
201210
<a class="btn btn-default block-center" data-toggle="modal"
202-
data-target="#subscribe-mail-list-modal">Subscribe to the Mailing List</a>
211+
data-target="#subscribe-mail-list-modal" target="_blank">Subscribe to the Mailing List</a>
203212
</p>
204213
</div>
205214
<div class="col-md-4 border-width">
206215
<img src="img/google-groups-512.png"
207216
class="center-block"/>
208217

209218
<p class="text-center">
210-
<a class="btn btn-default">Join the Google Group</a>
219+
<a class="btn btn-default block-center" href="https://groups.google.com/forum/#!forum/rapid-ml" type="button" target="_blank">Join the Google Group</a>
211220
</p>
212221
</div>
213222
<div class="col-md-4 border-width">
214223
<img src="img/TwitterLogo_%2355acee.png" class="center-block"/>
215224
<p class="text-center">
216-
<a class="btn btn-default">Follow @RAPID_ML on Twitter</a>
225+
<a class="btn btn-default block-center" href="https://twitter.com/rapid_ml" type="button" target="_blank">Follow @RAPID_ML on Twitter</a>
217226
</p>
218227
</div>
219228
</div>
@@ -253,6 +262,10 @@ <h4 class="modal-title"><strong>Subscribe to the Mailing List</strong></h4>
253262
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
254263
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
255264

265+
<!-- Scrolling Nav JavaScript -->
266+
<script src="assets/js/jquery.easing.min.js"></script>
267+
<script src="assets/js/scrolling-nav.js"></script>
268+
256269
<!-- HotSpot Form Script : START -->
257270
<!--[if lte IE 8]>
258271
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>

‎assets/js/jquery.easing.min.js

Lines changed: 44 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/scrolling-nav.js

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
//jQuery to collapse the navbar on scroll
2+
$(window).scroll(function() {
3+
if ($(".navbar").offset().top > 50) {
4+
$(".navbar-fixed-top").addClass("top-nav-collapse");
5+
} else {
6+
$(".navbar-fixed-top").removeClass("top-nav-collapse");
7+
}
8+
});
9+
10+
//jQuery for page scrolling feature - requires jQuery Easing plugin
11+
$(function() {
12+
$('a.page-scroll').bind('click', function(event) {
13+
var $anchor = $(this);
14+
$('html, body').stop().animate({
15+
scrollTop: $($anchor.attr('href')).offset().top
16+
}, 1500, 'easeInOutExpo');
17+
event.preventDefault();
18+
});
19+
});

‎starter-template.css

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,15 @@
88
line-height: 1.5;
99
}
1010

11+
.landing-page .header{
12+
margin: 0;
13+
}
14+
15+
.landing-page .header .btn-link{
16+
color: blue;
17+
}
18+
1119
.landing-page .starter-template {
12-
padding: 10px 15px;
1320
text-align: center;
1421
}
1522

0 commit comments

Comments
 (0)