Skip to content

Commit 1dab630

Browse files
hurlatundehurlatunde
committed
added more style to doc
1 parent 9d75b0b commit 1dab630

File tree

7 files changed

+161
-108
lines changed

7 files changed

+161
-108
lines changed

‎.idea/workspace.xml‎

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

‎_includes/footer.html‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,23 @@
1-
<section class="content-36">
2-
<div class="container">
3-
<h2>We’ve created the product that will help you kick start your project faster and better</h2>
4-
<p>The most important parts of the SwallowJs Framework are the simple included set of
5-
different functions. The SwallowJs is build mainly <strong class="pathjs" data-toggle="tooltip"
6-
data-placement="bottom"
7-
title="PathJS is a lightweight, client-side routing library that allows you to create 'single page' applications using Hashbangs and/or HTML5 pushState.">PathJs</strong>
8-
for routing, <strong
9-
class="mustachejs" data-toggle="tooltip" data-placement="bottom"
10-
title="Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object.">MustacheJs</strong>
11-
for view and depend more on <strong class="firebase" data-toggle="tooltip" data-placement="bottom"
12-
title="Firebase gives you the tools and infrastructure you need to build better apps and grow successful business.">Firebase</strong>
13-
for data-source, and also build-in server side request for your regular JSON calls.</p>
14-
<a class="btn btn-success" href="/doc"> Documentation </a>
1+
<section class="content-36"
2+
style="background: url(../assets/img/sub-footer.jpeg)center center no-repeat;
3+
position:relative;
4+
background-attachment: fixed;background-size: cover;">
5+
<div class="sub-container-holder" ></div>
6+
<div class="sub-container">
7+
<div class="container">
8+
<h2>We’ve created the product that will help you kick start your project faster and better</h2>
9+
<p>The most important parts of the SwallowJs Framework are the simple included set of
10+
different functions. The SwallowJs is build mainly <strong class="pathjs" data-toggle="tooltip"
11+
data-placement="bottom"
12+
title="PathJS is a lightweight, client-side routing library that allows you to create 'single page' applications using Hashbangs and/or HTML5 pushState.">PathJs</strong>
13+
for routing, <strong
14+
class="mustachejs" data-toggle="tooltip" data-placement="bottom"
15+
title="Mustache is a logic-less template syntax. It can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object.">MustacheJs</strong>
16+
for view and depend more on <strong class="firebase" data-toggle="tooltip" data-placement="bottom"
17+
title="Firebase gives you the tools and infrastructure you need to build better apps and grow successful business.">Firebase</strong>
18+
for data-source, and also build-in server side request for your regular JSON calls.</p>
19+
<a class="btn btn-success" href="/doc"> Documentation </a>
20+
</div>
1521
</div>
1622
</section>
1723

‎_includes/js.html‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
<script type="text/javascript" src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
32
<script type="text/javascript" src="{{ site.url }}/assets/js/jquery.scrollTo-1.4.3.1-min.js"></script>
43
<script type="text/javascript" src="{{ site.url }}/assets/js/modernizr.custom.js"></script>
@@ -12,18 +11,35 @@
1211
<script>
1312
$(function () {
1413
$('[data-toggle="tooltip"]').tooltip();
15-
})
14+
15+
16+
var stickyHeaderTop = $('#related-articles').offset().top;
17+
$(window).scroll(function () {
18+
if ($(window).scrollTop() > stickyHeaderTop) {
19+
$('#related-articles').css({position: 'fixed', top: '0px'});
20+
} else {
21+
$('#related-articles').css({position: 'static', top: '0px'});
22+
}
23+
})
24+
1625
</script>
1726

1827
{% if site.owner.google.analytics %}
1928
<!-- Asynchronous Google Analytics snippet -->
2029
<script>
21-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
22-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
23-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
24-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
30+
(function (i, s, o, g, r, a, m) {
31+
i['GoogleAnalyticsObject'] = r;
32+
i[r] = i[r] || function () {
33+
(i[r].q = i[r].q || []).push(arguments)
34+
}, i[r].l = 1 * new Date();
35+
a = s.createElement(o),
36+
m = s.getElementsByTagName(o)[0];
37+
a.async = 1;
38+
a.src = g;
39+
m.parentNode.insertBefore(a, m)
40+
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
2541

26-
ga('create', '{{ site.owner.google.analytics }}', 'auto');
27-
ga('send', 'pageview');
42+
ga('create', '{{ site.owner.google.analytics }}', 'auto');
43+
ga('send', 'pageview');
2844
</script>
2945
{% endif %}

‎_layouts/default.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
{% include head.html %}
55
<body>
6-
<div class="mcontent">
6+
<div class="mcontent" id="wrap">
77
{{ content }}
88
{% include footer.html %}
99
{% include js.html %}

‎assets/css/style.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2305,4 +2305,14 @@ figure figcaption {
23052305

23062306
p strong {
23072307
cursor: pointer! important;
2308+
}
2309+
2310+
.sub-container-holder {
2311+
position: absolute;
2312+
top: 0;
2313+
bottom: 0;
2314+
width: 100%;
2315+
height: 100%;
2316+
background: rgba(27, 31, 35, 0.87);
2317+
opacity: 0.999;
23082318
}

‎documentation-beta/doc.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ <h3>Getting Help</h3>
9898
</div>
9999
</div>
100100
<div class="col-sm-3">
101-
<div class="related-articles">
101+
<div class="related-articles" id="related-articles">
102102
<h6> Preface </h6>
103103
<ul>
104104
<li class=""><a href="#swallow_intro"> SwallowJs Intro</a></li>

‎documentation-beta/tutorial-firebase.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -275,7 +275,7 @@ <h3> Firebase Database Configuration </h3>
275275
</div>
276276
</div>
277277
<div class="col-sm-3">
278-
<div class="related-articles">
278+
<div class="related-articles" id="related-articles">
279279
<h6> Preface </h6>
280280
<ul>
281281
<li class=""><a href="#swallow_intro"> Blog Tutorial </a></li>

0 commit comments

Comments
 (0)