├── _sass ├── app │ ├── blog.scss │ ├── custom.scss │ ├── search.scss │ └── overrides.scss ├── blog.scss ├── bootstrap │ ├── utilities │ │ ├── _clearfix.scss │ │ ├── _screenreaders.scss │ │ ├── _visibility.scss │ │ ├── _shadows.scss │ │ ├── _sizing.scss │ │ ├── _float.scss │ │ ├── _align.scss │ │ ├── _background.scss │ │ ├── _position.scss │ │ ├── _embed.scss │ │ ├── _display.scss │ │ ├── _spacing.scss │ │ ├── _borders.scss │ │ ├── _text.scss │ │ └── _flex.scss │ ├── _media.scss │ ├── mixins │ │ ├── _box-shadow.scss │ │ ├── _clearfix.scss │ │ ├── _size.scss │ │ ├── _visibility.scss │ │ ├── _lists.scss │ │ ├── _text-truncate.scss │ │ ├── _resize.scss │ │ ├── _float.scss │ │ ├── _badge.scss │ │ ├── _alert.scss │ │ ├── _nav-divider.scss │ │ ├── _text-emphasis.scss │ │ ├── _transition.scss │ │ ├── _text-hide.scss │ │ ├── _list-group.scss │ │ ├── _pagination.scss │ │ ├── _background-variant.scss │ │ ├── _reset-text.scss │ │ ├── _table-row.scss │ │ ├── _border-radius.scss │ │ ├── _screen-reader.scss │ │ ├── _hover.scss │ │ ├── _image.scss │ │ ├── _caret.scss │ │ ├── _grid.scss │ │ ├── _grid-framework.scss │ │ ├── _gradients.scss │ │ └── _buttons.scss │ ├── _transitions.scss │ ├── _jumbotron.scss │ ├── bootstrap-reboot.scss │ ├── _utilities.scss │ ├── _root.scss │ ├── bootstrap-grid.scss │ ├── _progress.scss │ ├── _close.scss │ ├── bootstrap.scss │ ├── _mixins.scss │ ├── _code.scss │ ├── _badge.scss │ ├── _grid.scss │ ├── _images.scss │ ├── _alert.scss │ ├── _breadcrumb.scss │ ├── _pagination.scss │ ├── _nav.scss │ ├── _type.scss │ ├── _functions.scss │ ├── _tooltip.scss │ ├── _buttons.scss │ ├── _list-group.scss │ └── _print.scss ├── core │ ├── carousel-styles.scss │ ├── breadcrumb.scss │ ├── owl.theme.default.min.scss │ ├── theme.scss │ ├── bootstrap-multiselect.scss │ ├── footer.scss │ ├── carousel-header.scss │ ├── jumbotron.scss │ ├── flow.scss │ ├── owl.carousel.min.scss │ ├── syntax.scss │ └── fontello.scss └── core.scss ├── assets ├── js │ ├── app │ │ └── custom.js │ └── vendor │ │ ├── jquery.cookie.js │ │ └── ls.unveilhooks.js ├── images │ ├── close.png │ ├── next.png │ ├── prev.png │ ├── favicon.ico │ ├── favicon.png │ ├── loading.gif │ ├── Linaro-Sprinkle.png │ ├── owl.video.play.png │ ├── Linaro-logo-white.png │ ├── avatar-placeholder.jpg │ ├── breadcrumb-image.jpg │ ├── social-media-image.png │ └── clipboard.svg ├── fonts │ ├── fontello │ │ ├── fontello.eot │ │ ├── fontello.ttf │ │ ├── fontello.woff │ │ └── fontello.woff2 │ └── lato │ │ ├── Lato-regular.eot │ │ ├── Lato-regular.ttf │ │ ├── Lato-regular.woff │ │ └── Lato-regular.woff2 ├── css │ └── main.scss └── json │ └── posts.json ├── Gemfile ├── _layouts ├── default.html ├── base.html ├── flow.html ├── author.html └── post.html ├── _authors ├── john.md └── kyle.md ├── _includes ├── components │ ├── schema.html │ ├── css.html │ ├── javascript.html │ ├── carousel_header.html │ ├── linaro_404.html │ ├── breadcrumb.html │ ├── http2.html │ ├── head.html │ ├── sidebar.html │ ├── github_edit.html │ └── cookie_manager.html ├── flow │ ├── slider_row.html │ ├── text.html │ ├── buttons.html │ ├── button.html │ ├── title.html │ ├── call-to-action-banner.html │ ├── full_width_row.html │ ├── container_row.html │ ├── members-section.html │ ├── tabbed_content.html │ ├── collapse.html │ ├── flow_inner.html │ ├── slider.html │ └── feature_block.html ├── js_bundles │ ├── app.html │ └── vendor.html ├── nav │ ├── brand.html │ └── universal_nav.html ├── blog │ ├── latest_posts.html │ ├── read_time.html │ ├── post_search.html │ ├── blog_filler_element.html │ ├── post_series.html │ ├── disqus_comments.html │ ├── authors_posts.html │ ├── pagination.html │ └── post_sidebar.html ├── examples │ └── custom_include.html ├── image.html ├── media.html ├── social_media_icons.html ├── footer │ └── footer.html ├── youtube.html └── sticky-tab-bar.html ├── robots.txt ├── README.md ├── _pages ├── 404.md ├── privacy.md ├── cookies.md ├── blog.md ├── about.md └── video_header.md ├── _plugins ├── japr.rb └── simple_search_filter.rb ├── _posts └── 2020-03-23-a-bootstrap-4-and-jekyll-4-theme.md ├── _config-staging.yml ├── _config-production.yml ├── admin └── index.html ├── _data ├── universal_nav.yml ├── footer.yml └── nav.yml ├── .gitignore ├── CHANGELOG.md └── jumbo-jekyll-theme.gemspec /_sass/app/blog.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/js/app/custom.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | gemspec 3 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: flow 3 | --- 4 | {{content}} -------------------------------------------------------------------------------- /_authors/john.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: John Smith 3 | username: john.smith 4 | --- 5 | -------------------------------------------------------------------------------- /_sass/app/custom.scss: -------------------------------------------------------------------------------- 1 | /* Custom rules for your website can be defined here. */ 2 | -------------------------------------------------------------------------------- /_sass/blog.scss: -------------------------------------------------------------------------------- 1 | // Blog Theme includes 2 | @import "app/blog"; 3 | @import "core/syntax"; 4 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_clearfix.scss: -------------------------------------------------------------------------------- 1 | .clearfix { 2 | @include clearfix(); 3 | } 4 | -------------------------------------------------------------------------------- /_includes/components/schema.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /assets/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/close.png -------------------------------------------------------------------------------- /assets/images/next.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/next.png -------------------------------------------------------------------------------- /assets/images/prev.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/prev.png -------------------------------------------------------------------------------- /assets/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/favicon.ico -------------------------------------------------------------------------------- /assets/images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/favicon.png -------------------------------------------------------------------------------- /assets/images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/loading.gif -------------------------------------------------------------------------------- /assets/images/Linaro-Sprinkle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/Linaro-Sprinkle.png -------------------------------------------------------------------------------- /assets/images/owl.video.play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/owl.video.play.png -------------------------------------------------------------------------------- /_includes/flow/slider_row.html: -------------------------------------------------------------------------------- 1 |
2 | {% include flow/slider.html object=include.object %} 3 |
4 | -------------------------------------------------------------------------------- /_sass/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | display: flex; 3 | align-items: flex-start; 4 | } 5 | 6 | .media-body { 7 | flex: 1; 8 | } 9 | -------------------------------------------------------------------------------- /assets/fonts/fontello/fontello.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/fontello/fontello.eot -------------------------------------------------------------------------------- /assets/fonts/fontello/fontello.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/fontello/fontello.ttf -------------------------------------------------------------------------------- /assets/fonts/fontello/fontello.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/fontello/fontello.woff -------------------------------------------------------------------------------- /assets/fonts/fontello/fontello.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/fontello/fontello.woff2 -------------------------------------------------------------------------------- /assets/fonts/lato/Lato-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/lato/Lato-regular.eot -------------------------------------------------------------------------------- /assets/fonts/lato/Lato-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/lato/Lato-regular.ttf -------------------------------------------------------------------------------- /assets/fonts/lato/Lato-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/lato/Lato-regular.woff -------------------------------------------------------------------------------- /assets/fonts/lato/Lato-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/fonts/lato/Lato-regular.woff2 -------------------------------------------------------------------------------- /assets/images/Linaro-logo-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/Linaro-logo-white.png -------------------------------------------------------------------------------- /assets/images/avatar-placeholder.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/avatar-placeholder.jpg -------------------------------------------------------------------------------- /assets/images/breadcrumb-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/breadcrumb-image.jpg -------------------------------------------------------------------------------- /assets/images/social-media-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/linaro-marketing/jumbo-jekyll-theme/HEAD/assets/images/social-media-image.png -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_box-shadow.scss: -------------------------------------------------------------------------------- 1 | @mixin box-shadow($shadow...) { 2 | @if $enable-shadows { 3 | box-shadow: $shadow; 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /_sass/core/carousel-styles.scss: -------------------------------------------------------------------------------- 1 | @import "owl.carousel.min"; 2 | @import "owl.theme.default.min"; 3 | @import "carousel"; 4 | @import 'carousel-header'; -------------------------------------------------------------------------------- /_includes/js_bundles/app.html: -------------------------------------------------------------------------------- 1 | {% javascript_asset_tag app %} 2 | - assets/js/app/main.js 3 | - assets/js/app/custom.js 4 | {% endjavascript_asset_tag %} 5 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix() { 2 | &::after { 3 | display: block; 4 | clear: both; 5 | content: ""; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_size.scss: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | @mixin size($width, $height: $width) { 4 | width: $width; 5 | height: $height; 6 | } 7 | -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | {% if site.production %} 4 | User-agent: * 5 | Sitemap: {{site.url}}/sitemap.xml 6 | {% else %} 7 | User-agent: * 8 | Disallow: / 9 | {% endif %} 10 | -------------------------------------------------------------------------------- /_includes/nav/brand.html: -------------------------------------------------------------------------------- 1 | 2 | Linaro Logo 3 | 4 | -------------------------------------------------------------------------------- /_includes/flow/text.html: -------------------------------------------------------------------------------- 1 |
2 | {{include.object.text_content.text | markdownify }} 3 |
4 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_visibility.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Visibility 4 | 5 | @mixin invisible($visibility) { 6 | visibility: $visibility !important; 7 | } 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # jumbo-jekyll-theme 2 | 3 | This theme has been archived and has moved to [https://github.com/linaro-marketing/linaro-jekyll-theme](https://github.com/linaro-marketing/linaro-jekyll-theme). 4 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_screenreaders.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Screenreaders 3 | // 4 | 5 | .sr-only { 6 | @include sr-only(); 7 | } 8 | 9 | .sr-only-focusable { 10 | @include sr-only-focusable(); 11 | } 12 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_visibility.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Visibility utilities 3 | // 4 | 5 | .visible { 6 | @include invisible(visible); 7 | } 8 | 9 | .invisible { 10 | @include invisible(hidden); 11 | } 12 | -------------------------------------------------------------------------------- /_pages/404.md: -------------------------------------------------------------------------------- 1 | --- 2 | permalink: /404.html 3 | title: 404 page not found! 4 | description: > 5 | 404 page not found 6 | flow: 7 | - row: main_content_row 8 | --- 9 | {% include components/linaro_404.html %} 10 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_lists.scss: -------------------------------------------------------------------------------- 1 | // Lists 2 | 3 | // Unstyled keeps list items block level, just removes default browser padding and list-style 4 | @mixin list-unstyled { 5 | padding-left: 0; 6 | list-style: none; 7 | } 8 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_text-truncate.scss: -------------------------------------------------------------------------------- 1 | // Text truncate 2 | // Requires inline-block or block for proper styling 3 | 4 | @mixin text-truncate() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /_includes/flow/buttons.html: -------------------------------------------------------------------------------- 1 |
2 | {% for button in include.object %} 3 | {% include flow/button.html object=button %} 4 | {% endfor %} 5 |
6 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_resize.scss: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | @mixin resizable($direction) { 4 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 5 | resize: $direction; // Options: horizontal, vertical, both 6 | } 7 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_float.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @mixin float-left { 4 | float: left !important; 5 | } 6 | @mixin float-right { 7 | float: right !important; 8 | } 9 | @mixin float-none { 10 | float: none !important; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_shadows.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .shadow-sm { box-shadow: $box-shadow-sm !important; } 4 | .shadow { box-shadow: $box-shadow !important; } 5 | .shadow-lg { box-shadow: $box-shadow-lg !important; } 6 | .shadow-none { box-shadow: none !important; } 7 | -------------------------------------------------------------------------------- /_includes/flow/button.html: -------------------------------------------------------------------------------- 1 | 2 | {{include.object.title}} 3 | {% if include.object.icon %} 4 | 5 | {% endif %} 6 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: color-yiq($bg); 3 | background-color: $bg; 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: $color; 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /_pages/privacy.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Privacy 3 | permalink: /privacy/ 4 | description: > 5 | An example privacy policy page. 6 | jumbotron: 7 | title: Privacy 8 | description: > 9 | View our privacy policies. 10 | flow: 11 | - row: main_content_row 12 | --- 13 | This page contains your companies privacy policies. 14 | -------------------------------------------------------------------------------- /_plugins/japr.rb: -------------------------------------------------------------------------------- 1 | require 'japr' 2 | 3 | class JavaScriptCompressor < JAPR::Compressor 4 | require 'closure-compiler' 5 | 6 | def self.filetype 7 | '.js' 8 | end 9 | 10 | def compress 11 | closure = Closure::Compiler.new(:language_in => 'ECMASCRIPT6') 12 | return closure.compile(@content) 13 | end 14 | end 15 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_nav-divider.scss: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) { 6 | height: 0; 7 | margin: $margin-y 0; 8 | overflow: hidden; 9 | border-top: 1px solid $color; 10 | } 11 | -------------------------------------------------------------------------------- /_includes/flow/title.html: -------------------------------------------------------------------------------- 1 |
2 | <{{include.object.title_content.size}} {% if include.object.title_content.style %}class="{{include.object.title_content.style}}"{% endif %}>{{include.object.title_content.text}} 3 |
4 | -------------------------------------------------------------------------------- /_posts/2020-03-23-a-bootstrap-4-and-jekyll-4-theme.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: A Bootstrap 4 and Jekyll 4 Theme 3 | date: 2020-03-11 12:00:00 4 | description: >- 5 | A Bootstrap 4 and Jekyll 4 Theme 6 | image: /assets/images/breadcrumb-image.jpg 7 | author: kyle 8 | category: blog 9 | keywords: jekyll, note, theme, jumbo-jekyll-theme 10 | --- 11 | 12 | Foo bar. 13 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_text-emphasis.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Typography 4 | 5 | @mixin text-emphasis-variant($parent, $color) { 6 | #{$parent} { 7 | color: $color !important; 8 | } 9 | a#{$parent} { 10 | @include hover-focus { 11 | color: darken($color, 10%) !important; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_transition.scss: -------------------------------------------------------------------------------- 1 | @mixin transition($transition...) { 2 | @if $enable-transitions { 3 | @if length($transition) == 0 { 4 | transition: $transition-base; 5 | } @else { 6 | transition: $transition; 7 | } 8 | } 9 | 10 | @media screen and (prefers-reduced-motion: reduce) { 11 | transition: none; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /_includes/flow/call-to-action-banner.html: -------------------------------------------------------------------------------- 1 |
2 | {% if include.object.image %} 3 | {% picture backgroundImage {{include.object.image.path}} alt=include.object.image.alt %} 4 | {% endif %} 5 |
6 | {% if include.object.title %}

{{include.object.title}}

{% endif %} 7 |
8 |
-------------------------------------------------------------------------------- /_includes/blog/latest_posts.html: -------------------------------------------------------------------------------- 1 | {% assign posts = site.posts | sort: 'date' | reverse %} 2 | {% for post in posts limit: 5 %} 3 |
  • 4 | 5 | {{post.title | truncate:40 }} 6 | 7 | {{ post.date | date: '%B %d, %Y' }} 8 | 9 | 10 |
    • 11 | {% endfor %} -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_sizing.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Width and height 4 | 5 | @each $prop, $abbrev in (width: w, height: h) { 6 | @each $size, $length in $sizes { 7 | .#{$abbrev}-#{$size} { #{$prop}: $length !important; } 8 | } 9 | } 10 | 11 | .mw-100 { max-width: 100% !important; } 12 | .mh-100 { max-height: 100% !important; } 13 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_float.scss: -------------------------------------------------------------------------------- 1 | @each $breakpoint in map-keys($grid-breakpoints) { 2 | @include media-breakpoint-up($breakpoint) { 3 | $infix: breakpoint-infix($breakpoint, $grid-breakpoints); 4 | 5 | .float#{$infix}-left { @include float-left; } 6 | .float#{$infix}-right { @include float-right; } 7 | .float#{$infix}-none { @include float-none; } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /assets/css/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | @charset "UTF-8"; 4 | //Bootstrap Overrides 5 | @import "app/overrides"; 6 | @import "bootstrap/functions"; 7 | @import "bootstrap/variables"; 8 | @import "bootstrap/mixins"; 9 | //Boostrap Includes 10 | @import 'bootstrap/bootstrap'; 11 | // Linaro Jekyll Theme Includes 12 | @import "core"; 13 | // Custom sass and css rules 14 | @import "app/custom"; 15 | -------------------------------------------------------------------------------- /_config-staging.yml: -------------------------------------------------------------------------------- 1 | # In order to build for staging run: 2 | # $ jekyll build --config _config.yml, _config-staging.yml 3 | # 4 | # 5 | # URL of static site 6 | url: "https://site-test.linaro.org" 7 | # Destination folder 8 | destination: staging.site-test.linaro.org 9 | # Production boolean used in layouts / includes 10 | production: false 11 | google_analytics: 12 | enabled: false 13 | # code: UAXXXXXX 14 | -------------------------------------------------------------------------------- /_config-production.yml: -------------------------------------------------------------------------------- 1 | # In order to build for production run: 2 | # $ jekyll build --config _config.yml, _config-production.yml 3 | # 4 | # 5 | # URL of static site 6 | url: "https://site-test.linaro.org" 7 | # Destination folder 8 | destination: production.site-test.linaro.org 9 | # Production boolean used in layouts / includes 10 | production: true 11 | google_analytics: 12 | enabled: true 13 | code: UAXXXXXX 14 | -------------------------------------------------------------------------------- /admin/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Content Manager 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /_layouts/base.html: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | 5 | {% include components/head.html %} 6 | 7 |
    8 | {% include_cached nav/nav.html pageUrl=page.url %} 9 | {{content}} 10 | {% include footer/footer.html %} 11 |
    12 | {% include components/javascript.html %} 13 | 14 | 15 | -------------------------------------------------------------------------------- /_includes/components/css.html: -------------------------------------------------------------------------------- 1 | {% if page.css_bundle %} 2 | {% capture css-package %}/assets/css/main-{{page.css_bundle}}.css{% endcapture %} 3 | {% elsif layout.css_bundle %} 4 | {% capture css-package %}/assets/css/main-{{layout.css_bundle}}.css{% endcapture %} 5 | {% else %} 6 | {% capture css-package %}/assets/css/main.css{% endcapture %} 7 | {% endif %} 8 | 9 | -------------------------------------------------------------------------------- /_includes/blog/read_time.html: -------------------------------------------------------------------------------- 1 | 2 | {% if include.content %} 3 | {% assign words = include.content | number_of_words %} 4 | {% else %} 5 | {% assign words = content | number_of_words %} 6 | {% endif %} 7 | {% if words < 360 %}1 min read{% else %}{{ words | divided_by:180 }} mins read{% endif %} 8 | -------------------------------------------------------------------------------- /_sass/bootstrap/_transitions.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable selector-no-qualifying-type 2 | 3 | .fade { 4 | @include transition($transition-fade); 5 | 6 | &:not(.show) { 7 | opacity: 0; 8 | } 9 | } 10 | 11 | .collapse { 12 | &:not(.show) { 13 | display: none; 14 | } 15 | } 16 | 17 | .collapsing { 18 | position: relative; 19 | height: 0; 20 | overflow: hidden; 21 | @include transition($transition-collapse); 22 | } 23 | -------------------------------------------------------------------------------- /_includes/examples/custom_include.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | Form title 4 |
    5 | 6 | 7 |
    8 | 9 |
    10 |
    11 | -------------------------------------------------------------------------------- /_includes/components/javascript.html: -------------------------------------------------------------------------------- 1 | {% include js_bundles/vendor.html %} 2 | {% if page.js-package %} 3 | {% capture js-package %}js_bundles/{{page.js-package}}.html{% endcapture %} 4 | {% include {{js-package}} %} 5 | {% elsif layout.js-package %} 6 | {% capture js-package %}js_bundles/{{layout.js-package}}.html{% endcapture %} 7 | {% include {{js-package}} %} 8 | {% else %} 9 | {% include js_bundles/app.html %} 10 | {% endif %} 11 | -------------------------------------------------------------------------------- /_includes/flow/full_width_row.html: -------------------------------------------------------------------------------- 1 |
    4 | {% include flow/flow_inner.html sections=include.object.sections %} 5 |
    6 | -------------------------------------------------------------------------------- /_sass/core.scss: -------------------------------------------------------------------------------- 1 | // Core Jumbo Jekyll Theme Sass includes. 2 | @import "core/normalize"; 3 | @import "core/navbar"; 4 | @import "core/theme"; 5 | @import "core/breadcrumb"; 6 | @import "core/jumbotron"; 7 | @import "core/syntax"; 8 | @import "core/footer"; 9 | @import "core/flow"; 10 | @import "core/blog"; 11 | @import "core/error"; 12 | @import "core/cookies"; 13 | @import "core/fontello"; 14 | @import "core/featherlight"; 15 | @import "core/carousel-styles"; 16 | -------------------------------------------------------------------------------- /_sass/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | padding: $jumbotron-padding ($jumbotron-padding / 2); 3 | margin-bottom: $jumbotron-padding; 4 | background-color: $jumbotron-bg; 5 | @include border-radius($border-radius-lg); 6 | 7 | @include media-breakpoint-up(sm) { 8 | padding: ($jumbotron-padding * 2) $jumbotron-padding; 9 | } 10 | } 11 | 12 | .jumbotron-fluid { 13 | padding-right: 0; 14 | padding-left: 0; 15 | @include border-radius(0); 16 | } 17 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_align.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | .align-baseline { vertical-align: baseline !important; } // Browser default 4 | .align-top { vertical-align: top !important; } 5 | .align-middle { vertical-align: middle !important; } 6 | .align-bottom { vertical-align: bottom !important; } 7 | .align-text-bottom { vertical-align: text-bottom !important; } 8 | .align-text-top { vertical-align: text-top !important; } 9 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_text-hide.scss: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | @mixin text-hide($ignore-warning: false) { 3 | // stylelint-disable-next-line font-family-no-missing-generic-family-keyword 4 | font: 0/0 a; 5 | color: transparent; 6 | text-shadow: none; 7 | background-color: transparent; 8 | border: 0; 9 | 10 | @if ($ignore-warning != true) { 11 | @warn "The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5."; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /_pages/cookies.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Cookies Policy 3 | permalink: /cookies/ 4 | description: > 5 | An example privacy policy page. 6 | jumbotron: 7 | title: Privacy 8 | description: > 9 | View our privacy policies. 10 | flow: 11 | - row: container_row 12 | sections: 13 | - format: custom_include 14 | source: components/cookie_manager.html 15 | - row: main_content_row 16 | --- 17 | This page contains cookies policies and the cookie manager. 18 | -------------------------------------------------------------------------------- /_sass/bootstrap/bootstrap-reboot.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | 9 | @import "functions"; 10 | @import "variables"; 11 | @import "mixins"; 12 | @import "reboot"; 13 | -------------------------------------------------------------------------------- /_pages/blog.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Blog 3 | permalink: /blog/ 4 | description: > 5 | Welcome to the example blog. 6 | flow: 7 | - row: container_row 8 | sections: 9 | - format: custom_include 10 | source: blog/post_search.html 11 | payload: 12 | name: url 13 | data: /assets/json/posts.json 14 | # category: News 15 | - format: custom_include 16 | source: blog/display_latest_posts.html 17 | # category: News 18 | --- 19 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_background.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | @each $color, $value in $theme-colors { 4 | @include bg-variant(".bg-#{$color}", $value); 5 | } 6 | 7 | @if $enable-gradients { 8 | @each $color, $value in $theme-colors { 9 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 10 | } 11 | } 12 | 13 | .bg-white { 14 | background-color: $white !important; 15 | } 16 | 17 | .bg-transparent { 18 | background-color: transparent !important; 19 | } 20 | -------------------------------------------------------------------------------- /_sass/bootstrap/_utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/align"; 2 | @import "utilities/background"; 3 | @import "utilities/borders"; 4 | @import "utilities/clearfix"; 5 | @import "utilities/display"; 6 | @import "utilities/embed"; 7 | @import "utilities/flex"; 8 | @import "utilities/float"; 9 | @import "utilities/position"; 10 | @import "utilities/screenreaders"; 11 | @import "utilities/shadows"; 12 | @import "utilities/sizing"; 13 | @import "utilities/spacing"; 14 | @import "utilities/text"; 15 | @import "utilities/visibility"; 16 | -------------------------------------------------------------------------------- /_sass/core/breadcrumb.scss: -------------------------------------------------------------------------------- 1 | #wrapper { 2 | #breadcrumb { 3 | background-color: $breadcrumb_bg_color; 4 | h1 { 5 | margin-top:0px; 6 | margin-bottom:0px; 7 | padding-top:10px; 8 | } 9 | ol { 10 | background-color: $breadcrumb_bg_color; 11 | padding-left:0px; 12 | li:not(:first-child)::before { 13 | content: "\00bb\00a0"; 14 | padding-left:5px; 15 | } 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /assets/images/clipboard.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /_includes/js_bundles/vendor.html: -------------------------------------------------------------------------------- 1 | {% javascript_asset_tag vendor %} 2 | - /assets/js/vendor/jquery.js 3 | - /assets/js/vendor/_popper.js 4 | - /assets/js/vendor/bootstrap.js 5 | - /assets/js/vendor/jquery.cookie.js 6 | - /assets/js/vendor/jquery.ihavecookies.js 7 | - /assets/js/vendor/lazysizes.js 8 | - /assets/js/vendor/owl.carousel.js 9 | - /assets/js/vendor/ls.unveilhooks.js 10 | - /assets/js/vendor/featherlight.js 11 | - /assets/js/vendor/clipboard.min.js 12 | - /assets/js/vendor/simple-jekyll-search.min.js 13 | {% endjavascript_asset_tag %} 14 | -------------------------------------------------------------------------------- /_plugins/simple_search_filter.rb: -------------------------------------------------------------------------------- 1 | module Jekyll 2 | module CharFilter 3 | def remove_chars(input) 4 | input.gsub! '\\','\' 5 | input.gsub! /\t/, ' ' 6 | input.strip_control_and_extended_characters 7 | end 8 | end 9 | end 10 | 11 | Liquid::Template.register_filter(Jekyll::CharFilter) 12 | 13 | class String 14 | def strip_control_and_extended_characters() 15 | chars.each_with_object("") do |char, str| 16 | str << char if char.ascii_only? and char.ord.between?(32,126) 17 | end 18 | end 19 | end 20 | -------------------------------------------------------------------------------- /_includes/blog/post_search.html: -------------------------------------------------------------------------------- 1 | {% assign url = include.object.payload %} 2 |
    3 |
    4 | 6 | 7 | X Clear Search 8 | 9 | 10 |
    11 |
    12 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_list-group.scss: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | @mixin list-group-item-variant($state, $background, $color) { 4 | .list-group-item-#{$state} { 5 | color: $color; 6 | background-color: $background; 7 | 8 | &.list-group-item-action { 9 | @include hover-focus { 10 | color: $color; 11 | background-color: darken($background, 5%); 12 | } 13 | 14 | &.active { 15 | color: $white; 16 | background-color: $color; 17 | border-color: $color; 18 | } 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { 4 | .page-link { 5 | padding: $padding-y $padding-x; 6 | font-size: $font-size; 7 | line-height: $line-height; 8 | } 9 | 10 | .page-item { 11 | &:first-child { 12 | .page-link { 13 | @include border-left-radius($border-radius); 14 | } 15 | } 16 | &:last-child { 17 | .page-link { 18 | @include border-right-radius($border-radius); 19 | } 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Contextual backgrounds 4 | 5 | @mixin bg-variant($parent, $color) { 6 | #{$parent} { 7 | background-color: $color !important; 8 | } 9 | a#{$parent}, 10 | button#{$parent} { 11 | @include hover-focus { 12 | background-color: darken($color, 10%) !important; 13 | } 14 | } 15 | } 16 | 17 | @mixin bg-gradient-variant($parent, $color) { 18 | #{$parent} { 19 | background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /_includes/flow/container_row.html: -------------------------------------------------------------------------------- 1 |
    3 | {% if include.object.background_image %} 4 | {% assign row_background_image = include.object.background_image %} 5 | {% capture row_background_image_alt %}background image{% endcapture %} 6 | {% picture header_image {{row_background_image}} --alt {{block_image_alt}} %} 7 | {% endif %} 8 |
    9 | {% include flow/flow_inner.html sections=include.object.sections %} 10 |
    11 |
    12 | -------------------------------------------------------------------------------- /_includes/image.html: -------------------------------------------------------------------------------- 1 | {% if include.alt %} 2 | {% capture image_alt %}{{include.alt}}{% endcapture %} 3 | {% else %} 4 | {% capture image_alt %}{{page.title}} content image{% endcapture %} 5 | {% endif %} 6 | {% if include.class %} 7 | {% capture image_class %}{{include.class}}{% endcapture %} 8 | {% else %} 9 | {% capture image_class %}{% endcapture %} 10 | {% endif %} 11 | {% if include.url %} 12 | 13 | {% endif %} 14 | {% picture blog_image {{include.path}} class="{{image_class}}" --alt {{image_alt}} --class {{image_class}} %} 15 | {% if include.url %} 16 | 17 | {% endif %} 18 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_reset-text.scss: -------------------------------------------------------------------------------- 1 | @mixin reset-text { 2 | font-family: $font-family-base; 3 | // We deliberately do NOT reset font-size or word-wrap. 4 | font-style: normal; 5 | font-weight: $font-weight-normal; 6 | line-height: $line-height-base; 7 | text-align: left; // Fallback for where `start` is not supported 8 | text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties 9 | text-decoration: none; 10 | text-shadow: none; 11 | text-transform: none; 12 | letter-spacing: normal; 13 | word-break: normal; 14 | word-spacing: normal; 15 | white-space: normal; 16 | line-break: auto; 17 | } 18 | -------------------------------------------------------------------------------- /_sass/bootstrap/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | // Custom variable values only support SassScript inside `#{}`. 3 | @each $color, $value in $colors { 4 | --#{$color}: #{$value}; 5 | } 6 | 7 | @each $color, $value in $theme-colors { 8 | --#{$color}: #{$value}; 9 | } 10 | 11 | @each $bp, $value in $grid-breakpoints { 12 | --breakpoint-#{$bp}: #{$value}; 13 | } 14 | 15 | // Use `inspect` for lists so that quoted items keep the quotes. 16 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 17 | --font-family-sans-serif: #{inspect($font-family-sans-serif)}; 18 | --font-family-monospace: #{inspect($font-family-monospace)}; 19 | } 20 | -------------------------------------------------------------------------------- /_data/universal_nav.yml: -------------------------------------------------------------------------------- 1 | items: 2 | - active: true 3 | title: Linaro 4 | url: 'https://www.linaro.org/' 5 | - title: Connect 6 | url: 'https://connect.linaro.org' 7 | - title: 96Boards 8 | url: 'https://www.96boards.org' 9 | - title: Developer Cloud 10 | url: 'https://linaro.cloud' 11 | - options: 12 | - title: 96Boards.ai 13 | url: 'https://www.96boards.ai' 14 | - title: devicetree.org 15 | url: 'https://www.devicetree.org' 16 | - title: OpenAMP 17 | url: 'https://www.openampproject.org' 18 | - title: OP-TEE 19 | url: 'https://www.op-tee.org' 20 | - title: Trusted Firmware 21 | url: 'https://www.trustedfirmware.org/' 22 | title: Projects 23 | -------------------------------------------------------------------------------- /_includes/media.html: -------------------------------------------------------------------------------- 1 | {% if include.media_url contains "https://youtu.be/" %} 2 | {% assign media_url = include.media_url | replace: 'https://youtu.be/','https://youtube.com/embed/'%} 3 | {% elsif include.media_url contains "https://www.youtube.com/watch?v=" %} 4 | {% assign media_url = include.media_url | replace: 'https://www.youtube.com/watch?v=','https://youtube.com/embed/'%} 5 | {% else %} 6 | {% assign media_url = include.media_url %} 7 | {% endif %} 8 | 9 |
    10 | 11 |
    12 | -------------------------------------------------------------------------------- /_includes/components/carousel_header.html: -------------------------------------------------------------------------------- 1 | {% assign images = include.images %} 2 | 3 |
    4 | 13 |
    14 | 15 | 16 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_table-row.scss: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | @mixin table-row-variant($state, $background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table-#{$state} { 7 | &, 8 | > th, 9 | > td { 10 | background-color: $background; 11 | } 12 | } 13 | 14 | // Hover states for `.table-hover` 15 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 16 | .table-hover { 17 | $hover-background: darken($background, 5%); 18 | 19 | .table-#{$state} { 20 | @include hover { 21 | background-color: $hover-background; 22 | 23 | > td, 24 | > th { 25 | background-color: $hover-background; 26 | } 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /_sass/bootstrap/bootstrap-grid.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | 8 | @at-root { 9 | @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix 10 | } 11 | 12 | html { 13 | box-sizing: border-box; 14 | -ms-overflow-style: scrollbar; 15 | } 16 | 17 | *, 18 | *::before, 19 | *::after { 20 | box-sizing: inherit; 21 | } 22 | 23 | @import "functions"; 24 | @import "variables"; 25 | 26 | @import "mixins/breakpoints"; 27 | @import "mixins/grid-framework"; 28 | @import "mixins/grid"; 29 | 30 | @import "grid"; 31 | @import "utilities/display"; 32 | @import "utilities/flex"; 33 | -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | 3 | // Common values 4 | 5 | // Sass list not in variables since it's not intended for customization. 6 | // stylelint-disable-next-line scss/dollar-variable-default 7 | $positions: static, relative, absolute, fixed, sticky; 8 | 9 | @each $position in $positions { 10 | .position-#{$position} { position: $position !important; } 11 | } 12 | 13 | // Shorthand 14 | 15 | .fixed-top { 16 | position: fixed; 17 | top: 0; 18 | right: 0; 19 | left: 0; 20 | z-index: $zindex-fixed; 21 | } 22 | 23 | .fixed-bottom { 24 | position: fixed; 25 | right: 0; 26 | bottom: 0; 27 | left: 0; 28 | z-index: $zindex-fixed; 29 | } 30 | 31 | .sticky-top { 32 | @supports (position: sticky) { 33 | position: sticky; 34 | top: 0; 35 | z-index: $zindex-sticky; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # This version of the .gitignore file ensures that only desired files and folders 2 | # get saved in the repo. This reduces problems caused by accidentally pushing after 3 | # working with a merged directory. 4 | # 5 | # Blacklist files/folders in same directory as the .gitignore file 6 | /* 7 | # 8 | # Whitelist the desired files 9 | !.gitignore 10 | !robots.txt 11 | !.htaccess 12 | !_config.yml 13 | !_config-staging.yml 14 | !_config-production.yml 15 | !Gemfile 16 | !index.md 17 | !LICENSE.txt 18 | !README.md 19 | !screenshot.png 20 | !*.gemspec 21 | !CHANGELOG.md 22 | !package.json 23 | !gulpfile.js 24 | # 25 | # Now whitelist the desired folders 26 | !_includes 27 | !_data 28 | !_layouts 29 | !_plugins 30 | !_sass 31 | !assets 32 | !admin 33 | !_pages 34 | !_posts 35 | !_authors 36 | # Ignore the following files specifically 37 | assets/resized 38 | assets/images/test 39 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-radius($radius: $border-radius) { 4 | @if $enable-rounded { 5 | border-radius: $radius; 6 | } 7 | } 8 | 9 | @mixin border-top-radius($radius) { 10 | @if $enable-rounded { 11 | border-top-left-radius: $radius; 12 | border-top-right-radius: $radius; 13 | } 14 | } 15 | 16 | @mixin border-right-radius($radius) { 17 | @if $enable-rounded { 18 | border-top-right-radius: $radius; 19 | border-bottom-right-radius: $radius; 20 | } 21 | } 22 | 23 | @mixin border-bottom-radius($radius) { 24 | @if $enable-rounded { 25 | border-bottom-right-radius: $radius; 26 | border-bottom-left-radius: $radius; 27 | } 28 | } 29 | 30 | @mixin border-left-radius($radius) { 31 | @if $enable-rounded { 32 | border-top-left-radius: $radius; 33 | border-bottom-left-radius: $radius; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Only display content to screen readers 2 | // 3 | // See: https://a11yproject.com/posts/how-to-hide-content/ 4 | // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/ 5 | 6 | @mixin sr-only { 7 | position: absolute; 8 | width: 1px; 9 | height: 1px; 10 | padding: 0; 11 | overflow: hidden; 12 | clip: rect(0, 0, 0, 0); 13 | white-space: nowrap; 14 | border: 0; 15 | } 16 | 17 | // Use in conjunction with .sr-only to only display content when it's focused. 18 | // 19 | // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 20 | // 21 | // Credit: HTML5 Boilerplate 22 | 23 | @mixin sr-only-focusable { 24 | &:active, 25 | &:focus { 26 | position: static; 27 | width: auto; 28 | height: auto; 29 | overflow: visible; 30 | clip: auto; 31 | white-space: normal; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_hover.scss: -------------------------------------------------------------------------------- 1 | // Hover mixin and `$enable-hover-media-query` are deprecated. 2 | // 3 | // Originally added during our alphas and maintained during betas, this mixin was 4 | // designed to prevent `:hover` stickiness on iOS-an issue where hover styles 5 | // would persist after initial touch. 6 | // 7 | // For backward compatibility, we've kept these mixins and updated them to 8 | // always return their regular pseudo-classes instead of a shimmed media query. 9 | // 10 | // Issue: https://github.com/twbs/bootstrap/issues/25195 11 | 12 | @mixin hover { 13 | &:hover { @content; } 14 | } 15 | 16 | @mixin hover-focus { 17 | &:hover, 18 | &:focus { 19 | @content; 20 | } 21 | } 22 | 23 | @mixin plain-hover-focus { 24 | &, 25 | &:hover, 26 | &:focus { 27 | @content; 28 | } 29 | } 30 | 31 | @mixin hover-focus-active { 32 | &:hover, 33 | &:focus, 34 | &:active { 35 | @content; 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /_sass/core/owl.theme.default.min.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /_sass/bootstrap/utilities/_embed.scss: -------------------------------------------------------------------------------- 1 | // Credit: Nicolas Gallagher and SUIT CSS. 2 | 3 | .embed-responsive { 4 | position: relative; 5 | display: block; 6 | width: 100%; 7 | padding: 0; 8 | overflow: hidden; 9 | 10 | &::before { 11 | display: block; 12 | content: ""; 13 | } 14 | 15 | .embed-responsive-item, 16 | iframe, 17 | embed, 18 | object, 19 | video { 20 | position: absolute; 21 | top: 0; 22 | bottom: 0; 23 | left: 0; 24 | width: 100%; 25 | height: 100%; 26 | border: 0; 27 | } 28 | } 29 | 30 | .embed-responsive-21by9 { 31 | &::before { 32 | padding-top: percentage(9 / 21); 33 | } 34 | } 35 | 36 | .embed-responsive-16by9 { 37 | &::before { 38 | padding-top: percentage(9 / 16); 39 | } 40 | } 41 | 42 | .embed-responsive-4by3 { 43 | &::before { 44 | padding-top: percentage(3 / 4); 45 | } 46 | } 47 | 48 | .embed-responsive-1by1 { 49 | &::before { 50 | padding-top: percentage(1 / 1); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /_sass/bootstrap/_progress.scss: -------------------------------------------------------------------------------- 1 | @keyframes progress-bar-stripes { 2 | from { background-position: $progress-height 0; } 3 | to { background-position: 0 0; } 4 | } 5 | 6 | .progress { 7 | display: flex; 8 | height: $progress-height; 9 | overflow: hidden; // force rounded corners by cropping it 10 | font-size: $progress-font-size; 11 | background-color: $progress-bg; 12 | @include border-radius($progress-border-radius); 13 | @include box-shadow($progress-box-shadow); 14 | } 15 | 16 | .progress-bar { 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: center; 20 | color: $progress-bar-color; 21 | text-align: center; 22 | white-space: nowrap; 23 | background-color: $progress-bar-bg; 24 | @include transition($progress-bar-transition); 25 | } 26 | 27 | .progress-bar-striped { 28 | @include gradient-striped(); 29 | background-size: $progress-height $progress-height; 30 | } 31 | 32 | .progress-bar-animated { 33 | animation: progress-bar-stripes $progress-bar-animation-timing; 34 | } 35 | -------------------------------------------------------------------------------- /_sass/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | float: right; 3 | font-size: $close-font-size; 4 | font-weight: $close-font-weight; 5 | line-height: 1; 6 | color: $close-color; 7 | text-shadow: $close-text-shadow; 8 | opacity: .5; 9 | 10 | &:not(:disabled):not(.disabled) { 11 | 12 | @include hover-focus { 13 | color: $close-color; 14 | text-decoration: none; 15 | opacity: .75; 16 | } 17 | 18 | // Opinionated: add "hand" cursor to non-disabled .close elements 19 | cursor: pointer; 20 | } 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | 28 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type 29 | button.close { 30 | padding: 0; 31 | background-color: transparent; 32 | border: 0; 33 | -webkit-appearance: none; 34 | } 35 | // stylelint-enable 36 | -------------------------------------------------------------------------------- /_data/footer.yml: -------------------------------------------------------------------------------- 1 | # Copyright text to be displayed at the very bottom of the footer 2 | copyright_text: Linaro Limited 3 | # Set this to false if you do not want the Linaro logo in the footer. 4 | footer_brand: 5 | logo: /assets/images/Linaro-logo-white.png 6 | # Social Media Icons Row 7 | social_media_icons: true 8 | # Contact Info 9 | display_contact_details: true 10 | # These links are displayed at the very bottom of the footer. 11 | company_links: 12 | - name: Legal 13 | url: /legal/ 14 | - name: Contact 15 | url: /contact/ 16 | middle_column: 17 | title: Latest News & Blogs 18 | latest_posts: true 19 | third_column: 20 | title: Other Projects 21 | items: 22 | - name: 96Boards 23 | url: https://www.96boards.org 24 | - name: Linaro Connect 25 | url: https://connect.linaro.org 26 | - name: DeviceTree 27 | url: https://www.devicetree.org 28 | - name: OP-TEE 29 | url: https://www.op-tee.org 30 | - name: Linaro Developer Cloud 31 | url: https://www.linaro.cloud 32 | -------------------------------------------------------------------------------- /_includes/blog/blog_filler_element.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |
    4 |
    Card title
    5 |

    Some quick example text to build on the card title and make up the bulk of the card's 6 | content.

    7 |
    8 | 16 |
    17 | Card link 18 | Another link 19 |
    20 |
    21 |
    22 | -------------------------------------------------------------------------------- /_sass/bootstrap/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v4.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2018 The Bootstrap Authors 4 | * Copyright 2011-2018 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | 8 | @import "functions"; 9 | @import "variables"; 10 | @import "mixins"; 11 | @import "root"; 12 | @import "reboot"; 13 | @import "type"; 14 | @import "images"; 15 | @import "code"; 16 | @import "grid"; 17 | @import "tables"; 18 | @import "forms"; 19 | @import "buttons"; 20 | @import "transitions"; 21 | @import "dropdown"; 22 | @import "button-group"; 23 | @import "input-group"; 24 | @import "custom-forms"; 25 | @import "nav"; 26 | @import "navbar"; 27 | @import "card"; 28 | @import "breadcrumb"; 29 | @import "pagination"; 30 | @import "badge"; 31 | @import "jumbotron"; 32 | @import "alert"; 33 | @import "progress"; 34 | @import "media"; 35 | @import "list-group"; 36 | @import "close"; 37 | @import "modal"; 38 | @import "tooltip"; 39 | @import "popover"; 40 | @import "carousel"; 41 | @import "utilities"; 42 | @import "print"; 43 | -------------------------------------------------------------------------------- /_authors/kyle.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Kyle Kirkby 3 | username: kyle 4 | twitter: https://twitter.com 5 | github: https://github.com/kylekirkby 6 | linkedin: https://www.linkedin.com/in/kylekirkby/ 7 | youtube: https://youtube.com 8 | image: /assets/images/test/kyle.jpg 9 | --- 10 | "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" 11 | -------------------------------------------------------------------------------- /_includes/flow/members-section.html: -------------------------------------------------------------------------------- 1 | {% if include.object.members_content.members_content.source %} 2 | {% assign members = site.data[include.object.members_content.source] %} 3 | {% else %} 4 | {% assign members = include.object.members_content.items %} 5 | {% endif %} 6 |
    7 | {% for member in members %} 8 | {% if member.url %}{% endif %} 9 | {% if member.image.path contains "http" %} 10 |
    11 | {{member.image.alt}} 14 |
    15 | {% else %} 16 | {% assign image_path = member.image.path %} 17 | {% assign full_path = member.image.path %} 18 |
    19 | 20 |
    21 | {% endif %} 22 | {% if member.url %}    {% endif %} 23 | {% endfor %} 24 |
    25 | -------------------------------------------------------------------------------- /_sass/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Toggles 2 | // 3 | // Used in conjunction with global variables to enable certain theme features. 4 | 5 | // Utilities 6 | @import "mixins/breakpoints"; 7 | @import "mixins/hover"; 8 | @import "mixins/image"; 9 | @import "mixins/badge"; 10 | @import "mixins/resize"; 11 | @import "mixins/screen-reader"; 12 | @import "mixins/size"; 13 | @import "mixins/reset-text"; 14 | @import "mixins/text-emphasis"; 15 | @import "mixins/text-hide"; 16 | @import "mixins/text-truncate"; 17 | @import "mixins/visibility"; 18 | 19 | // // Components 20 | @import "mixins/alert"; 21 | @import "mixins/buttons"; 22 | @import "mixins/caret"; 23 | @import "mixins/pagination"; 24 | @import "mixins/lists"; 25 | @import "mixins/list-group"; 26 | @import "mixins/nav-divider"; 27 | @import "mixins/forms"; 28 | @import "mixins/table-row"; 29 | 30 | // // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/box-shadow"; 34 | @import "mixins/gradients"; 35 | @import "mixins/transition"; 36 | 37 | // // Layout 38 | @import "mixins/clearfix"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | @import "mixins/float"; 42 | -------------------------------------------------------------------------------- /_sass/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // Inline code 2 | code { 3 | font-size: $code-font-size; 4 | color: $code-color; 5 | word-break: break-word; 6 | 7 | // Streamline the style when inside anchors to avoid broken underline and more 8 | a > & { 9 | color: inherit; 10 | } 11 | } 12 | 13 | // User input typically entered via keyboard 14 | kbd { 15 | padding: $kbd-padding-y $kbd-padding-x; 16 | font-size: $kbd-font-size; 17 | color: $kbd-color; 18 | background-color: $kbd-bg; 19 | @include border-radius($border-radius-sm); 20 | @include box-shadow($kbd-box-shadow); 21 | 22 | kbd { 23 | padding: 0; 24 | font-size: 100%; 25 | font-weight: $nested-kbd-font-weight; 26 | @include box-shadow(none); 27 | } 28 | } 29 | 30 | // Blocks of code 31 | pre { 32 | display: block; 33 | font-size: $code-font-size; 34 | color: $pre-color; 35 | 36 | // Account for some code outputs that place code tags in pre tags 37 | code { 38 | font-size: inherit; 39 | color: inherit; 40 | word-break: normal; 41 | } 42 | } 43 | 44 | // Enable scrollable blocks of code 45 | .pre-scrollable { 46 | max-height: $pre-scrollable-max-height; 47 | overflow-y: scroll; 48 | } 49 | -------------------------------------------------------------------------------- /_sass/bootstrap/_badge.scss: -------------------------------------------------------------------------------- 1 | // Base class 2 | // 3 | // Requires one of the contextual, color modifier classes for `color` and 4 | // `background-color`. 5 | 6 | .badge { 7 | display: inline-block; 8 | padding: $badge-padding-y $badge-padding-x; 9 | font-size: $badge-font-size; 10 | font-weight: $badge-font-weight; 11 | line-height: 1; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | @include border-radius($badge-border-radius); 16 | 17 | // Empty badges collapse automatically 18 | &:empty { 19 | display: none; 20 | } 21 | } 22 | 23 | // Quick fix for badges in buttons 24 | .btn .badge { 25 | position: relative; 26 | top: -1px; 27 | } 28 | 29 | // Pill badges 30 | // 31 | // Make them extra rounded with a modifier to replace v3's badges. 32 | 33 | .badge-pill { 34 | padding-right: $badge-pill-padding-x; 35 | padding-left: $badge-pill-padding-x; 36 | @include border-radius($badge-pill-border-radius); 37 | } 38 | 39 | // Colors 40 | // 41 | // Contextual variations (linked badges get darker on :hover). 42 | 43 | @each $color, $value in $theme-colors { 44 | .badge-#{$color} { 45 | @include badge-variant($value); 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /_includes/blog/post_series.html: -------------------------------------------------------------------------------- 1 | {% if page.series %} 2 | {% assign count = '0' %} 3 | {% assign idx = '0' %} 4 | {% for post in site.posts reversed %} 5 | {% if post.series == page.series %} 6 | {% capture count %}{{ count | plus: '1' }}{% endcapture %} 7 | {% if post.url == page.url %} 8 | {% capture idx %}{{count}}{% endcapture %} 9 | {% endif %} 10 | {% endif %} 11 | {% endfor %} 12 |
    13 |

    14 | This article is Part {{ idx }} in a {{ count }}-Part Series. 15 |

    16 | 27 |
    28 | {% endif %} -------------------------------------------------------------------------------- /_includes/flow/tabbed_content.html: -------------------------------------------------------------------------------- 1 |
    2 | 13 |
    14 | {% for tab in include.object.tabs %} 15 |
    17 | {{tab.content | markdownify }} 18 |
    19 | {% endfor %} 20 |
    21 |
    22 | -------------------------------------------------------------------------------- /_sass/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // Container widths 2 | // 3 | // Set the container width, and override it for fixed navbars in media queries. 4 | 5 | @if $enable-grid-classes { 6 | .container { 7 | @include make-container(); 8 | @include make-container-max-widths(); 9 | } 10 | } 11 | 12 | // Fluid container 13 | // 14 | // Utilizes the mixin meant for fixed width containers, but with 100% width for 15 | // fluid, full width layouts. 16 | 17 | @if $enable-grid-classes { 18 | .container-fluid { 19 | @include make-container(); 20 | } 21 | } 22 | 23 | // Row 24 | // 25 | // Rows contain and clear the floats of your columns. 26 | 27 | @if $enable-grid-classes { 28 | .row { 29 | @include make-row(); 30 | } 31 | 32 | // Remove the negative margin from default .row, then the horizontal padding 33 | // from all immediate children columns (to prevent runaway style inheritance). 34 | .no-gutters { 35 | margin-right: 0; 36 | margin-left: 0; 37 | 38 | > .col, 39 | > [class*="col-"] { 40 | padding-right: 0; 41 | padding-left: 0; 42 | } 43 | } 44 | } 45 | 46 | // Columns 47 | // 48 | // Common styles for small and large grid columns 49 | 50 | @if $enable-grid-classes { 51 | @include make-grid-columns(); 52 | } 53 | -------------------------------------------------------------------------------- /assets/json/posts.json: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | [ 5 | {% for post in site.posts %} 6 | { 7 | "title": "{{ post.title | escape }}", 8 | "category": "{{ post.category }}", 9 | "content": "{{ post.content | strip_html | strip_newlines | remove_chars | escape }}", 10 | "image": "{% if post.image %} 11 | {% assign image_path = post.image %} 12 | {% capture image_alt %}{{post.title}} image {% endcapture %} 13 | {% else %} 14 | {% assign image_path = site.post_placeholder %} 15 | {% capture image_alt %}{{post.title}} placeholder image {% endcapture %} 16 | {% endif %}{% picture post_thumb_src_only {{image_path}} --alt {{image_alt}} %}", 17 | "tags": "{{ post.tags | join: ', ' }}", 18 | "url": "{{ site.baseurl }}{{ post.url }}", 19 | "description": "{% if post.description %} 20 | {{post.description}} 21 | {% else %} 22 | {{ post.content | strip_html | truncatewords:30 }} 23 | {% endif %}", 24 | "date": "{{ post.date | date: '%A, %B %-d, %Y' }}" 25 | } {% unless forloop.last %}, 26 | {% endunless %} 27 | {% endfor %} 28 | ] 29 | -------------------------------------------------------------------------------- /_layouts/flow.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | --- 4 | {% if page.jumbotron %} 5 | {% include components/jumbotron.html %} 6 | {% elsif page.breadcrumb %} 7 | {% include components/breadcrumb.html %} 8 | {% endif %} 9 |
    10 | {% if page.flow %} 11 | {% for each in page.flow %} 12 | {% if each.row == "main_content_row" %} 13 |
    14 |
    15 | {{content}} 16 |
    17 |
    18 | {% elsif each.row == "container_row" %} 19 | {% include flow/container_row.html object=each %} 20 | {% elsif each.row == "full_width_row" %} 21 | {% include flow/full_width_row.html object=each %} 22 | {% elsif each.row == "custom_include_row" %} 23 | {% include {{each.source}} object=each %} 24 | {% endif %} 25 | {% endfor %} 26 | {% else %} 27 |
    28 |
    29 | {{content}} 30 |
    31 |
    32 | {% endif %} 33 |
    34 | -------------------------------------------------------------------------------- /_includes/flow/collapse.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | {% for panel in include.object.panels %} 4 |
    5 | 13 |
    14 |
    15 | {{panel.content | markdownify}} 16 |
    17 |
    18 |
    19 | {% endfor %} 20 |
    21 |
    22 | -------------------------------------------------------------------------------- /_sass/bootstrap/_images.scss: -------------------------------------------------------------------------------- 1 | // Responsive images (ensure images don't scale beyond their parents) 2 | // 3 | // This is purposefully opt-in via an explicit class rather than being the default for all ``s. 4 | // We previously tried the "images are responsive by default" approach in Bootstrap v2, 5 | // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps) 6 | // which weren't expecting the images within themselves to be involuntarily resized. 7 | // See also https://github.com/twbs/bootstrap/issues/18178 8 | .img-fluid { 9 | @include img-fluid; 10 | } 11 | 12 | 13 | // Image thumbnails 14 | .img-thumbnail { 15 | padding: $thumbnail-padding; 16 | background-color: $thumbnail-bg; 17 | border: $thumbnail-border-width solid $thumbnail-border-color; 18 | @include border-radius($thumbnail-border-radius); 19 | @include box-shadow($thumbnail-box-shadow); 20 | 21 | // Keep them at most 100% wide 22 | @include img-fluid; 23 | } 24 | 25 | // 26 | // Figures 27 | // 28 | 29 | .figure { 30 | // Ensures the caption's text aligns with the image. 31 | display: inline-block; 32 | } 33 | 34 | .figure-img { 35 | margin-bottom: ($spacer / 2); 36 | line-height: 1; 37 | } 38 | 39 | .figure-caption { 40 | font-size: $figure-caption-font-size; 41 | color: $figure-caption-color; 42 | } 43 | -------------------------------------------------------------------------------- /_sass/bootstrap/mixins/_image.scss: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | 10 | @mixin img-fluid { 11 | // Part 1: Set a maximum relative to the parent 12 | max-width: 100%; 13 | // Part 2: Override the height to auto, otherwise images will be stretched 14 | // when setting a width and height attribute on the img element. 15 | height: auto; 16 | } 17 | 18 | 19 | // Retina image 20 | // 21 | // Short retina mixin for setting background-image and -size. 22 | 23 | // stylelint-disable indentation, media-query-list-comma-newline-after 24 | @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { 25 | background-image: url($file-1x); 26 | 27 | // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio, 28 | // but doesn't convert dppx=>dpi. 29 | // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard. 30 | // Compatibility info: https://caniuse.com/#feat=css-media-resolution 31 | @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx 32 | only screen and (min-resolution: 2dppx) { // Standardized 33 | background-image: url($file-2x); 34 | background-size: $width-1x $height-1x; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /_sass/bootstrap/_alert.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Base styles 3 | // 4 | 5 | .alert { 6 | position: relative; 7 | padding: $alert-padding-y $alert-padding-x; 8 | margin-bottom: $alert-margin-bottom; 9 | border: $alert-border-width solid transparent; 10 | @include border-radius($alert-border-radius); 11 | } 12 | 13 | // Headings for larger alerts 14 | .alert-heading { 15 | // Specified to prevent conflicts of changing $headings-color 16 | color: inherit; 17 | } 18 | 19 | // Provide class for links that match alerts 20 | .alert-link { 21 | font-weight: $alert-link-font-weight; 22 | } 23 | 24 | 25 | // Dismissible alerts 26 | // 27 | // Expand the right padding and account for the close button's positioning. 28 | 29 | .alert-dismissible { 30 | padding-right: ($close-font-size + $alert-padding-x * 2); 31 | 32 | // Adjust close link position 33 | .close { 34 | position: absolute; 35 | top: 0; 36 | right: 0; 37 | padding: $alert-padding-y $alert-padding-x; 38 | color: inherit; 39 | } 40 | } 41 | 42 | 43 | // Alternate styles 44 | // 45 | // Generate contextual modifier classes for colorizing the alert. 46 | 47 | @each $color, $value in $theme-colors { 48 | .alert-#{$color} { 49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /_includes/flow/flow_inner.html: -------------------------------------------------------------------------------- 1 | {% for section in include.sections %} 2 | {% if section.format == "title" %} 3 | {% include flow/title.html object=section %} 4 | {% elsif section.format == "members" %} 5 | {% include flow/members-section.html object=section %} 6 | {% elsif section.format == "youtube" %} 7 |
    8 | {% include youtube.html url=section.url title=section.title poster_image=section.poster_image %} 9 |
    10 | {% elsif section.format == "tabs" %} 11 | {% include flow/tabbed_content.html object=section %} 12 | {% elsif section.format == "collapse" %} 13 | {% include flow/collapse.html object=section %} 14 | {% elsif section.format == "block" %} 15 | {% include flow/blocks.html object=section %} 16 | {% elsif section.format == "buttons" %} 17 | {% include flow/buttons.html object=section.buttons_content style=section.style %} 18 | {% elsif section.format == "text" %} 19 | {% include flow/text.html object=section %} 20 | {% elsif section.format == "custom_include" %} 21 | {% include {{section.source}} object=section %} 22 | {% elsif section.format == "slider" %} 23 | {% include flow/slider_row.html object=section.slider_content %} 24 | {% elsif section.format == "feature_block" %} 25 | {% include flow/feature_block.html object=section %} 26 | {% endif %} 27 | {% endfor %} 28 | -------------------------------------------------------------------------------- /_sass/core/theme.scss: -------------------------------------------------------------------------------- 1 | #wrapper { 2 | overflow-x:hidden; 3 | .btn{ 4 | &.btn-primary { 5 | color: #fff; 6 | } 7 | &.btn-secondary { 8 | color: #fff; 9 | } 10 | } 11 | .dotted { 12 | border: 6px dotted $primary; 13 | border-radius: 10px; 14 | } 15 | .blog-content { 16 | @include media-breakpoint-up(xl){ 17 | font-size: 1.4rem; 18 | } 19 | } 20 | blockquote { 21 | width:100%; 22 | font-family:Open Sans; 23 | font-style:italic; 24 | color: #555555; 25 | padding:1.2em 30px 1.2em 75px; 26 | border-left:8px solid $primary ; 27 | line-height:1.6; 28 | position: relative; 29 | background:#EDEDED; 30 | &::before{ 31 | font-family:Arial; 32 | content: "\201C"; 33 | color:$primary; 34 | font-size:6em; 35 | position: absolute; 36 | left: 10px; 37 | top:-10px; 38 | } 39 | } 40 | .card { 41 | &.background_image { 42 | img { 43 | filter: brightness(0.6); 44 | height: 100%; 45 | } 46 | } 47 | .card-img-top { 48 | height: 150px; 49 | width: 100%; 50 | object-fit: cover; 51 | } 52 | } 53 | .darken { 54 | filter: brightness(0.5); 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /_sass/bootstrap/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | display: flex; 3 | flex-wrap: wrap; 4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x; 5 | margin-bottom: $breadcrumb-margin-bottom; 6 | list-style: none; 7 | background-color: $breadcrumb-bg; 8 | @include border-radius($breadcrumb-border-radius); 9 | } 10 | 11 | .breadcrumb-item { 12 | // The separator between breadcrumbs (by default, a forward-slash: "/") 13 | + .breadcrumb-item { 14 | padding-left: $breadcrumb-item-padding; 15 | 16 | &::before { 17 | display: inline-block; // Suppress underlining of the separator in modern browsers 18 | padding-right: $breadcrumb-item-padding; 19 | color: $breadcrumb-divider-color; 20 | content: $breadcrumb-divider; 21 | } 22 | } 23 | 24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built 25 | // without `