linaro-jekyll-theme 0.2.0 → 0.2.0.1

data/_layouts/product-display-page.html

@@ -0,0 +1,262 @@
+---
+layout: fluid
+specific_css: /assets/css/products-pages.css
+specific_js:
+    - /assets/js/vendor/owl.carousel.min.js
+    - /assets/js/vendor/lightbox.min.js
+---
+{% assign product =  site.data.product_db.products | where: "product_permalink", page.permalink | first %}
+<div class="row">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8">
+                    {{content}}
+            </div>
+            <div class="col-md-4" >
+                <div id="product-image-carousel">
+                    <div class="owl-carousel owl-theme">
+                        {% for product_image in product.product_images %}
+                            {% assign url-name = product.product_permalink | split: "/" %}
+                            {% assign url-name-new = url-name[2] %}
+                            <div class="activity-block item">
+                                <a href="../../product/{{product.product_specification}}/{{url-name-new | downcase}}/images/{{product_image}}" data-lightbox="{{product.product_title}}" data-title="{{product.product_title}}">
+                                    <img data-src="../../product/{{product.product_specification}}/{{url-name-new | downcase}}/images/{{product_image}}" class="owl-lazy img-responsive" alt="{{product_image}}" />
+                                </a>
+                            </div>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <!-- <div class="info">
+                    <div class="separator clear-left">
+                        <div class="dropdown dropdown-container btn-group dropup btn-block">
+                            <button type="button" class="btn btn-primary dropdown-toggle btn-block" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                            Buy
+                            <i class="buy-font-awesome-icon button-icon fa fa-shopping-cart"></i>
+                            <span class="sr-only">Toggle Dropdown</span>
+                          </button>
+                          <ul class="dropdown-menu">
+                              {% for buy_link in product.product_buy_links %}
+                              <li><a href="{{ buy_link.link-url }}">{{ buy_link.link-title }}</a></li>
+                              {% endfor %}
+                          </ul>
+                        </div>
+                    </div>
+                </div> -->
+
+                {% if product.product_buy_links %}
+                    <ul class="list-group buy-links">
+                        <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>
+                        {% for buy_link in product.product_buy_links %}
+                            <li class="list-group-item">
+                                <a href="{{ buy_link.link-url }}">
+                                    <span class="text-left">{{ buy_link.link-title }}</span>
+                                </a>
+
+                                <small>
+                                    {% if buy_link.type == "package" %}<span>Package Deal</span>{% endif %}
+                                    {% if buy_link.type == "board" %}<span>Board</span>{% endif %}
+                                    {% if buy_link.from %}<a href="{{ buy_link.link-url }}">Buy from {{buy_link.from}}</a>{% endif %}
+                                </small>
+
+                            </li>
+                        {% endfor %}
+                    </ul>
+                {% endif %}
+
+                <!--Side Panel Start------------------------------->
+                <!-- {% if product.product_buy_links %}
+                <ul class="list-group">
+                    <li href="#" class="list-group-item active"><b>Buy Links</b></li>
+                    {% for buy_link in product.product_buy_links %}
+                        <li class="list-group-item">
+                            <a href="{{ buy_link.link-url }}">
+                                <span class="text-left">{{ buy_link.link-title }}</span>
+                            </a>
+                        </li>
+                    {% endfor %}
+                </ul>
+                {% endif %} -->
+
+                {% if product.product_video[0] %}
+                    <div class="row">
+                        <div class="embed-responsive embed-responsive-16by9">
+                          <iframe class="lazyload embed-responsive-item"
+                          data-src="{{product.product_video[0]}}">
+                          </iframe>
+                        </div>
+                    </div>
+                    <br />
+                {% endif %}
+                {% if product.product_video[1] %}
+                    <div class="row">
+                        <div class="embed-responsive embed-responsive-16by9">
+                          <iframe class="lazyload embed-responsive-item"
+                          data-src="{{product.product_video[1]}}">
+                          </iframe>
+                        </div>
+                    </div>
+                    <br />
+                {% endif %}
+
+                {% if product.product_documents %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b title="Documents and Resources">Documents / Resources</b></li>
+                        {% for doc in product.product_documents %}
+                            <li class="list-group-item">
+                                <a href="{{ doc.link }}">
+                                    <span class="text-left">{{ doc.title }}</span>
+                                </a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                    <br />
+                {% endif %}
+
+                {% if product.product_os %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b title="Operating Systems">OS</b></li>
+                        {% for os in product.product_os %}
+                            <li class="list-group-item">
+                                <a href="{{ os.link }}">
+                                    <span class="text-left">{{ os.title }}</span>
+                                </a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                {% endif %}
+
+
+                {% if product.product_middleware %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b title="Operating Systems">Middleware/SDKS</b></li>
+                        {% for middleware in product.product_middleware %}
+                            <li class="list-group-item">
+                                <a href="{{ middleware.link }}">
+                                    <span class="text-left">{{ middleware.title }}</span>
+                                </a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                {% endif %}
+
+                {% if product.product_third_party_images %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b>Third Party Images</b></li>
+                            {% for image in product.product_third_party_images %}
+                                <li class="list-group-item">
+                                    <a href="{{ image.link }}">
+                                        <span class="text-left">{{ image.title }}</span>
+                                    </a>
+                                </li>
+                            {% endfor %}
+                    </ul>
+                {% endif %}
+
+                {% if product.product_more_info %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b>More Info</b></li>
+                            {% for info in product.product_more_info %}
+                                <li class="list-group-item">
+                                    <a href="{{ info.link }}">
+                                        <span class="text-left">{{ info.title }}</span>
+                                    </a>
+                                </li>
+                            {% endfor %}
+                    </ul>
+                {% endif %}
+
+                {% if product.product_media_highlights %}
+                {% assign url-product-name = product.product_permalink | split: "/" %}
+                {% assign url-product-name = url-product-name[2] %}
+
+                {% assign media-highlights = site.data.news.entries | where: "tag", url-product-name %}
+                    <ul class="list-group">
+                        <li href="#" class="list-group-item active"><b>Media Highlights</b></li>
+                            {% for info in media-highlights %}
+                                <li class="list-group-item">
+                                    <a href="{{ info.link }}">
+                                        <span class="text-left">{{ info.title }}</span>
+                                    </a>
+                                </li>
+                            {% endfor %}
+                    </ul>
+                {% endif %}
+
+
+
+                <!--Side Panel END---------------------------->
+
+            </div>
+    </div><!-- end row-->
+    <div class="row">
+
+        <div class="col-md-10">
+            <!--Main Section Start---------------------------->
+            {% if product.product_accessories %}
+            <hr/>
+            {% elsif product.product_kits %}
+            <hr/>
+            {% elsif product.product_mezzanine %}
+            <hr/>
+            {% endif %}
+
+            <div class="row product-bottom-panel">
+
+                {% if product.product_accessories %}
+                <div class="col-md-4">
+                    <ul class="list-group" id="features-list">
+                        <a href="/products/accessories/"><li class="list-group-item active"><b>Accessories</b></li></a>
+                        {% for accessory in product.product_accessories %}
+                            <li class="list-group-item">
+                                <a href="{{accessory.link}}">{{ accessory.title }}</a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+                {% endif %}
+
+                {% if product.product_mezzanine %}
+                <div class="col-md-4">
+                    <ul class="list-group" id="features-list">
+                        <a href="/products/mezzanine/"><li class="list-group-item active"><b>Mezzanine</b></li></a>
+                        {% for mezzanine in product.product_mezzanine %}
+                            <li class="list-group-item">
+                                <a href="{{mezzanine.link}}">{{ mezzanine.title }}</a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+                {% endif %}
+
+                {% if product.product_kits %}
+                <div class="col-md-4">
+                    <ul class="list-group" id="features-list">
+                        <li href="#" class="list-group-item active"><b>Kits</b></li>
+                        {% for kit in product.product_kits %}
+                            <li class="list-group-item">
+                                <a href="{{kit.link}}/">{{ kit.title }}</a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+                {% endif %}
+
+
+            </div>
+            <!--Main Section END--------------------------->
+
+
+
+        </div>
+
+        <div class="col-md-2">
+            <!--Side Panel Two Start --------------------------->
+
+            <!--Side Panel Two END--------------------------->
+        </div>
+
+    </div>
+
+</div><!-- end container-->
+</div><!--end row-->

data/_layouts/project-display-page.html

@@ -0,0 +1,28 @@
+---
+layout: fluid
+---
+<div class="row ">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8">
+                    {{content}}
+            </div>
+            {% if page.images %}
+                <div class="col-md-4">
+                    <div class="owl-carousel owl-theme" id="product-image">
+                            {% for project_image in page.images %}
+                                {% assign page-uri = page.permalink | split: "/" %}
+                                {% assign page-uri = page-uri[2] %}
+                                <div class="activity-block item">
+                                    <a href="{% asset_path '{{project_image}}'%}" data-lightbox="projects" data-title="{{page.title}}">
+                                        <img data-src="{% asset_path '{{project_image}}'%}" class="owl-lazy img-responsive" alt="{{project_image}}" />
+                                    </a>
+                                </div>
+                            {% endfor %}
+                    </div>
+                </div>
+            {% endif %}
+    </div><!-- end row-->
+
+</div><!-- end container-->
+</div><!--end row-->

data/_sass/bootstrap/_variables.scss

@@ -5,7 +5,8 @@ $bootstrap-sass-asset-helper: false !default;
 
 
 //== Colors
-//
+
+
 //## Gray and brand colors for use across Bootstrap.
 
 $gray-base:              #000 !default;
@@ -15,13 +16,32 @@ $gray:                   lighten($gray-base, 33.5%) !default; // #555
 $gray-light:             lighten($gray-base, 46.7%) !default; // #777
 $gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee
 
-$brand-primary:         #19947b !default; // #337ab7
+$brand-primary:         #19947b !default;
+// $brand-primary:         #e2ad68 !default;
+$brand-primary-darker:  darken($brand-primary, 20%) !default;
 $brand-success:         rgba(35, 189, 135, 0.99) !default;
 $brand-info:            rgb(93, 203, 236) !default;
 $brand-warning:         rgb(255, 223, 132) !default;
 $brand-danger:          rgb(244, 103, 99) !default;
 
 
+// Custom Variables
+$cookie-consent-text:     #FFF !default;
+$cookie-consent-bg:       #000 !default;
+
+
+// homepage title text and sub text
+$home-page-title-text:          #FFF !default; // all title text
+$home-page-main-title-color: $home-page-title-text !default; // overide for specific main title text
+
+$cookie-consent-btn-bg:   $brand-primary !default;
+$footer-bg-color:         $gray-darker !default;
+$footer-text-color:       #fff !default;
+$sub-footer-color:        #E5E5E5 !default;
+$navbar-base-text-color:  #ffffff !default;
+
+
+
 //== Scaffolding
 //
 //## Settings for some of the most global styles.
@@ -80,7 +100,7 @@ $headings-color:          inherit !default;
 
 // [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
 // [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
-$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../../fonts/") !default;
+$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "/assets/fonts/") !default;
 
 //** File name for all font files.
 $icon-font-name:          "glyphicons-halflings-regular" !default;
@@ -352,11 +372,10 @@ $container-desktop:            (940px + $grid-gutter-width) !default;
 $container-md:                 $container-desktop !default;
 
 // Large screen / wide desktop
-$container-large-desktop:      (1140px + $grid-gutter-width) !default;
+$container-large-desktop:      (1430px + $grid-gutter-width) !default;
 //** For `$screen-lg-min` and up.
 $container-lg:                 $container-large-desktop !default;
 
-
 //== Navbar
 //
 //##
@@ -496,6 +515,10 @@ $jumbotron-heading-color:        inherit !default;
 $jumbotron-font-size:            ceil(($font-size-base * 1.5)) !default;
 $jumbotron-heading-font-size:    ceil(($font-size-base * 4.5)) !default;
 
+// Custom Jumbotron colours
+$jumbotron-top-color:     $navbar-inverse-bg !default;
+$jumbotron-bottom-color:  $brand-primary-darker !default;
+
 
 //== Form states and alerts
 //

data/_sass/core/blog.scss

@@ -1,5 +1,8 @@
+div#pagination_panel > ul > li.active > a{
+    color: $navbar-inverse-bg;
+}
 .full-page-image {
-    color:black;
+    color: $gray-base;
     height:500px;
     width: 100%;
     object-fit: cover;
@@ -7,16 +10,22 @@
 }
 .blog-row {
     margin-top: 30px;
+    margin-left: 15px;
+    margin-right: 15px;
+}
+
+//Make post images responsive by default
+
+.post-content img {
+    width: 100%;
+    height: auto;
 }
 .blog-panel{
-    margin-top:50px;
+    margin-top:30px;
 }
 .blog-panel .panel-primary .panel-heading{
     margin-left: 5px;
 }
-.blog-post-content{
-    margin-top: 50px;
-}
 .img-blog{
     height:600px;
 }
@@ -42,12 +51,11 @@
     margin-left: auto;
     font-size: 56px;
 }
-.blog-post-content .panel-primary {
-    border: 1px solid #19947b;
+.panel-primary {
+    border: 1px solid $brand-primary;
 }
-
-.blog-post-content .panel-heading {
-    background-color: #19947b;
+.panel-heading {
+    background-color: $brand-primary;
     color: #fff;
 }
 
@@ -66,16 +74,13 @@
     line-height:50px;
     vertical-align:middle;
 }
-.blog_content_area{
-    border-top: 1px solid $gray-light;
-}
 
 .no-padding {
    padding: 0 !important;
    margin: 0 !important;
 }
 .blog-icons{
-    border: 1px solid #777777;
+    border: 1px solid $gray-light;
     border-radius: 45px;
     width: 34px;
     padding: 5px;
@@ -83,7 +88,7 @@
     display: block;
     margin: 5px;
     opacity: .8;
-    color: #777777;
+    color: $gray-light;
     -webkit-transition: all 1s ease;
     transition: all 1s ease;
 }
@@ -107,7 +112,7 @@
 
 .blog-read-more-btn{
     background-color: white;
-    border: 2px solid black;
+    border: 2px solid $gray-base;
     border-radius: 0px;
     font-weight: normal;
     color: $gray-base;
@@ -127,7 +132,7 @@
 a.featured_blog_post_text {
     font-size: 13px;
     line-height: 18px;
-    color: black;
+    color: $gray-base;
     transition: all 1s ease;
 }
 a.featured_blog_post_text:hover{
@@ -145,16 +150,16 @@ a.featured_blog_post_text:hover{
 .featured_blog_post {
   height: auto;
   margin: 5px;
-  border-bottom: 1px solid #f3f3f3;
+  border-bottom: 1px solid $gray-lighter;
   padding: 12px;
 }
 
 .blog-well {
-    background: #222222;
+    background: $gray-darker;
 }
 .btn-blog{
     border: 2px solid $gray-lighter;
-    color: black;
+    color: $gray-base;
     padding: 6px;
 }
 .btn-blog:hover{
@@ -175,7 +180,7 @@ a.featured_blog_post_text:hover{
     font-size: 16px;
 }
 .post_tag {
-    background-color: #eee;
+    background-color: $gray-lighter;
     margin: 2px;
     color: #464646;
 }
@@ -195,12 +200,18 @@ a.featured_blog_post_text:hover{
     height: 100px;
     width: 100px;
     }
-    .blog-post-content {
-    margin-top: 5px;
-    }
-
     .blog_post{
         padding:20px;
     }
+    em.post_date {
+        font-size: 13px;
+    }
+    p.post_excerpt {
+        font-size: 11px;
+    }
+
+    h3.post_title {
+        font-size: 17px;
+    }
 
 }