linaro-jekyll-theme 0.1.2 → 0.1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +52 -19
- data/_data/authors.yml +7 -0
- data/_data/company.yml +29 -0
- data/_data/footer.yml +111 -0
- data/_data/linaro.yml +4 -0
- data/_data/members_db.yaml +115 -0
- data/_data/nav.yml +62 -0
- data/_data/news.yaml +230 -0
- data/_data/sub-nav-stacked.yml +67 -0
- data/_data/sub-nav.yml +61 -0
- data/_includes/_theme-includes/_blog/pagination.html +1 -1
- data/_includes/_theme-includes/_footer/footer.html +54 -23
- data/_includes/_theme-includes/_head/head.html +15 -7
- data/_includes/_theme-includes/_navigation/nav.html +62 -14
- data/_includes/_theme-includes/_navigation/stacked-nav.html +20 -0
- data/_includes/_theme-includes/_navigation/tabbed-nav.html +35 -0
- data/_includes/_theme-includes/_page-structure/breadcrumb.html +77 -27
- data/_includes/_theme-includes/_page-structure/home-hero-shape.html +34 -0
- data/_includes/_theme-includes/_page-structure/home-hero.html +23 -0
- data/_includes/_theme-includes/_page-structure/shape-divider.html +12 -0
- data/_includes/_theme-includes/_script-includes/css.html +40 -1
- data/_includes/_theme-includes/_script-includes/google-analytics/script.html +10 -0
- data/_includes/_theme-includes/_script-includes/gtm/gtm-noscript.html +2 -1
- data/_includes/_theme-includes/_script-includes/gtm/gtm-script.html +9 -7
- data/_includes/_theme-includes/_script-includes/javascript.html +50 -2
- data/_includes/_theme-includes/_third-party/disqus.html +1 -1
- data/_includes/_theme-includes/_third-party/mailchimp-homepage.html +1 -6
- data/_includes/_theme-includes/members.html +3 -3
- data/_includes/image.html +6 -1
- data/_includes/media.html +9 -1
- data/_includes/youtube.html +7 -0
- data/{assets/vendor.js → _layouts/about.html} +0 -0
- data/_layouts/accessory-display-page.html +88 -0
- data/_layouts/blog-breadcrumbless.html +49 -0
- data/_layouts/blog.html +56 -0
- data/_layouts/contact.html +10 -0
- data/_layouts/default-empty.html +11 -0
- data/_layouts/default-no-sub-nav.html +15 -0
- data/_layouts/default-plain.html +16 -0
- data/_layouts/default-stacked-breadcrumb.html +23 -0
- data/_layouts/default-stacked.html +22 -0
- data/_layouts/default.html +20 -0
- data/_layouts/empty.html +10 -0
- data/_layouts/{plain-page.html → fluid-no-sub-nav.html} +2 -2
- data/_layouts/fluid.html +15 -0
- data/_layouts/home-shape.html +18 -0
- data/_layouts/home.html +18 -0
- data/_layouts/post.html +146 -0
- data/_layouts/product-display-page.html +262 -0
- data/_layouts/project-display-page.html +28 -0
- data/_sass/bootstrap/_variables.scss +28 -5
- data/{_assets/css → _sass}/core/animations.scss +0 -0
- data/{_assets/css → _sass}/core/blog.scss +36 -25
- data/{_assets/css → _sass}/core/breadcrumb.scss +20 -1
- data/_sass/core/carousel-styles.scss +3 -0
- data/{_assets/css → _sass}/core/carousel.scss +0 -0
- data/{_assets/css → _sass}/core/cookieconsent.scss +31 -2
- data/_sass/core/custom.scss +3 -0
- data/{_assets/css → _sass}/core/fa.scss +7 -2
- data/{_assets/css → _sass}/core/flipclock.scss +0 -0
- data/{_assets/css → _sass}/core/font-awesome.min.scss +0 -0
- data/{_assets/css → _sass}/core/fonts.scss +0 -0
- data/{_assets/css → _sass}/core/footer.scss +55 -13
- data/_sass/core/homepage.scss +40 -0
- data/{_assets/css → _sass}/core/lightbox.scss +0 -0
- data/{_assets/css → _sass}/core/nav.scss +136 -15
- data/{_assets/css → _sass}/core/openhours.scss +0 -0
- data/{_assets/css → _sass}/core/owl.carousel.min.scss +1 -1
- data/{_assets/css → _sass}/core/owl.theme.default.min.scss +0 -0
- data/{_assets/css → _sass}/core/products.scss +1 -1
- data/{_assets/css → _sass}/core/projects.scss +0 -0
- data/{_assets/css → _sass}/core/social-media-icons.scss +0 -0
- data/{_assets/css → _sass}/core/syntax.scss +0 -0
- data/{_assets/css → _sass}/core/tables.scss +38 -0
- data/_sass/core/theme.scss +538 -0
- data/_sass/custom.scss +0 -0
- data/assets/css/main-blog.scss +19 -0
- data/assets/css/main-home.scss +16 -0
- data/assets/css/main-lightbox.scss +22 -0
- data/assets/css/main-openhours.scss +19 -0
- data/assets/css/main-products.scss +20 -0
- data/assets/css/main-projects.scss +20 -0
- data/{_assets → assets}/css/main.scss +6 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +2671 -0
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/fonts/fontello.eot +0 -0
- data/assets/fonts/fontello.svg +44 -0
- data/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/assets/fonts/glyphicons-halflings-regular.woff +0 -0
- data/assets/fonts/glyphicons-halflings-regular.woff2 +0 -0
- data/assets/fonts/lato-regular/LICENSE.txt +93 -0
- data/assets/fonts/lato-regular/Lato-regular.eot +0 -0
- data/assets/fonts/lato-regular/Lato-regular.svg +435 -0
- data/assets/fonts/lato-regular/Lato-regular.ttf +0 -0
- data/assets/fonts/lato-regular/Lato-regular.woff +0 -0
- data/assets/fonts/lato-regular/Lato-regular.woff2 +0 -0
- data/{_assets → assets}/images/96boards-Logo.svg +0 -0
- data/{_assets → assets}/images/Linaro-Logo_light.png +0 -0
- data/{_assets → assets}/images/Linaro-Logo_standard.svg +0 -0
- data/{_assets → assets}/images/Linaro-Sprinkle.svg +0 -0
- data/assets/images/avatar-placeholder.png +0 -0
- data/assets/images/background-image.jpg +0 -0
- data/assets/images/banner.jpg +0 -0
- data/assets/images/close.png +0 -0
- data/assets/images/css3.png +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/html5.png +0 -0
- data/assets/images/jekyll.svg +1 -0
- data/assets/images/js.jpeg +0 -0
- data/assets/images/loading.gif +0 -0
- data/assets/images/next.png +0 -0
- data/assets/images/owl.video.play.png +0 -0
- data/assets/images/placeholder.png +0 -0
- data/assets/images/prev.png +0 -0
- data/assets/images/social-media-image.png +0 -0
- data/assets/js/app/main.js +16 -23
- data/{_assets/js/app/search-page.js → assets/js/app/search.js} +1 -1
- data/{_assets/js/app/sticky-navbar.js → assets/js/app/sticky.js} +0 -0
- data/assets/js/app/tables.js +8 -0
- data/assets/js/vendor/cognito-forms.js +150 -0
- data/assets/js/vendor/cookieconsent.min.js +2 -9
- data/assets/js/vendor/flipclock.min.js +33 -0
- data/assets/js/vendor/lightbox.min.js +14 -0
- data/robots.txt +9 -0
- metadata +156 -226
- data/_assets/css/_bootstrap-compass.scss +0 -9
- data/_assets/css/_bootstrap-mincer.scss +0 -19
- data/_assets/css/_bootstrap-sprockets.scss +0 -9
- data/_assets/css/_bootstrap.scss +0 -56
- data/_assets/css/blog-pages.scss +0 -5
- data/_assets/css/bootstrap/_alerts.scss +0 -73
- data/_assets/css/bootstrap/_badges.scss +0 -68
- data/_assets/css/bootstrap/_breadcrumbs.scss +0 -28
- data/_assets/css/bootstrap/_button-groups.scss +0 -244
- data/_assets/css/bootstrap/_buttons.scss +0 -168
- data/_assets/css/bootstrap/_carousel.scss +0 -270
- data/_assets/css/bootstrap/_close.scss +0 -36
- data/_assets/css/bootstrap/_code.scss +0 -69
- data/_assets/css/bootstrap/_component-animations.scss +0 -37
- data/_assets/css/bootstrap/_dropdowns.scss +0 -216
- data/_assets/css/bootstrap/_forms.scss +0 -617
- data/_assets/css/bootstrap/_glyphicons.scss +0 -307
- data/_assets/css/bootstrap/_grid.scss +0 -84
- data/_assets/css/bootstrap/_input-groups.scss +0 -171
- data/_assets/css/bootstrap/_jumbotron.scss +0 -54
- data/_assets/css/bootstrap/_labels.scss +0 -66
- data/_assets/css/bootstrap/_list-group.scss +0 -130
- data/_assets/css/bootstrap/_media.scss +0 -66
- data/_assets/css/bootstrap/_mixins.scss +0 -40
- data/_assets/css/bootstrap/_modals.scss +0 -150
- data/_assets/css/bootstrap/_navbar.scss +0 -662
- data/_assets/css/bootstrap/_navs.scss +0 -242
- data/_assets/css/bootstrap/_normalize.scss +0 -424
- data/_assets/css/bootstrap/_pager.scss +0 -54
- data/_assets/css/bootstrap/_pagination.scss +0 -89
- data/_assets/css/bootstrap/_panels.scss +0 -271
- data/_assets/css/bootstrap/_popovers.scss +0 -131
- data/_assets/css/bootstrap/_print.scss +0 -101
- data/_assets/css/bootstrap/_progress-bars.scss +0 -87
- data/_assets/css/bootstrap/_responsive-embed.scss +0 -35
- data/_assets/css/bootstrap/_responsive-utilities.scss +0 -179
- data/_assets/css/bootstrap/_scaffolding.scss +0 -161
- data/_assets/css/bootstrap/_tables.scss +0 -234
- data/_assets/css/bootstrap/_theme.scss +0 -291
- data/_assets/css/bootstrap/_thumbnails.scss +0 -38
- data/_assets/css/bootstrap/_tooltip.scss +0 -101
- data/_assets/css/bootstrap/_type.scss +0 -298
- data/_assets/css/bootstrap/_utilities.scss +0 -55
- data/_assets/css/bootstrap/_variables.scss +0 -874
- data/_assets/css/bootstrap/_wells.scss +0 -29
- data/_assets/css/bootstrap/mixins/_alerts.scss +0 -14
- data/_assets/css/bootstrap/mixins/_background-variant.scss +0 -12
- data/_assets/css/bootstrap/mixins/_border-radius.scss +0 -18
- data/_assets/css/bootstrap/mixins/_buttons.scss +0 -65
- data/_assets/css/bootstrap/mixins/_center-block.scss +0 -7
- data/_assets/css/bootstrap/mixins/_clearfix.scss +0 -22
- data/_assets/css/bootstrap/mixins/_forms.scss +0 -88
- data/_assets/css/bootstrap/mixins/_gradients.scss +0 -58
- data/_assets/css/bootstrap/mixins/_grid-framework.scss +0 -81
- data/_assets/css/bootstrap/mixins/_grid.scss +0 -122
- data/_assets/css/bootstrap/mixins/_hide-text.scss +0 -21
- data/_assets/css/bootstrap/mixins/_image.scss +0 -33
- data/_assets/css/bootstrap/mixins/_labels.scss +0 -12
- data/_assets/css/bootstrap/mixins/_list-group.scss +0 -32
- data/_assets/css/bootstrap/mixins/_nav-divider.scss +0 -10
- data/_assets/css/bootstrap/mixins/_nav-vertical-align.scss +0 -9
- data/_assets/css/bootstrap/mixins/_opacity.scss +0 -8
- data/_assets/css/bootstrap/mixins/_pagination.scss +0 -24
- data/_assets/css/bootstrap/mixins/_panels.scss +0 -24
- data/_assets/css/bootstrap/mixins/_progress-bar.scss +0 -10
- data/_assets/css/bootstrap/mixins/_reset-filter.scss +0 -8
- data/_assets/css/bootstrap/mixins/_reset-text.scss +0 -18
- data/_assets/css/bootstrap/mixins/_resize.scss +0 -6
- data/_assets/css/bootstrap/mixins/_responsive-visibility.scss +0 -21
- data/_assets/css/bootstrap/mixins/_size.scss +0 -10
- data/_assets/css/bootstrap/mixins/_tab-focus.scss +0 -9
- data/_assets/css/bootstrap/mixins/_table-row.scss +0 -28
- data/_assets/css/bootstrap/mixins/_text-emphasis.scss +0 -12
- data/_assets/css/bootstrap/mixins/_text-overflow.scss +0 -8
- data/_assets/css/bootstrap/mixins/_vendor-prefixes.scss +0 -222
- data/_assets/css/core/critical.scss +0 -991
- data/_assets/css/core/homepage.scss +0 -16
- data/_assets/css/core/members-sprite.scss +0 -425
- data/_assets/css/core/theme.scss +0 -244
- data/_assets/css/documentation-pages.scss +0 -3
- data/_assets/css/home-page.scss +0 -3
- data/_assets/css/openhours-page.scss +0 -4
- data/_assets/css/products-pages.scss +0 -5
- data/_assets/css/projects-pages.scss +0 -5
- data/_assets/js/app/96boards.js +0 -133
- data/_assets/js/app/mixitup.js +0 -23
- data/_assets/js/app.js +0 -5
- data/_assets/js/vendor/bootstrap.min.js +0 -7
- data/_assets/js/vendor/cookieconsent.min.js +0 -15
- data/_assets/js/vendor/filtrify.js +0 -11
- data/_assets/js/vendor/flipclock.min.js +0 -2
- data/_assets/js/vendor/jquery.min.js +0 -4
- data/_assets/js/vendor/lazysizes.min.js +0 -2
- data/_assets/js/vendor/lightbox.js +0 -519
- data/_assets/js/vendor/loadCSS.js +0 -35
- data/_assets/js/vendor/loadCSS.min.js +0 -2
- data/_assets/js/vendor/mc-validate.js +0 -14
- data/_assets/js/vendor/owl.carousel.min.js +0 -27
- data/_assets/js/vendor/picturefill.min.js +0 -5
- data/_assets/js/vendor/shuffle.js +0 -2004
- data/_assets/js/vendor.js +0 -6
- data/_includes/_theme-includes/_footer/backup.html +0 -71
- data/_includes/_theme-includes/_head/ascii-art.html +0 -11
- data/_includes/_theme-includes/_navigation/_sub-navigation/tabbed-nav.html +0 -150
- data/_includes/_theme-includes/_page-structure/old-breadcrumb.html +0 -139
- data/_includes/_theme-includes/_third-party/mailchimp-sub-footer.html +0 -40
- data/_layouts/empty-container-page.html +0 -13
- data/_sass/animations.scss +0 -125
- data/_sass/blog.scss +0 -188
- data/_sass/breadcrumb.scss +0 -48
- data/_sass/carousel.scss +0 -122
- data/_sass/cookieconsent.scss +0 -13
- data/_sass/critical.scss +0 -991
- data/_sass/fa.scss +0 -2331
- data/_sass/flipclock.scss +0 -435
- data/_sass/font-awesome.min.scss +0 -4
- data/_sass/fonts.scss +0 -7
- data/_sass/footer.scss +0 -76
- data/_sass/lightbox.scss +0 -213
- data/_sass/members-sprite.scss +0 -425
- data/_sass/nav.scss +0 -533
- data/_sass/openhours.scss +0 -51
- data/_sass/owl.carousel.min.scss +0 -6
- data/_sass/owl.theme.default.min.scss +0 -6
- data/_sass/products.scss +0 -214
- data/_sass/projects.scss +0 -34
- data/_sass/social-media-icons.scss +0 -71
- data/_sass/syntax.scss +0 -65
- data/_sass/tables.scss +0 -87
- data/_sass/theme.scss +0 -208
- data/assets/js/app/mixitup.js +0 -23
- data/assets/js/app/search-page.js +0 -41
- data/assets/js/app/sticky-navbar.js +0 -65
- data/assets/js/vendor/lightbox.js +0 -519
- data/assets/js/vendor/picturefill.min.js +0 -5
- data/assets/js/vendor/shuffle.js +0 -2004
data/_layouts/home.html
ADDED
@@ -0,0 +1,18 @@
|
|
1
|
+
---
|
2
|
+
specific_css: /assets/css/home-page.css
|
3
|
+
---
|
4
|
+
{% include _theme-includes/_head/head.html %}
|
5
|
+
<body>
|
6
|
+
{% include _theme-includes/_navigation/nav.html %}
|
7
|
+
{% include _theme-includes/_page-structure/home-hero.html %}
|
8
|
+
<div class="container-fluid content-container">
|
9
|
+
<div class="row">
|
10
|
+
<div class="container">
|
11
|
+
{{ content }}
|
12
|
+
</div>
|
13
|
+
</div>
|
14
|
+
{% include _theme-includes/_footer/footer.html %}
|
15
|
+
</div>
|
16
|
+
{% include _theme-includes/_script-includes/javascript.html %}
|
17
|
+
</body>
|
18
|
+
</html>
|
data/_layouts/post.html
ADDED
@@ -0,0 +1,146 @@
|
|
1
|
+
---
|
2
|
+
specific_css: /assets/css/blog-pages.css
|
3
|
+
specific_js: /assets/js/vendor/lightbox.min.js
|
4
|
+
js-package: blog
|
5
|
+
css-pack: blog
|
6
|
+
layout: empty
|
7
|
+
---
|
8
|
+
<div class="container-fluid">
|
9
|
+
{% if page.showcase_image %}
|
10
|
+
<div class="row" class="blog-featured-img" style="background-color: white;">
|
11
|
+
<div class="img-blog" style="background: linear-gradient(
|
12
|
+
rgba(20,20,20, .5),
|
13
|
+
rgba(20,20,20, .5)),
|
14
|
+
url('{% asset_path '{{page.featured_image}}' %}') no-repeat center center fixed;
|
15
|
+
background-size: cover;
|
16
|
+
-webkit-background-size: cover;
|
17
|
+
-moz-background-size: cover;
|
18
|
+
-o-background-size: cover;">
|
19
|
+
<div class="blog-full-page-image-info">
|
20
|
+
<h1 class="blog-title text-center">{{page.title}}</h1>
|
21
|
+
{% if page.author %}
|
22
|
+
{% assign author_object = site.data.authors.entries | where: "shortname", "page.author" %}
|
23
|
+
<img class="blog-author-image" src="
|
24
|
+
{% if author_object.avatar %}{{author_object.avatar}}{% else %}/assets/images/avatar-placeholder.png{% endif %}" /><br />
|
25
|
+
<small class="blog-author text-center">By <em>{% if author_object.name %}{{author_object.name}}{% else %}{{page.author}}{% endif %}</em></small><br />
|
26
|
+
{% endif %}
|
27
|
+
{% if page.date %}<small class="blog-date text-center"><em>{{page.date | date: "%A, %B %-d, %Y"}}</em></small>{% endif %}
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
</div>
|
31
|
+
{% endif %}
|
32
|
+
</div>
|
33
|
+
<div class="container-fluid content-container">
|
34
|
+
|
35
|
+
<div class="row">
|
36
|
+
<div class="container">
|
37
|
+
<div class="row">
|
38
|
+
<div class="col-md-9">
|
39
|
+
<article class="post-content">
|
40
|
+
<div class="post-info">
|
41
|
+
<h1>{{page.title}}</h1>
|
42
|
+
{% if page.date %}<small class="blog-date text-center"><em>Posted on <b>{{page.date | date: "%A, %B %-d, %Y"}}</b></em></small>{% endif %} {% if page.author %}<em> By <b>{{page.author}}</b> </em>{% endif %}
|
43
|
+
</div>
|
44
|
+
{{ content }}
|
45
|
+
</article>
|
46
|
+
<hr />
|
47
|
+
{% if site.data.company.tags_enabled %}
|
48
|
+
<h3>Tags</h3>
|
49
|
+
{% assign tags = page.tags %}
|
50
|
+
{% if page.tags %}
|
51
|
+
{% for tag in tags %}
|
52
|
+
<a class="btn btn-blog btn-xs post_tag" href="/blog/tag#{{tag | slugify }}">{{tag}}</a>
|
53
|
+
{% endfor %}
|
54
|
+
{% else %}
|
55
|
+
<p>
|
56
|
+
No tags found.
|
57
|
+
</p>
|
58
|
+
{% endif %}
|
59
|
+
{% endif %}
|
60
|
+
|
61
|
+
<section id="comments-section">
|
62
|
+
{% if page.comments %}
|
63
|
+
<h3>Comments</h3>
|
64
|
+
{% include _theme-includes/_third-party/disqus.html %}
|
65
|
+
<br />
|
66
|
+
{% endif %}
|
67
|
+
</section>
|
68
|
+
</div>
|
69
|
+
<div class="col-md-3">
|
70
|
+
|
71
|
+
<div class="panel panel-default" class="blog-panel">
|
72
|
+
<div class="panel-heading">
|
73
|
+
<h3 class="panel-title">Recent Posts</h3>
|
74
|
+
<i class="glyphicon glyphicon-calendar pull-right" style="margin-top:-15px;"></i>
|
75
|
+
</div>
|
76
|
+
<div class="panel-body">
|
77
|
+
{% for recent_post in site.posts limit: 3 %}
|
78
|
+
<div class="featured_blog_post">
|
79
|
+
<div class="row">
|
80
|
+
<div class="col-md-9 col-sm-9 col-xs-9 no-padding">
|
81
|
+
<a href="{{recent_post.url}}">{{recent_post.title | truncate: 40}}</a>
|
82
|
+
<br /><small><em>{{recent_post.date | date: "%A, %B %-d, %Y" }}</em></small>
|
83
|
+
</div>
|
84
|
+
<div class="col-md-3 col-sm-3 col-xs-3 no-padding">
|
85
|
+
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
|
86
|
+
{% if recent_post.featured_image %}
|
87
|
+
data-src="/assets{{recent_post.featured_image}}"
|
88
|
+
{% else %}
|
89
|
+
data-src="{% if site.data.company.placeholder %}{{site.data.company.placeholder}}{% else %}/assets/images/placeholder.jpg{% endif %}"
|
90
|
+
{% endif %}
|
91
|
+
alt="{{recent_post.title}}" class="img-responsive lazyload"/>
|
92
|
+
</div>
|
93
|
+
</div>
|
94
|
+
</div>
|
95
|
+
{% endfor %}
|
96
|
+
<div class="panel-view-more text-right"><a href="/blog/">View Blogs</a></div>
|
97
|
+
</div>
|
98
|
+
</div>
|
99
|
+
|
100
|
+
|
101
|
+
<div class="panel panel-default">
|
102
|
+
<div class="panel-heading">
|
103
|
+
<h3 class="panel-title">Other Posts</h3>
|
104
|
+
<i class="glyphicon glyphicon-list-alt pull-right" style="margin-top:-15px;"></i>
|
105
|
+
</div>
|
106
|
+
<div class="panel-body">
|
107
|
+
{% assign posts = site.posts | sample:5 %}
|
108
|
+
{% for post in posts %}
|
109
|
+
<div class="featured_blog_post">
|
110
|
+
<div class="row">
|
111
|
+
<div class="col-md-9 col-sm-9 col-xs-9 no-padding">
|
112
|
+
<a href="{{post.url}}">{{post.title | truncate: 40}}</a>
|
113
|
+
<br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
|
114
|
+
</div>
|
115
|
+
<div class="col-md-3 col-sm-3 col-xs-3 no-padding">
|
116
|
+
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
|
117
|
+
{% if site.using_assets == true %}
|
118
|
+
{% if page.featured_image %}
|
119
|
+
data-src="{% asset_path '{{page.featured_image}}' %}"
|
120
|
+
{% else %}
|
121
|
+
data-src="{% asset_path 'placeholder.jpg' %}"
|
122
|
+
{% endif %}
|
123
|
+
{% else %}
|
124
|
+
{% if post.featured_image %}
|
125
|
+
data-src="/assets{{post.featured_image}}"
|
126
|
+
{% else %}
|
127
|
+
data-src="{% if site.data.company.placeholder %}{{site.data.company.placeholder}}{% else %}/assets/images/placeholder.jpg{% endif %}"
|
128
|
+
{% endif %}
|
129
|
+
{% endif %}
|
130
|
+
|
131
|
+
alt="{{post.title}}" class="img-responsive lazyload"/>
|
132
|
+
</div>
|
133
|
+
</div>
|
134
|
+
</div>
|
135
|
+
{% endfor %}
|
136
|
+
<div class="panel-view-more text-right"><a href="/blog/">View Blogs</a></div>
|
137
|
+
</div>
|
138
|
+
</div>
|
139
|
+
</div>
|
140
|
+
|
141
|
+
</div>
|
142
|
+
</div>
|
143
|
+
</div>
|
144
|
+
|
145
|
+
|
146
|
+
</div>
|
@@ -0,0 +1,262 @@
|
|
1
|
+
---
|
2
|
+
layout: fluid
|
3
|
+
specific_css: /assets/css/products-pages.css
|
4
|
+
specific_js:
|
5
|
+
- /assets/js/vendor/owl.carousel.min.js
|
6
|
+
- /assets/js/vendor/lightbox.min.js
|
7
|
+
---
|
8
|
+
{% assign product = site.data.product_db.products | where: "product_permalink", page.permalink | first %}
|
9
|
+
<div class="row">
|
10
|
+
<div class="container">
|
11
|
+
<div class="row">
|
12
|
+
<div class="col-md-8">
|
13
|
+
{{content}}
|
14
|
+
</div>
|
15
|
+
<div class="col-md-4" >
|
16
|
+
<div id="product-image-carousel">
|
17
|
+
<div class="owl-carousel owl-theme">
|
18
|
+
{% for product_image in product.product_images %}
|
19
|
+
{% assign url-name = product.product_permalink | split: "/" %}
|
20
|
+
{% assign url-name-new = url-name[2] %}
|
21
|
+
<div class="activity-block item">
|
22
|
+
<a href="../../product/{{product.product_specification}}/{{url-name-new | downcase}}/images/{{product_image}}" data-lightbox="{{product.product_title}}" data-title="{{product.product_title}}">
|
23
|
+
<img data-src="../../product/{{product.product_specification}}/{{url-name-new | downcase}}/images/{{product_image}}" class="owl-lazy img-responsive" alt="{{product_image}}" />
|
24
|
+
</a>
|
25
|
+
</div>
|
26
|
+
{% endfor %}
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
|
30
|
+
<!-- <div class="info">
|
31
|
+
<div class="separator clear-left">
|
32
|
+
<div class="dropdown dropdown-container btn-group dropup btn-block">
|
33
|
+
<button type="button" class="btn btn-primary dropdown-toggle btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
34
|
+
Buy
|
35
|
+
<i class="buy-font-awesome-icon button-icon fa fa-shopping-cart"></i>
|
36
|
+
<span class="sr-only">Toggle Dropdown</span>
|
37
|
+
</button>
|
38
|
+
<ul class="dropdown-menu">
|
39
|
+
{% for buy_link in product.product_buy_links %}
|
40
|
+
<li><a href="{{ buy_link.link-url }}">{{ buy_link.link-title }}</a></li>
|
41
|
+
{% endfor %}
|
42
|
+
</ul>
|
43
|
+
</div>
|
44
|
+
</div>
|
45
|
+
</div> -->
|
46
|
+
|
47
|
+
{% if product.product_buy_links %}
|
48
|
+
<ul class="list-group buy-links">
|
49
|
+
<li href="#" class="list-group-item active"><b title="Buy Now">Buy Now</b><i class="glyphicon glyphicon-shopping-cart pull-right" style="margin-top:8px;"></i></li>
|
50
|
+
{% for buy_link in product.product_buy_links %}
|
51
|
+
<li class="list-group-item">
|
52
|
+
<a href="{{ buy_link.link-url }}">
|
53
|
+
<span class="text-left">{{ buy_link.link-title }}</span>
|
54
|
+
</a>
|
55
|
+
|
56
|
+
<small>
|
57
|
+
{% if buy_link.type == "package" %}<span>Package Deal</span>{% endif %}
|
58
|
+
{% if buy_link.type == "board" %}<span>Board</span>{% endif %}
|
59
|
+
{% if buy_link.from %}<a href="{{ buy_link.link-url }}">Buy from {{buy_link.from}}</a>{% endif %}
|
60
|
+
</small>
|
61
|
+
|
62
|
+
</li>
|
63
|
+
{% endfor %}
|
64
|
+
</ul>
|
65
|
+
{% endif %}
|
66
|
+
|
67
|
+
<!--Side Panel Start------------------------------->
|
68
|
+
<!-- {% if product.product_buy_links %}
|
69
|
+
<ul class="list-group">
|
70
|
+
<li href="#" class="list-group-item active"><b>Buy Links</b></li>
|
71
|
+
{% for buy_link in product.product_buy_links %}
|
72
|
+
<li class="list-group-item">
|
73
|
+
<a href="{{ buy_link.link-url }}">
|
74
|
+
<span class="text-left">{{ buy_link.link-title }}</span>
|
75
|
+
</a>
|
76
|
+
</li>
|
77
|
+
{% endfor %}
|
78
|
+
</ul>
|
79
|
+
{% endif %} -->
|
80
|
+
|
81
|
+
{% if product.product_video[0] %}
|
82
|
+
<div class="row">
|
83
|
+
<div class="embed-responsive embed-responsive-16by9">
|
84
|
+
<iframe class="lazyload embed-responsive-item"
|
85
|
+
data-src="{{product.product_video[0]}}">
|
86
|
+
</iframe>
|
87
|
+
</div>
|
88
|
+
</div>
|
89
|
+
<br />
|
90
|
+
{% endif %}
|
91
|
+
{% if product.product_video[1] %}
|
92
|
+
<div class="row">
|
93
|
+
<div class="embed-responsive embed-responsive-16by9">
|
94
|
+
<iframe class="lazyload embed-responsive-item"
|
95
|
+
data-src="{{product.product_video[1]}}">
|
96
|
+
</iframe>
|
97
|
+
</div>
|
98
|
+
</div>
|
99
|
+
<br />
|
100
|
+
{% endif %}
|
101
|
+
|
102
|
+
{% if product.product_documents %}
|
103
|
+
<ul class="list-group">
|
104
|
+
<li href="#" class="list-group-item active"><b title="Documents and Resources">Documents / Resources</b></li>
|
105
|
+
{% for doc in product.product_documents %}
|
106
|
+
<li class="list-group-item">
|
107
|
+
<a href="{{ doc.link }}">
|
108
|
+
<span class="text-left">{{ doc.title }}</span>
|
109
|
+
</a>
|
110
|
+
</li>
|
111
|
+
{% endfor %}
|
112
|
+
</ul>
|
113
|
+
<br />
|
114
|
+
{% endif %}
|
115
|
+
|
116
|
+
{% if product.product_os %}
|
117
|
+
<ul class="list-group">
|
118
|
+
<li href="#" class="list-group-item active"><b title="Operating Systems">OS</b></li>
|
119
|
+
{% for os in product.product_os %}
|
120
|
+
<li class="list-group-item">
|
121
|
+
<a href="{{ os.link }}">
|
122
|
+
<span class="text-left">{{ os.title }}</span>
|
123
|
+
</a>
|
124
|
+
</li>
|
125
|
+
{% endfor %}
|
126
|
+
</ul>
|
127
|
+
{% endif %}
|
128
|
+
|
129
|
+
|
130
|
+
{% if product.product_middleware %}
|
131
|
+
<ul class="list-group">
|
132
|
+
<li href="#" class="list-group-item active"><b title="Operating Systems">Middleware/SDKS</b></li>
|
133
|
+
{% for middleware in product.product_middleware %}
|
134
|
+
<li class="list-group-item">
|
135
|
+
<a href="{{ middleware.link }}">
|
136
|
+
<span class="text-left">{{ middleware.title }}</span>
|
137
|
+
</a>
|
138
|
+
</li>
|
139
|
+
{% endfor %}
|
140
|
+
</ul>
|
141
|
+
{% endif %}
|
142
|
+
|
143
|
+
{% if product.product_third_party_images %}
|
144
|
+
<ul class="list-group">
|
145
|
+
<li href="#" class="list-group-item active"><b>Third Party Images</b></li>
|
146
|
+
{% for image in product.product_third_party_images %}
|
147
|
+
<li class="list-group-item">
|
148
|
+
<a href="{{ image.link }}">
|
149
|
+
<span class="text-left">{{ image.title }}</span>
|
150
|
+
</a>
|
151
|
+
</li>
|
152
|
+
{% endfor %}
|
153
|
+
</ul>
|
154
|
+
{% endif %}
|
155
|
+
|
156
|
+
{% if product.product_more_info %}
|
157
|
+
<ul class="list-group">
|
158
|
+
<li href="#" class="list-group-item active"><b>More Info</b></li>
|
159
|
+
{% for info in product.product_more_info %}
|
160
|
+
<li class="list-group-item">
|
161
|
+
<a href="{{ info.link }}">
|
162
|
+
<span class="text-left">{{ info.title }}</span>
|
163
|
+
</a>
|
164
|
+
</li>
|
165
|
+
{% endfor %}
|
166
|
+
</ul>
|
167
|
+
{% endif %}
|
168
|
+
|
169
|
+
{% if product.product_media_highlights %}
|
170
|
+
{% assign url-product-name = product.product_permalink | split: "/" %}
|
171
|
+
{% assign url-product-name = url-product-name[2] %}
|
172
|
+
|
173
|
+
{% assign media-highlights = site.data.news.entries | where: "tag", url-product-name %}
|
174
|
+
<ul class="list-group">
|
175
|
+
<li href="#" class="list-group-item active"><b>Media Highlights</b></li>
|
176
|
+
{% for info in media-highlights %}
|
177
|
+
<li class="list-group-item">
|
178
|
+
<a href="{{ info.link }}">
|
179
|
+
<span class="text-left">{{ info.title }}</span>
|
180
|
+
</a>
|
181
|
+
</li>
|
182
|
+
{% endfor %}
|
183
|
+
</ul>
|
184
|
+
{% endif %}
|
185
|
+
|
186
|
+
|
187
|
+
|
188
|
+
<!--Side Panel END---------------------------->
|
189
|
+
|
190
|
+
</div>
|
191
|
+
</div><!-- end row-->
|
192
|
+
<div class="row">
|
193
|
+
|
194
|
+
<div class="col-md-10">
|
195
|
+
<!--Main Section Start---------------------------->
|
196
|
+
{% if product.product_accessories %}
|
197
|
+
<hr/>
|
198
|
+
{% elsif product.product_kits %}
|
199
|
+
<hr/>
|
200
|
+
{% elsif product.product_mezzanine %}
|
201
|
+
<hr/>
|
202
|
+
{% endif %}
|
203
|
+
|
204
|
+
<div class="row product-bottom-panel">
|
205
|
+
|
206
|
+
{% if product.product_accessories %}
|
207
|
+
<div class="col-md-4">
|
208
|
+
<ul class="list-group" id="features-list">
|
209
|
+
<a href="/products/accessories/"><li class="list-group-item active"><b>Accessories</b></li></a>
|
210
|
+
{% for accessory in product.product_accessories %}
|
211
|
+
<li class="list-group-item">
|
212
|
+
<a href="{{accessory.link}}">{{ accessory.title }}</a>
|
213
|
+
</li>
|
214
|
+
{% endfor %}
|
215
|
+
</ul>
|
216
|
+
</div>
|
217
|
+
{% endif %}
|
218
|
+
|
219
|
+
{% if product.product_mezzanine %}
|
220
|
+
<div class="col-md-4">
|
221
|
+
<ul class="list-group" id="features-list">
|
222
|
+
<a href="/products/mezzanine/"><li class="list-group-item active"><b>Mezzanine</b></li></a>
|
223
|
+
{% for mezzanine in product.product_mezzanine %}
|
224
|
+
<li class="list-group-item">
|
225
|
+
<a href="{{mezzanine.link}}">{{ mezzanine.title }}</a>
|
226
|
+
</li>
|
227
|
+
{% endfor %}
|
228
|
+
</ul>
|
229
|
+
</div>
|
230
|
+
{% endif %}
|
231
|
+
|
232
|
+
{% if product.product_kits %}
|
233
|
+
<div class="col-md-4">
|
234
|
+
<ul class="list-group" id="features-list">
|
235
|
+
<li href="#" class="list-group-item active"><b>Kits</b></li>
|
236
|
+
{% for kit in product.product_kits %}
|
237
|
+
<li class="list-group-item">
|
238
|
+
<a href="{{kit.link}}/">{{ kit.title }}</a>
|
239
|
+
</li>
|
240
|
+
{% endfor %}
|
241
|
+
</ul>
|
242
|
+
</div>
|
243
|
+
{% endif %}
|
244
|
+
|
245
|
+
|
246
|
+
</div>
|
247
|
+
<!--Main Section END--------------------------->
|
248
|
+
|
249
|
+
|
250
|
+
|
251
|
+
</div>
|
252
|
+
|
253
|
+
<div class="col-md-2">
|
254
|
+
<!--Side Panel Two Start --------------------------->
|
255
|
+
|
256
|
+
<!--Side Panel Two END--------------------------->
|
257
|
+
</div>
|
258
|
+
|
259
|
+
</div>
|
260
|
+
|
261
|
+
</div><!-- end container-->
|
262
|
+
</div><!--end row-->
|
@@ -0,0 +1,28 @@
|
|
1
|
+
---
|
2
|
+
layout: fluid
|
3
|
+
---
|
4
|
+
<div class="row ">
|
5
|
+
<div class="container">
|
6
|
+
<div class="row">
|
7
|
+
<div class="col-md-8">
|
8
|
+
{{content}}
|
9
|
+
</div>
|
10
|
+
{% if page.images %}
|
11
|
+
<div class="col-md-4">
|
12
|
+
<div class="owl-carousel owl-theme" id="product-image">
|
13
|
+
{% for project_image in page.images %}
|
14
|
+
{% assign page-uri = page.permalink | split: "/" %}
|
15
|
+
{% assign page-uri = page-uri[2] %}
|
16
|
+
<div class="activity-block item">
|
17
|
+
<a href="{% asset_path '{{project_image}}'%}" data-lightbox="projects" data-title="{{page.title}}">
|
18
|
+
<img data-src="{% asset_path '{{project_image}}'%}" class="owl-lazy img-responsive" alt="{{project_image}}" />
|
19
|
+
</a>
|
20
|
+
</div>
|
21
|
+
{% endfor %}
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
{% endif %}
|
25
|
+
</div><!-- end row-->
|
26
|
+
|
27
|
+
</div><!-- end container-->
|
28
|
+
</div><!--end row-->
|
@@ -5,7 +5,8 @@ $bootstrap-sass-asset-helper: false !default;
|
|
5
5
|
|
6
6
|
|
7
7
|
//== Colors
|
8
|
-
|
8
|
+
|
9
|
+
|
9
10
|
//## Gray and brand colors for use across Bootstrap.
|
10
11
|
|
11
12
|
$gray-base: #000 !default;
|
@@ -15,13 +16,32 @@ $gray: lighten($gray-base, 33.5%) !default; // #555
|
|
15
16
|
$gray-light: lighten($gray-base, 46.7%) !default; // #777
|
16
17
|
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
|
17
18
|
|
18
|
-
$brand-primary: #19947b !default;
|
19
|
+
$brand-primary: #19947b !default;
|
20
|
+
// $brand-primary: #e2ad68 !default;
|
21
|
+
$brand-primary-darker: darken($brand-primary, 20%) !default;
|
19
22
|
$brand-success: rgba(35, 189, 135, 0.99) !default;
|
20
23
|
$brand-info: rgb(93, 203, 236) !default;
|
21
24
|
$brand-warning: rgb(255, 223, 132) !default;
|
22
25
|
$brand-danger: rgb(244, 103, 99) !default;
|
23
26
|
|
24
27
|
|
28
|
+
// Custom Variables
|
29
|
+
$cookie-consent-text: #FFF !default;
|
30
|
+
$cookie-consent-bg: #000 !default;
|
31
|
+
|
32
|
+
|
33
|
+
// homepage title text and sub text
|
34
|
+
$home-page-title-text: #FFF !default; // all title text
|
35
|
+
$home-page-main-title-color: $home-page-title-text !default; // overide for specific main title text
|
36
|
+
|
37
|
+
$cookie-consent-btn-bg: $brand-primary !default;
|
38
|
+
$footer-bg-color: $gray-darker !default;
|
39
|
+
$footer-text-color: #fff !default;
|
40
|
+
$sub-footer-color: #E5E5E5 !default;
|
41
|
+
$navbar-base-text-color: #ffffff !default;
|
42
|
+
|
43
|
+
|
44
|
+
|
25
45
|
//== Scaffolding
|
26
46
|
//
|
27
47
|
//## Settings for some of the most global styles.
|
@@ -80,7 +100,7 @@ $headings-color: inherit !default;
|
|
80
100
|
|
81
101
|
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
|
82
102
|
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
|
83
|
-
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "
|
103
|
+
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "/assets/fonts/") !default;
|
84
104
|
|
85
105
|
//** File name for all font files.
|
86
106
|
$icon-font-name: "glyphicons-halflings-regular" !default;
|
@@ -352,11 +372,10 @@ $container-desktop: (940px + $grid-gutter-width) !default;
|
|
352
372
|
$container-md: $container-desktop !default;
|
353
373
|
|
354
374
|
// Large screen / wide desktop
|
355
|
-
$container-large-desktop: (
|
375
|
+
$container-large-desktop: (1430px + $grid-gutter-width) !default;
|
356
376
|
//** For `$screen-lg-min` and up.
|
357
377
|
$container-lg: $container-large-desktop !default;
|
358
378
|
|
359
|
-
|
360
379
|
//== Navbar
|
361
380
|
//
|
362
381
|
//##
|
@@ -496,6 +515,10 @@ $jumbotron-heading-color: inherit !default;
|
|
496
515
|
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
497
516
|
$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
|
498
517
|
|
518
|
+
// Custom Jumbotron colours
|
519
|
+
$jumbotron-top-color: $navbar-inverse-bg !default;
|
520
|
+
$jumbotron-bottom-color: $brand-primary-darker !default;
|
521
|
+
|
499
522
|
|
500
523
|
//== Form states and alerts
|
501
524
|
//
|
File without changes
|