Adding initial commit
Project: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/commit/6fa6824b Tree: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/tree/6fa6824b Diff: http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/diff/6fa6824b Branch: refs/heads/master Commit: 6fa6824b579c807534f458db51880d96396375a5 Parents: c4d61ac Author: arthur <[email protected]> Authored: Thu Jun 15 19:41:23 2017 +0300 Committer: arthur <[email protected]> Committed: Thu Jun 15 19:41:23 2017 +0300 ---------------------------------------------------------------------- 2.txt | 0 Gemfile | 7 + Gemfile.lock | 57 ++ Gruntfile.js | 103 +++ LICENSE | 21 + README.md | 17 + _config.yml | 66 ++ _data/footer.yml | 20 + _data/messages.yml | 40 ++ _data/navigation.yml | 18 + _includes/advertising.html | 14 + _includes/breadcrumbs.html | 13 + _includes/browser-upgrade.html | 1 + _includes/collection-pagination.html | 15 + _includes/comments.html | 14 + _includes/footer.html | 17 + _includes/header.html | 8 + _includes/image-credit.html | 1 + _includes/latest-posts-grid.html | 9 + _includes/latest-posts-list.html | 7 + _includes/navigation-sliding.html | 17 + _includes/navigation.html | 11 + _includes/open-graph.html | 19 + _includes/page-author.html | 11 + _includes/page-meta.html | 3 + _includes/pagination.html | 15 + _includes/post-grid.html | 7 + _includes/post-list-bullets.html | 13 + _includes/post-list.html | 1 + _includes/scroll-cue.html | 3 + _includes/share-this.html | 5 + _includes/toc.html | 4 + _layouts/archive.html | 25 + _layouts/article.html | 35 + _layouts/default.html | 47 ++ _layouts/media.html | 34 + _sass/_animations.scss | 41 ++ _sass/_badges.scss | 41 ++ _sass/_base.scss | 396 +++++++++++ _sass/_breadcrumbs.scss | 16 + _sass/_bullets.scss | 50 ++ _sass/_buttons.scss | 156 ++++ _sass/_footnotes.scss | 14 + _sass/_grid-settings.scss | 15 + _sass/_helpers.scss | 153 ++++ _sass/_layout.scss | 351 +++++++++ _sass/_menu-navicons.scss | 130 ++++ _sass/_mixins.scss | 94 +++ _sass/_notices.scss | 79 +++ _sass/_reset.scss | 144 ++++ _sass/_sliding-menu.scss | 189 +++++ _sass/_syntax.scss | 135 ++++ _sass/_tiles.scss | 45 ++ _sass/_toc.scss | 71 ++ _sass/_variables.scss | 110 +++ .../bourbon/_bourbon-deprecated-upcoming.scss | 8 + _sass/vendor/bourbon/_bourbon.scss | 78 ++ _sass/vendor/bourbon/addons/_button.scss | 374 ++++++++++ _sass/vendor/bourbon/addons/_clearfix.scss | 23 + .../bourbon/addons/_directional-values.scss | 111 +++ _sass/vendor/bourbon/addons/_ellipsis.scss | 7 + _sass/vendor/bourbon/addons/_font-family.scss | 5 + _sass/vendor/bourbon/addons/_hide-text.scss | 10 + .../bourbon/addons/_html5-input-types.scss | 86 +++ _sass/vendor/bourbon/addons/_position.scss | 32 + _sass/vendor/bourbon/addons/_prefixer.scss | 45 ++ _sass/vendor/bourbon/addons/_retina-image.scss | 31 + _sass/vendor/bourbon/addons/_size.scss | 16 + .../bourbon/addons/_timing-functions.scss | 32 + _sass/vendor/bourbon/addons/_triangle.scss | 83 +++ _sass/vendor/bourbon/addons/_word-wrap.scss | 8 + _sass/vendor/bourbon/css3/_animation.scss | 52 ++ _sass/vendor/bourbon/css3/_appearance.scss | 3 + .../bourbon/css3/_backface-visibility.scss | 6 + .../vendor/bourbon/css3/_background-image.scss | 42 ++ _sass/vendor/bourbon/css3/_background.scss | 55 ++ _sass/vendor/bourbon/css3/_border-image.scss | 59 ++ _sass/vendor/bourbon/css3/_border-radius.scss | 22 + _sass/vendor/bourbon/css3/_box-sizing.scss | 4 + _sass/vendor/bourbon/css3/_calc.scss | 4 + _sass/vendor/bourbon/css3/_columns.scss | 47 ++ _sass/vendor/bourbon/css3/_filter.scss | 5 + _sass/vendor/bourbon/css3/_flex-box.scss | 321 +++++++++ _sass/vendor/bourbon/css3/_font-face.scss | 23 + .../bourbon/css3/_font-feature-settings.scss | 10 + .../vendor/bourbon/css3/_hidpi-media-query.scss | 10 + _sass/vendor/bourbon/css3/_hyphens.scss | 4 + _sass/vendor/bourbon/css3/_image-rendering.scss | 14 + _sass/vendor/bourbon/css3/_keyframes.scss | 35 + _sass/vendor/bourbon/css3/_linear-gradient.scss | 38 + _sass/vendor/bourbon/css3/_perspective.scss | 8 + _sass/vendor/bourbon/css3/_placeholder.scss | 8 + _sass/vendor/bourbon/css3/_radial-gradient.scss | 39 + _sass/vendor/bourbon/css3/_transform.scss | 15 + _sass/vendor/bourbon/css3/_transition.scss | 77 ++ _sass/vendor/bourbon/css3/_user-select.scss | 3 + _sass/vendor/bourbon/functions/_assign.scss | 11 + .../bourbon/functions/_color-lightness.scss | 13 + _sass/vendor/bourbon/functions/_flex-grid.scss | 39 + .../vendor/bourbon/functions/_golden-ratio.scss | 3 + _sass/vendor/bourbon/functions/_grid-width.scss | 13 + .../bourbon/functions/_modular-scale.scss | 66 ++ _sass/vendor/bourbon/functions/_px-to-em.scss | 13 + _sass/vendor/bourbon/functions/_px-to-rem.scss | 15 + .../vendor/bourbon/functions/_strip-units.scss | 5 + _sass/vendor/bourbon/functions/_tint-shade.scss | 9 + .../functions/_transition-property-name.scss | 22 + _sass/vendor/bourbon/functions/_unpack.scss | 17 + .../vendor/bourbon/helpers/_convert-units.scss | 15 + .../helpers/_gradient-positions-parser.scss | 13 + _sass/vendor/bourbon/helpers/_is-num.scss | 8 + .../bourbon/helpers/_linear-angle-parser.scss | 25 + .../helpers/_linear-gradient-parser.scss | 41 ++ .../helpers/_linear-positions-parser.scss | 61 ++ .../helpers/_linear-side-corner-parser.scss | 31 + .../bourbon/helpers/_radial-arg-parser.scss | 69 ++ .../helpers/_radial-gradient-parser.scss | 50 ++ .../helpers/_radial-positions-parser.scss | 18 + .../bourbon/helpers/_render-gradients.scss | 26 + .../bourbon/helpers/_shape-size-stripper.scss | 10 + _sass/vendor/bourbon/helpers/_str-to-num.scss | 50 ++ _sass/vendor/bourbon/settings/_prefixer.scss | 6 + _sass/vendor/bourbon/settings/_px-to-em.scss | 1 + _sass/vendor/font-awesome/_animated.scss | 34 + _sass/vendor/font-awesome/_bordered-pulled.scss | 25 + _sass/vendor/font-awesome/_core.scss | 12 + _sass/vendor/font-awesome/_fixed-width.scss | 6 + _sass/vendor/font-awesome/_icons.scss | 697 ++++++++++++++++++ _sass/vendor/font-awesome/_larger.scss | 13 + _sass/vendor/font-awesome/_list.scss | 19 + _sass/vendor/font-awesome/_mixins.scss | 26 + _sass/vendor/font-awesome/_path.scss | 15 + _sass/vendor/font-awesome/_rotated-flipped.scss | 20 + _sass/vendor/font-awesome/_stacked.scss | 20 + _sass/vendor/font-awesome/_variables.scss | 708 +++++++++++++++++++ _sass/vendor/font-awesome/font-awesome.scss | 17 + _sass/vendor/neat/_neat-helpers.scss | 7 + _sass/vendor/neat/_neat.scss | 21 + .../vendor/neat/functions/_new-breakpoint.scss | 16 + _sass/vendor/neat/functions/_private.scss | 125 ++++ _sass/vendor/neat/grid/_fill-parent.scss | 7 + _sass/vendor/neat/grid/_grid.scss | 5 + _sass/vendor/neat/grid/_media.scss | 38 + _sass/vendor/neat/grid/_omega.scss | 61 ++ _sass/vendor/neat/grid/_outer-container.scss | 8 + _sass/vendor/neat/grid/_pad.scss | 8 + _sass/vendor/neat/grid/_private.scss | 43 ++ _sass/vendor/neat/grid/_reset.scss | 12 + _sass/vendor/neat/grid/_row.scss | 17 + _sass/vendor/neat/grid/_shift.scss | 16 + _sass/vendor/neat/grid/_span-columns.scss | 43 ++ _sass/vendor/neat/grid/_to-deprecate.scss | 57 ++ _sass/vendor/neat/grid/_visual-grid.scss | 41 ++ _sass/vendor/neat/settings/_grid.scss | 7 + _sass/vendor/neat/settings/_visual-grid.scss | 5 + _site/about/index.html | 198 ++++++ _site/apple-touch-icon-precomposed.png | Bin 0 -> 1243 bytes _site/atom.xml | 1 + _site/community/index.html | 187 +++++ _site/css/main.css | 4 + _site/favicon.ico | Bin 0 -> 1150 bytes _site/fonts/FontAwesome.otf | Bin 0 -> 109688 bytes _site/fonts/fontawesome-webfont.eot | Bin 0 -> 70807 bytes _site/fonts/fontawesome-webfont.svg | 655 +++++++++++++++++ _site/fonts/fontawesome-webfont.ttf | Bin 0 -> 142072 bytes _site/fonts/fontawesome-webfont.woff | Bin 0 -> 83588 bytes _site/fonts/fontawesome-webfont.woff2 | Bin 0 -> 66624 bytes _site/getting-started/index.html | 244 +++++++ _site/images/apple-touch-icon-precomposed.png | Bin 0 -> 160 bytes _site/images/aria-architecture.png | Bin 0 -> 39058 bytes _site/images/aria-icon.png | Bin 0 -> 5282 bytes _site/images/aria-logo.png | Bin 0 -> 12875 bytes _site/images/aria-tosca-workflow.png | Bin 0 -> 48386 bytes _site/images/bio-photo.jpg | Bin 0 -> 1692 bytes _site/images/skinny-bones-demo.gif | Bin 0 -> 559372 bytes _site/index.html | 157 ++++ _site/js/main.js | 1 + _site/js/plugins/jquery.fitvids.js | 83 +++ _site/js/plugins/jquery.visible.js | 68 ++ _site/js/vendor/html5shiv.min.js | 8 + _site/js/vendor/jquery-1.9.1.min.js | 5 + _site/js/vendor/respond.min.js | 8 + _site/roadmap/index.html | 203 ++++++ _site/sitemap.xml | 18 + _templates/archive | 11 + _templates/media | 13 + _templates/page | 12 + _templates/post | 12 + about.md | 44 ++ apple-touch-icon-precomposed.png | Bin 0 -> 1243 bytes community.md | 34 + css/main.scss | 55 ++ favicon.ico | Bin 0 -> 1150 bytes fonts/FontAwesome.otf | Bin 0 -> 109688 bytes fonts/fontawesome-webfont.eot | Bin 0 -> 70807 bytes fonts/fontawesome-webfont.svg | 655 +++++++++++++++++ fonts/fontawesome-webfont.ttf | Bin 0 -> 142072 bytes fonts/fontawesome-webfont.woff | Bin 0 -> 83588 bytes fonts/fontawesome-webfont.woff2 | Bin 0 -> 66624 bytes gettingstarted.md | 77 ++ images/apple-touch-icon-precomposed.png | Bin 0 -> 160 bytes images/aria-architecture.png | Bin 0 -> 39058 bytes images/aria-icon.png | Bin 0 -> 5282 bytes images/aria-logo.png | Bin 0 -> 12875 bytes images/aria-tosca-workflow.png | Bin 0 -> 48386 bytes images/bio-photo.jpg | Bin 0 -> 1692 bytes images/skinny-bones-demo.gif | Bin 0 -> 559372 bytes index.md | 11 + js/_main.js | 20 + js/main.js | 3 + js/plugins/jquery.fitvids.js | 83 +++ js/plugins/jquery.visible.js | 68 ++ js/vendor/html5shiv.min.js | 8 + js/vendor/jquery-1.9.1.min.js | 5 + js/vendor/respond.min.js | 8 + package.json | 20 + roadmap.md | 33 + test.txt | 0 218 files changed, 10592 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/2.txt ---------------------------------------------------------------------- diff --git a/2.txt b/2.txt deleted file mode 100644 index e69de29..0000000 http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/Gemfile ---------------------------------------------------------------------- diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..d67fe9a --- /dev/null +++ b/Gemfile @@ -0,0 +1,7 @@ +# Skinny Bones Gemfile +source "https://rubygems.org"; + +gem "jekyll" +gem "jekyll-sitemap" +gem "jekyll-gist" +gem "jekyll-feed" http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/Gemfile.lock ---------------------------------------------------------------------- diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..9bc6754 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,57 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.4.0) + colorator (0.1) + faraday (0.9.2) + multipart-post (>= 1.2, < 3) + ffi (1.9.10) + ffi (1.9.10-x64-mingw32) + jekyll (3.1.6) + colorator (~> 0.1) + jekyll-sass-converter (~> 1.0) + jekyll-watch (~> 1.1) + kramdown (~> 1.3) + liquid (~> 3.0) + mercenary (~> 0.3.3) + rouge (~> 1.7) + safe_yaml (~> 1.0) + jekyll-feed (0.5.1) + jekyll-gist (1.4.0) + octokit (~> 4.2) + jekyll-sass-converter (1.4.0) + sass (~> 3.4) + jekyll-sitemap (0.10.0) + jekyll-watch (1.4.0) + listen (~> 3.0, < 3.1) + kramdown (1.11.1) + liquid (3.0.6) + listen (3.0.8) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) + mercenary (0.3.6) + multipart-post (2.0.0) + octokit (4.3.0) + sawyer (~> 0.7.0, >= 0.5.3) + rb-fsevent (0.9.7) + rb-inotify (0.9.7) + ffi (>= 0.5.0) + rouge (1.10.1) + safe_yaml (1.0.4) + sass (3.4.22) + sawyer (0.7.0) + addressable (>= 2.3.5, < 2.5) + faraday (~> 0.8, < 0.10) + +PLATFORMS + ruby + x64-mingw32 + +DEPENDENCIES + jekyll + jekyll-feed + jekyll-gist + jekyll-sitemap + +BUNDLED WITH + 1.12.5 http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/Gruntfile.js ---------------------------------------------------------------------- diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..3dc574e --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,103 @@ +'use strict'; +module.exports = function(grunt) { + + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + jshint: { + options: { + jshintrc: '.jshintrc' + }, + all: [ + 'Gruntfile.js', + 'js/*.js', + '!js/main.js' + ] + }, + watch: { + js: { + files: [ + '<%= jshint.all %>' + ], + tasks: ['jshint', 'uglify', 'surround'], + options: { + livereload: true + } + }, + }, + uglify: { + dist: { + options: { + banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %> */', + compress: true, + beautify: false, + mangle: false + }, + files: { + 'js/main.js': [ + 'js/plugins/*.js', + 'js/_*.js' + ] + } + } + }, + surround: { + src: 'js/main.js', + options: { + overwrite: true, + prepend: '---\n---', + }, + }, + imagemin: { + dist: { + options: { + optimizationLevel: 7, + progressive: true + }, + files: [{ + expand: true, + cwd: 'images/', + src: '{,*/}*.{png,jpg,jpeg}', + dest: 'images/' + }] + } + }, + imgcompress: { + dist: { + options: { + optimizationLevel: 7, + progressive: true + }, + files: [{ + expand: true, + cwd: 'images/', + src: '{,*/}*.{png,jpg,jpeg}', + dest: 'images/' + }] + } + }, + svgmin: { + dist: { + files: [{ + expand: true, + cwd: 'images/', + src: '{,*/}*.svg', + dest: 'images/' + }] + } + }, + }); + + // Load tasks + grunt.loadNpmTasks('grunt-contrib-jshint'); + grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.loadNpmTasks('grunt-contrib-uglify'); + grunt.loadNpmTasks('grunt-newer'); + grunt.loadNpmTasks('grunt-contrib-imagemin'); + grunt.loadNpmTasks('grunt-svgmin'); + grunt.loadNpmTasks('grunt-imgcompress'); + grunt.loadNpmTasks('grunt-surround'); + + // Register tasks + grunt.registerTask('scripts', ['watch', 'uglify']); + grunt.registerTask('images', ['newer:imgcompress', 'newer:svgmin']); +}; http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/LICENSE ---------------------------------------------------------------------- diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..4fe1728 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2014 Michael Rose + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/README.md ---------------------------------------------------------------------- diff --git a/README.md b/README.md new file mode 100644 index 0000000..5a03daf --- /dev/null +++ b/README.md @@ -0,0 +1,17 @@ +# Skinny Bones Jekyll Starter + +Just a little something I'm using to jump start a site refresh. I like to think of it as a starter for building your own Jekyll site. I purposely keep the styling minimal and bare to make it easier to add your own flare and markup. + +I'm currently using a variation of it on my personal website [Made Mistakes](http://mademistakes.com) with some modifications. To learn more about how to use the theme and install it check out the [Skinny Bones demo](http://mmistakes.github.io/skinny-bones-jekyll/) (*work in progress*). + + + +--- + +## Notable Features + +* Jekyll 3.x and GitHub Pages compatible. +* Stylesheet built using Sass. +* Data files for easier customization of the site navigation/footer and for supporting multiple authors. +* Optional Disqus comments, table of contents, social sharing links, and Google AdSense ads. +* And more. http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_config.yml ---------------------------------------------------------------------- diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..275a4c3 --- /dev/null +++ b/_config.yml @@ -0,0 +1,66 @@ +# Site wide configuration + +title: "Apache ARIA TOSCA" +description: "ARIA is an agile reference implementation of automation based on OASIS TOSCA Specification. It is a framework for implementing orchestration software and a command line tool to execute TOSCA based application blueprints." +logo: aria-icon.png +# 120x120 px default image used for Twitter summary card +teaser: aria-logo.png + # 400x250 px default teaser image used in image archive grid +locale: en +#url: ariatosca.apache.org +feed: + path: atom.xml + +# Jekyll configuration + +sass: + sass_dir: _sass + style: compressed +permalink: /:categories/:title/ +kramdown: + toc_levels: 1..2 +highlighter: rouge +gems: + - jekyll-sitemap + - jekyll-gist + - jekyll-feed + + +# Site owner +owner: + name: + email: + twitter: + google: + ad-client: + ad-slot: + bio: + avatar: bio-photo.jpg # 160x160 px image for author byline + disqus-shortname: + + +include: + - .htaccess +exclude: + - "*.less" + - "*.sublime-project" + - "*.sublime-workspace" + - .asset-cache + - .bundle + - .jekyll-assets-cache + - .sass-cache + - CHANGELOG + - Capfile + - Gemfile + - Gruntfile.js + - LICENSE + - README + - Rakefile + - config + - gulpfile.js + - lib + - log + - node_modules + - package.json + - spec + - tmp http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_data/footer.yml ---------------------------------------------------------------------- diff --git a/_data/footer.yml b/_data/footer.yml new file mode 100644 index 0000000..d1e22b2 --- /dev/null +++ b/_data/footer.yml @@ -0,0 +1,20 @@ +# Footer navigation links + +- title: About + url: /about/ + + +- title: Community + url: /Community/ + + + +- title: Getting Started + url: /start/ + + +- title: Roadmap + url: /docs/ + + + http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_data/messages.yml ---------------------------------------------------------------------- diff --git a/_data/messages.yml b/_data/messages.yml new file mode 100644 index 0000000..9dd8143 --- /dev/null +++ b/_data/messages.yml @@ -0,0 +1,40 @@ +# Messages for localization +# see description here: https://tuananh.org/2014/08/13/localization-with-jekyll/ + +locales: + # English translation + # ------------------- + en: &DEFAULT_EN + overview: "Overview" + toc: "Table of Contents" + written_by: "Written by" + updated: "Updated" + share: "Share on" + en_US: + <<: *DEFAULT_EN # use English translation for en_US + en_UK: + <<: *DEFAULT_EN # use English translation for en_UK + + # German translation + # ------------------- + de: &DEFAULT_DE + <<: *DEFAULT_EN # load English values as default + overview: "Übersicht" + toc: "Inhalt" + written_by: "Verfasst von" + updated: "Zuletzt aktualisiert:" + share: "" + de_DE: + <<: *DEFAULT_DE # use German translation for de_DE + + # French translation (TODO) + # ------------------- + fr: &DEFAULT_FR + <<: *DEFAULT_EN # load English values as default + overview: "Aperçu" + toc: "Table des matières" + written_by: "Ãcrit par" + updated: "Mis à jour" + share: "Partager sur" + fr_FR: + <<: *DEFAULT_FR # use French translation for fr_FR http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_data/navigation.yml ---------------------------------------------------------------------- diff --git a/_data/navigation.yml b/_data/navigation.yml new file mode 100644 index 0000000..50f8aa4 --- /dev/null +++ b/_data/navigation.yml @@ -0,0 +1,18 @@ +# Site navigation links + +- title: About + url: /about/ + excerpt: "About ARIA TOSCA" + +- title: Community + url: /community/ + excerpt: "Joing the ARIA TOSCA Community" + + +- title: Getting Started + url: /getting-started/ + excerpt: "Getting started with ARIA TOSCA" + +- title: Roadmap + url: /roadmap/ + excerpt: "Roadmap Features of ARIA TOSCA" http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/advertising.html ---------------------------------------------------------------------- diff --git a/_includes/advertising.html b/_includes/advertising.html new file mode 100644 index 0000000..4c876c5 --- /dev/null +++ b/_includes/advertising.html @@ -0,0 +1,14 @@ +<style> +.responsive-ads { width: 300px; height: 200px; } +@media(min-width: 520px) { .responsive-ads { width: 468px; height: 60px; } } +@media(min-width: 768px) { .responsive-ads { width: 160px; height: 600px; } } +</style> + +<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> +<ins class="adsbygoogle responsive-ads" + style="display:inline-block" + data-ad-client="{{ site.owner.google.ad-client }}" + data-ad-slot="{{ site.owner.google.ad-slot }}"></ins> +<script> +(adsbygoogle = window.adsbygoogle || []).push({}); +</script> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/breadcrumbs.html ---------------------------------------------------------------------- diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html new file mode 100644 index 0000000..64f15b4 --- /dev/null +++ b/_includes/breadcrumbs.html @@ -0,0 +1,13 @@ +{% if page.categories and page.categories != empty %} + <nav class="breadcrumbs"> + <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb";> + <a href="{{ site.url }}" itemprop="url"> + <span itemprop="title">Home</span> + </a> ⺠+ <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb";> + <a href="{{ site.url }}/{{ page.categories | first }}/" itemprop="url"> + <span itemprop="title">{{ page.categories | first | replace: '-',' ' | capitalize }}</span> + </a> + </span> + </nav><!-- /.breadcrumbs --> +{% endif %} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/browser-upgrade.html ---------------------------------------------------------------------- diff --git a/_includes/browser-upgrade.html b/_includes/browser-upgrade.html new file mode 100644 index 0000000..0181a22 --- /dev/null +++ b/_includes/browser-upgrade.html @@ -0,0 +1 @@ +<!--[if lt IE 9]><div class="upgrade notice-warning"><strong>Your browser is quite old!</strong> Why not <a href="http://whatbrowser.org/";>upgrade to a newer one</a> to better enjoy this site?</div><![endif]--> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/collection-pagination.html ---------------------------------------------------------------------- diff --git a/_includes/collection-pagination.html b/_includes/collection-pagination.html new file mode 100644 index 0000000..6a62925 --- /dev/null +++ b/_includes/collection-pagination.html @@ -0,0 +1,15 @@ +<nav class="pagination"> + {% capture collection_name %}{{ include.collection }}{% endcapture %} + {% for post in site.[collection_name] %} + {% if post.url == page.url %} + {% assign post_index0 = forloop.index0 %} + {% assign post_index1 = forloop.index %} + {% endif %} + {% endfor %} + {% for post in site.[collection_name] %} + {% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %} + {% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %} + {% endfor %} + {% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %} + {% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %} +</nav> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/comments.html ---------------------------------------------------------------------- diff --git a/_includes/comments.html b/_includes/comments.html new file mode 100644 index 0000000..9325a39 --- /dev/null +++ b/_includes/comments.html @@ -0,0 +1,14 @@ +<hr /> +<div id="disqus_thread"></div> +<script type="text/javascript"> + /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ + var disqus_shortname = '{{ site.owner.disqus-shortname }}'; + + /* * * DON'T EDIT BELOW THIS LINE * * */ + (function() { + var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; + dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; + (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); + })(); +</script> +<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript";>comments powered by Disqus.</a></noscript> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/footer.html ---------------------------------------------------------------------- diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..3aeb0b4 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,17 @@ +<footer role="contentinfo" id="site-footer"> + <nav role="navigation" class="menu bottom-menu"> + <ul class="menu-item"> + {% for link in site.data.footer %} + {% if link.url contains 'http' %} + {% assign domain = '' %} + {% else %} + {% assign domain = site.url %} + {% endif %} + <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li> + {% endfor %} + </ul> + </nav><!-- /.bottom-menu --> + <p class="copyright">{{ site.description }}</p> + <p class="copyright">© {{ site.time | date: '%Y' }} <a href="{{ site.url }}">{{ site.title }}</a>.</p> + +</footer> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/header.html ---------------------------------------------------------------------- diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..168091a --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,8 @@ +<header id="masthead"> + <div class="inner-wrap"> + <a href="{{ site.url }}/" class="site-title">{{ site.title }}</a> + <nav role="navigation" class="menu top-menu"> + {% include navigation.html %} + </nav> + </div><!-- /.inner-wrap --> +</header><!-- /.masthead --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/image-credit.html ---------------------------------------------------------------------- diff --git a/_includes/image-credit.html b/_includes/image-credit.html new file mode 100644 index 0000000..c9d07a1 --- /dev/null +++ b/_includes/image-credit.html @@ -0,0 +1 @@ +<div class="image-credit">Image source: <a href="{{ page.image.creditlink }}" itemprop="citation">{{ page.image.credit }}</a></div><!-- /.image-credit --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/latest-posts-grid.html ---------------------------------------------------------------------- diff --git a/_includes/latest-posts-grid.html b/_includes/latest-posts-grid.html new file mode 100644 index 0000000..cbdeef5 --- /dev/null +++ b/_includes/latest-posts-grid.html @@ -0,0 +1,9 @@ +<div class="archive-wrap"> + <h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3> + <ul class="th-grid"> + {% capture category_name %}{{ page.categories | first }}{% endcapture %} + {% for post in site.categories.[category_name] limit:4 %} + <li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"><img src="{{ site.url }}/images/{{ post.image.thumb }}" alt=""></a></li> + {% endfor %} + </ul> +</div><!-- /.archive-wrap --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/latest-posts-list.html ---------------------------------------------------------------------- diff --git a/_includes/latest-posts-list.html b/_includes/latest-posts-list.html new file mode 100644 index 0000000..848bc6a --- /dev/null +++ b/_includes/latest-posts-list.html @@ -0,0 +1,7 @@ +<h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3> +<ul> +{% capture category_name %}{{ page.categories | first }}{% endcapture %} +{% for post in site.categories.[category_name] limit:3 %} + <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li> +{% endfor %} +</ul> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/navigation-sliding.html ---------------------------------------------------------------------- diff --git a/_includes/navigation-sliding.html b/_includes/navigation-sliding.html new file mode 100644 index 0000000..a04871c --- /dev/null +++ b/_includes/navigation-sliding.html @@ -0,0 +1,17 @@ +<nav role="navigation" id="js-menu" class="sliding-menu-content"> + <h5>{{ site.title }} <span>{{ site.data.messages.locales[site.locale].toc }}</span></h5> + <ul class="menu-item"> + {% for link in site.data.navigation %}<li> + <a href="{{ site.url }}{{ link.url }}"> + {% if link.image %}<img src="{{ site.url }}/images/{{ link.image }}" alt="teaser" class="teaser">{% endif %} + <div class="title">{{ link.title }}</div> + {% if link.excerpt %}<p class="excerpt">{{ link.excerpt }}</p>{% endif %} + </a> + </li>{% endfor %} + </ul> +</nav> +<button type="button" id="js-menu-trigger" class="sliding-menu-button lines-button x2" role="button" aria-label="Toggle Navigation"> + <span class="nav-lines"></span> +</button> + +<div id="js-menu-screen" class="menu-screen"></div> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/navigation.html ---------------------------------------------------------------------- diff --git a/_includes/navigation.html b/_includes/navigation.html new file mode 100644 index 0000000..386eada --- /dev/null +++ b/_includes/navigation.html @@ -0,0 +1,11 @@ +<ul class="menu-item"> + <li class="home"><a href="/">{{ site.title }}</a></li> + {% for link in site.data.navigation %} + {% if link.url contains 'http' %} + {% assign domain = '' %} + {% else %} + {% assign domain = site.url %} + {% endif %} + <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li> + {% endfor %} +</ul> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/open-graph.html ---------------------------------------------------------------------- diff --git a/_includes/open-graph.html b/_includes/open-graph.html new file mode 100644 index 0000000..87bf165 --- /dev/null +++ b/_includes/open-graph.html @@ -0,0 +1,19 @@ + <!-- Twitter Cards --> + <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"> + {% if page.excerpt %}<meta name="twitter:description" content="{{ page.excerpt | strip_html }}">{% endif %} + {% if site.owner.twitter %}<meta name="twitter:site" content="@{{ site.owner.twitter }}">{% endif %} + {% if author.twitter %}<meta name="twitter:creator" content="@{{ author.twitter }}">{% endif %} + {% if page.image.feature %} + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}"> + {% else %} + <meta name="twitter:card" content="summary"> + <meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}"> + {% endif %} + <!-- Open Graph --> + <meta property="og:locale" content="{{ site.locale }}"> + <meta property="og:type" content="article"> + <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"> + {% if page.excerpt %}<meta property="og:description" content="{{ page.excerpt | strip_html }}">{% endif %} + <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}"> + <meta property="og:site_name" content="{{ site.title }}"> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/page-author.html ---------------------------------------------------------------------- diff --git a/_includes/page-author.html b/_includes/page-author.html new file mode 100644 index 0000000..6e65e8e --- /dev/null +++ b/_includes/page-author.html @@ -0,0 +1,11 @@ +{% if page.author %} + {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %} +{% endif %} + +<div class="author-image"> + <img src="{{ site.url }}/images/{{ author.avatar }}" alt="{{ author.name }}"> +</div><!-- ./author-image --> +<div class="author-content"> + <h3 class="author-name" >{{ site.data.messages.locales[site.locale].written_by }} {% if author.web %}<a href="{{ author.web }}" itemprop="author">{{ author.name }}</a>{% else %}<span itemprop="author">{{ author.name }}</span>{% endif %}</h3> + <p class="author-bio">{{ author.bio }}</p> +</div><!-- ./author-content --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/page-meta.html ---------------------------------------------------------------------- diff --git a/_includes/page-meta.html b/_includes/page-meta.html new file mode 100644 index 0000000..489eeca --- /dev/null +++ b/_includes/page-meta.html @@ -0,0 +1,3 @@ +{% if page.date %}<div class="page-meta"> + <p>{{ site.data.messages.locales[site.locale].updated }} {% if page.modified %}<time datetime="{{ page.modified | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="dateModified">{{ page.modified | date: "%B %d, %Y" }}</time>{% else %}<time datetime="{{ page.date | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="datePublished">{{ page.date | date: "%B %d, %Y" }}</time></p>{% endif %} +</div><!-- /.page-meta -->{% endif %} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/pagination.html ---------------------------------------------------------------------- diff --git a/_includes/pagination.html b/_includes/pagination.html new file mode 100644 index 0000000..f65d3eb --- /dev/null +++ b/_includes/pagination.html @@ -0,0 +1,15 @@ +<nav class="pagination"> + {% capture category_name %}{{ page.categories | first }}{% endcapture %} + {% for post in site.categories.[category_name] %} + {% if post.url == page.url %} + {% assign post_index0 = forloop.index0 %} + {% assign post_index1 = forloop.index %} + {% endif %} + {% endfor %} + {% for post in site.categories.[category_name] %} + {% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %} + {% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %} + {% endfor %} + {% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %} + {% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %} +</nav> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/post-grid.html ---------------------------------------------------------------------- diff --git a/_includes/post-grid.html b/_includes/post-grid.html new file mode 100644 index 0000000..57330ab --- /dev/null +++ b/_includes/post-grid.html @@ -0,0 +1,7 @@ +<article class="tile" itemscope itemtype="http://schema.org/Article";> + <a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}" class="post-teaser">{% if post.image.teaser %}<img src="{{ site.url }}/images/{{ post.image.teaser }}" alt="teaser" itemprop="image"> + {% else %}<img src="{{ site.url }}/images/{{ site.teaser }}" alt="teaser" itemprop="image">{% endif %}</a> + {% if post.date %}<p class="entry-date date published"><time datetime="{{ post.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ post.date | date: "%B %d, %Y" }}</time></p>{% endif %} + <h2 class="post-title" itemprop="name"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2> + <p class="post-excerpt" itemprop="description">{{ post.excerpt | strip_html | truncate: 160 }}</p> +</article><!-- /.tile --> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/post-list-bullets.html ---------------------------------------------------------------------- diff --git a/_includes/post-list-bullets.html b/_includes/post-list-bullets.html new file mode 100644 index 0000000..93da0df --- /dev/null +++ b/_includes/post-list-bullets.html @@ -0,0 +1,13 @@ +<div class="bullets"> + {% for post in site.posts %} + <div class="bullet three-col-bullet"> + <div class="bullet-icon"> + <a href="{{ site.url }}{{ post.url }}"><img src="{{ site.url }}/images/{{ post.image.teaser }}" alt=""></a> + </div><!-- /.bullet-icon --> + <div class="bullet-content"> + <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2> + <p>{{ post.excerpt | remove: '<p>' | remove: '</p>'}}</p> + </div><!-- /.bullet-content --> + </div><!-- /.bullet --> + {% endfor %} +</div><!-- /.bullets --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/post-list.html ---------------------------------------------------------------------- diff --git a/_includes/post-list.html b/_includes/post-list.html new file mode 100644 index 0000000..75da584 --- /dev/null +++ b/_includes/post-list.html @@ -0,0 +1 @@ +<li>{% if post.date %}<span>{{ post.date | date: "%B %d, %Y" }}</span> » {% endif %}<a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/scroll-cue.html ---------------------------------------------------------------------- diff --git a/_includes/scroll-cue.html b/_includes/scroll-cue.html new file mode 100644 index 0000000..8f0723e --- /dev/null +++ b/_includes/scroll-cue.html @@ -0,0 +1,3 @@ +<div id="scroll-cue" onclick="$('html,body').animate({scrollTop: $('#content').offset().top}, 1000)">Scroll + <svg class="hang" version="1.1" xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; width="32" height="32" viewBox="0 0 32 32"><g></g><path d="M24.773 13.701c-0.651 0.669-7.512 7.205-7.512 7.205-0.349 0.357-0.805 0.534-1.261 0.534-0.458 0-0.914-0.178-1.261-0.534 0 0-6.861-6.536-7.514-7.205-0.651-0.669-0.696-1.87 0-2.586 0.698-0.714 1.669-0.77 2.522 0l6.253 5.997 6.251-5.995c0.854-0.77 1.827-0.714 2.522 0 0.698 0.714 0.654 1.917 0 2.584z" fill="#ffffff" /></svg> +</div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/share-this.html ---------------------------------------------------------------------- diff --git a/_includes/share-this.html b/_includes/share-this.html new file mode 100644 index 0000000..1629a98 --- /dev/null +++ b/_includes/share-this.html @@ -0,0 +1,5 @@ +<div class="inline-btn"> + <a class="btn-social twitter" href="https://twitter.com/intent/tweet?text={{ page.title | escape | replace:' ','%20' }}&url={{ page.url | replace:'index.html','' | prepend: site.url }}&via={{ site.owner.twitter }}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Twitter</a> + <a class="btn-social facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Facebook</a> + <a class="btn-social google-plus" href="https://plus.google.com/share?url={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Google+</a> +</div><!-- /.share-this --> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_includes/toc.html ---------------------------------------------------------------------- diff --git a/_includes/toc.html b/_includes/toc.html new file mode 100644 index 0000000..7a88101 --- /dev/null +++ b/_includes/toc.html @@ -0,0 +1,4 @@ +<nav class="toc" markdown="1"> +* Auto generated table of contents +{:toc} +</nav> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_layouts/archive.html ---------------------------------------------------------------------- diff --git a/_layouts/archive.html b/_layouts/archive.html new file mode 100644 index 0000000..a3a5c98 --- /dev/null +++ b/_layouts/archive.html @@ -0,0 +1,25 @@ +--- +layout: default +--- + +<div id="main" role="main"> + <div class="wrap"> + {% if page.image.feature %} + <div class="page-feature"> + <div class="page-image"> + <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}"> + {% if page.image.credit %}{% include image-credit.html %}{% endif %} + </div><!-- /.page-image --> + </div><!-- /.page-feature --> + {% endif %} + <div class="page-title"> + <h1>{{ page.title }}</h1> + {% if page.excerpt %}<h2>{{ page.excerpt }}</h2>{% endif %} + </div> + <div class="archive-wrap"> + <div class="page-content"> + {{ content }} + </div><!-- /.page-content --> + </div class="archive-wrap"><!-- /.archive-wrap --> + </div><!-- /.wrap --> +</div><!-- /#main --> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_layouts/article.html ---------------------------------------------------------------------- diff --git a/_layouts/article.html b/_layouts/article.html new file mode 100644 index 0000000..3c607ac --- /dev/null +++ b/_layouts/article.html @@ -0,0 +1,35 @@ +--- +layout: default +--- + +<div id="main" role="main"> + <article class="wrap" itemscope itemtype="http://schema.org/Article";> + {% if page.image.feature %} + <div class="page-feature"> + <div class="page-image"> + <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image"> + {% if page.image.credit %}{% include image-credit.html %}{% endif %} + </div><!-- /.page-image --> + </div><!-- /.page-feature --> + {% endif %} + {% include breadcrumbs.html %} + <div class="page-title"> + <h1>{{ page.title }}</h1> + </div> + <div class="inner-wrap"> + <div id="content" class="page-content" itemprop="articleBody"> + {{ content }} + <hr /> + <footer class="page-footer"> + {% if page.categories %}{% include page-author.html %}{% endif %} + {% if page.share != false %}{% include share-this.html %}{% endif %} + {% include page-meta.html %} + </footer><!-- /.footer --> + <aside> + {% if page.comments == true %}{% include comments.html %}{% endif %} + </aside> + </div><!-- /.content --> + </div><!-- /.inner-wrap --> + {% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %} + </article><!-- ./wrap --> +</div><!-- /#main --> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_layouts/default.html ---------------------------------------------------------------------- diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..e0adcbb --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>{% if page.title %}{{ page.title }} ⢠{% endif %}{{ site.title }}</title> + {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %} + {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %} + {% if page.author %} + {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %} + {% endif %} + {% include open-graph.html %} + + <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}"> + + <link href="{{ site.url }}/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Atom Feed"> + <link href="{{ site.url }}/sitemap.xml" type="application/xml" rel="sitemap" title="Sitemap"> + + <meta name="HandheldFriendly" content="True"> + <meta name="MobileOptimized" content="320"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta http-equiv="cleartype" content="on"> + + <link rel="stylesheet" href="{{ site.url }}/css/main.css"> + <!-- HTML5 Shiv and Media Query Support for IE --> + <!--[if lt IE 9]> + <script src="{{ site.url }}/js/vendor/html5shiv.min.js"></script> + <script src="{{ site.url }}/js/vendor/respond.min.js"></script> + <![endif]--> + + </head> + + <body id="js-body"> + {% include browser-upgrade.html %} + {% include header.html %} + {% include navigation-sliding.html %} + + <div id="page-wrapper"> + {{ content }} + {% include footer.html %} + </div> + + <script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script> + <script src="{{ site.url }}/js/main.js"></script> + + </body> + +</html> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_layouts/media.html ---------------------------------------------------------------------- diff --git a/_layouts/media.html b/_layouts/media.html new file mode 100644 index 0000000..6682db3 --- /dev/null +++ b/_layouts/media.html @@ -0,0 +1,34 @@ +--- +layout: default +--- + +<div id="main" role="main"> + <article class="wrap" itemscope itemtype="http://schema.org/Article";> + {% if page.image.feature %} + <div class="page-feature"> + <div class="page-image"> + <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image"> + {% if page.image.credit %}{% include image-credit.html %}{% endif %} + </div><!-- /.page-image --> + </div><!-- /.page-feature --> + {% endif %} + {% include breadcrumbs.html %} + <div class="page-title"> + <h1>{{ page.title }}</h1> + </div> + <div class="inner-wrap"> + <div id="content" class="page-content" itemprop="articleBody"> + {{ content }} + <hr /> + <footer class="page-footer"> + {% if page.share != false %}{% include share-this.html %}{% endif %} + {% include page-meta.html %} + </footer><!-- /.footer --> + <aside> + {% if page.comments == true %}{% include comments.html %}{% endif %} + </aside> + </div><!-- /.content --> + </div><!-- /.inner-wrap --> + {% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %} + </article><!-- /.wrap --> +</div><!-- /#main --> http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_animations.scss ---------------------------------------------------------------------- diff --git a/_sass/_animations.scss b/_sass/_animations.scss new file mode 100644 index 0000000..2e60299 --- /dev/null +++ b/_sass/_animations.scss @@ -0,0 +1,41 @@ +/* ========================================================================== + Animations + ========================================================================== */ + +/* + Wiggle animation + ========================================================================== */ + +@include keyframes(wiggle) { + 25%, 50%, 75%, 100% { @include transform-origin(top center); } + 25% { @include transform(rotate(8deg)); } + 50% { @include transform(rotate(-4deg)); } + 75% { @include transform(rotate(2deg)); } + 100% { @include transform(rotate(0deg)); } +} + +/* + Pop animation + ========================================================================== */ + +@include keyframes(pop) { + 50% { @include transform(scale(1.1)); } + 100% { @include transform(scale(1)); } +} + +/* + Hang animation + ========================================================================== */ + +@include keyframes(hang) { + 50% { @include transform(translateY(-3px)); } + 100% { @include transform(translateY(-6px)); } +} +.hang { + display: inline-block; + @include animation-name(hang); + @include animation-duration(0.5s); + @include animation-timing-function(linear); + @include animation-iteration-count(infinite); + @include animation-direction(alternate); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_badges.scss ---------------------------------------------------------------------- diff --git a/_sass/_badges.scss b/_sass/_badges.scss new file mode 100644 index 0000000..a3c4eca --- /dev/null +++ b/_sass/_badges.scss @@ -0,0 +1,41 @@ +/* ========================================================================== + Badges + ========================================================================== */ + +.badge { + display: inline-block; + background: $badge-background; + border-radius: 2em; + color: $badge-font-color; + font-family: $alt-font; + @include font-size(12,no); + font-weight: 600; + line-height: 1; + padding: .25em 1em; + text-align: center; + + &.inverse { + background: $white; + color: $text-color; + } + + &.info { + background: $badge-info-color; + color: $white; + } + + &.danger { + background: $badge-danger-color; + color: $white; + } + + &.warning { + background: $badge-warning-color; + color: darken($badge-warning-color, 60); + } + + &.success { + background: $badge-success-color; + color: darken($badge-success-color, 60); + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_base.scss ---------------------------------------------------------------------- diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..31122c1 --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,396 @@ +/* ========================================================================== + Base + ========================================================================== */ + +/* + Typography + ========================================================================== */ + +body { + font-family: $base-font; + color: $text-color; + @include font-size(16); +} + +p { + @include font-size(18,yes,28); +} + +li { + @include font-size(16,12,24); +} + +/* Headings */ + +h1, h2, h3, h4, h5, h6 { + font-family: $heading-font; + text-rendering: optimizeLegibility; // Fix the character spacing for headings +} +h1 { + @include font-size(36); +} +h2 { + @include font-size(32); +} +h3 { + @include font-size(28); +} +h4 { + @include font-size(24); +} +h5 { + @include font-size(20); +} +h6 { + @include font-size(18); +} + +/* Underlined text */ + +u, +ins { + text-decoration: none; + border-bottom: 1px solid $text-color; +} + +/* Links */ + +a { + color: $link-color; + &:hover { + color: darken($link-color, 20); + } + &:focus { + @extend %tab-focus; + } + &:hover, + &:active { + outline: 0; + } +} + +/* Quoted text */ + +blockquote { + padding-left: $gutter; + padding-right: $gutter; + border-left: 6px solid $info-color; + p { + font-family: $alt-font; + @include font-size(24); + } + cite { + font-family: $base-font; + font-weight: 700; + font-style: normal; + @include font-size(18); + } +} + +// Code +tt, code, kbd, samp, pre { + font-family: $code-font; +} +pre { + overflow-x: auto; // add scrollbars to wide code blocks +} +p code, +li code { + @include font-size(16,no); + color: $text-color; + white-space: nowrap; + margin: 0 2px; + padding: 0 5px; + border: 1px solid $border-color; + background-color: lighten($primary-color, 95); + border-radius: $border-radius; +} + +/* + Media and embeds + ========================================================================== */ + +/* Figures and images */ + +figure { + margin-left: -1 * $gutter; + margin-right: -1 * $gutter; + // full width figures on small screens + @include media($small) { + margin-left: 0; + margin-right: 0; + position: relative; + } + @include clearfix; + img, + .fluid-width-video-wrapper, + .palette { + margin-bottom: (0px + $doc-line-height) / 2; + // margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2; + } + a { + img { + /* Image hover animation */ + @include transition(box-shadow 0.3s); + &:hover { + box-shadow: 0 0 10px rgba($black, .20); + } + } + } + &.half { + @include outer-container; + @include media($small) { + a, + > img { + @include span-columns(6); + @include omega(2n); + } + figcaption { + clear: left; + } + } + } + &.third { + @include outer-container; + @include media($small) { + a, + > img { + @include span-columns(4); + @include omega(3n); + } + figcaption { + clear: left; + } + } + } +} + +/* Figure captions */ + +figcaption { + padding-left: $gutter; + padding-right: $gutter; + @include media($small) { + padding-left: 0; + padding-right: 0; + } + font-family: $alt-font; + @include font-size(14,yes); + color: $caption-color; + clear: both; + a { + color: $caption-color; + text-decoration: none; + border-bottom: 1px dotted $caption-color; + &:hover { + border-bottom-style: solid; + } + } +} + +.half, +.third { + & figcaption { /* Remove caption indents */ + padding-left: 0; + padding-right: 0; + } +} + +/* Fix IE9 SVG bug */ +svg:not(:root) { + overflow: hidden; +} + +/* + Tables + ========================================================================== */ + +table { + border-collapse: collapse; + margin: ((0px + $doc-line-height) / 2) 0; + margin: ((0rem + ($doc-line-height / $doc-font-size)) / 2) 0; + width: 100%; +} +tbody { + tr:hover > td, tr:hover > th { + background-color: $table-hover-color; + } +} +thead { + tr:first-child td { + border-bottom: 2px solid $table-border-color; + } +} +th { + padding: (0px + $doc-line-height) / 2; + padding: (0rem + ($doc-line-height / $doc-font-size)) / 2; + font-family: $alt-font; + font-weight: bold; + text-align: left; + background-color: $table-header-color; + border-bottom: 1px solid darken($border-color, 15%); +} +td { + border-bottom: 1px solid $border-color; + padding: (0px + $doc-line-height) / 2; + padding: (0rem + ($doc-line-height / $doc-font-size)) / 2; +} +tr, td, th { + vertical-align: middle; +} + +/* + Horizontal rules + ========================================================================== */ + +hr { + display: block; + position: relative; + margin: 0px + (2 * $doc-line-height) 0; + margin: 0rem + ((2 * $doc-line-height) / $doc-font-size) 0; + padding: 0; + height: 5px; + border: 0; + &:before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 2 * $column; + height: 1px; + background: $border-color; + } +} + +/* + Forms + ========================================================================== */ + +fieldset { + background: lighten($border-color, 10); + border: 1px solid $border-color; + margin-bottom: 0px + $doc-line-height; + margin-bottom: 0rem + ($doc-line-height / $doc-font-size); + padding: $gutter; + border-radius: $border-radius; +} + +input, +label, +select { + display: block; + @include font-size($form-font-size,no); +} + +label { + font-weight: bold; + font-family: $alt-font; + margin-bottom: (0px + $doc-line-height) / 4; + margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 4; + &.required:after { + content: "*"; + } + abbr { + display: none; + } +} + +textarea, +#{$all-text-inputs}, +select, +select[multiple=multiple] { + @include box-sizing(border-box); + @include transition(border-color); + background-color: white; + border-radius: $form-border-radius; + border: 1px solid $form-border-color; + box-shadow: $form-box-shadow; + font-family: $form-font-family; + font-size: $form-font-size; + margin-bottom: (0px + $doc-line-height) / 2; + margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2; + padding: ((0px + $doc-line-height) / 3) ((0px + $doc-line-height) / 3); + padding: ((0rem + ($doc-line-height / $doc-font-size)) / 3) ((0rem + ($doc-line-height / $doc-font-size)) / 3); + width: 100%; + &:hover { + border-color: $form-border-color-hover; + } + &:focus { + border-color: $form-border-color-focus; + box-shadow: $form-box-shadow-focus; + outline: none; + } +} + +textarea { + resize: vertical; +} + +input[type="search"] { + @include appearance(none); +} + +input[type="checkbox"], input[type="radio"] { + display: inline; + margin-right: (0px + $doc-line-height) / 4; + margin-right: (0rem + ($doc-line-height / $doc-font-size)) / 4; +} + +input[type="file"] { + width: 100%; +} + +select { + width: auto; + max-width: 100%; + margin-bottom: 0px + $doc-line-height; + margin-bottom: 0rem + ($doc-line-height / $doc-font-size); +} + +form button, +input[type="submit"] { + @extend .btn; + @include appearance(none); + cursor: pointer; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} + +/* + Navigation lists + ========================================================================== */ + +/** + * Removes margins, padding, and bullet points from navigation lists + * + * Example usage: + * <nav> + * <ul> + * <li><a href="#link-1">Link 1</a></li> + * <li><a href="#link-2">Link 2</a></li> + * <li><a href="#link-3">Link 3</a></li> + * </ul> + * </nav> + */ + +nav { + ul { + margin: 0; + padding: 0; + } + li { + list-style: none; + } + a { + text-decoration: none; + } +} + +/* + Global animation transition + ========================================================================== */ + +b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, .highlight { + @include transition (color 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out, border-color 0.2s ease-out); +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_breadcrumbs.scss ---------------------------------------------------------------------- diff --git a/_sass/_breadcrumbs.scss b/_sass/_breadcrumbs.scss new file mode 100644 index 0000000..e237242 --- /dev/null +++ b/_sass/_breadcrumbs.scss @@ -0,0 +1,16 @@ +/* ========================================================================== + Breadcrumb navigation + ========================================================================== */ + +.breadcrumbs { + @include row; + margin-top: $gutter; + @include font-size(10,no); + a { + display: inline-block; + font-family: $alt-font; + font-weight: 700; + text-align: left; + text-transform: uppercase; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_bullets.scss ---------------------------------------------------------------------- diff --git a/_sass/_bullets.scss b/_sass/_bullets.scss new file mode 100644 index 0000000..b1a1e19 --- /dev/null +++ b/_sass/_bullets.scss @@ -0,0 +1,50 @@ +/* ========================================================================== + Visual bullets (image + text) + ========================================================================== */ + +.bullets { + $icon-bullet-size: $column; + overflow: auto; + + // change ".three-col-bullet" class to this for two bullet layout + .two-col-bullet { + @include media($large) { + @include span-columns(6); + @include omega(2n); + } + } + .three-col-bullet { + @include media($large) { + @include span-columns(4); + @include omega(3n); + } + } + // change ".three-col-bullet" class to this for four bullet layout + .four-col-bullet { + @include media($large) { + @include span-columns(3); + @include omega(4n); + } + } + + .bullet-icon { + float: left; + background: $base-color; + padding: $icon-bullet-size /4; + border-radius: 50%; + width: $icon-bullet-size * 1.25; + height: $icon-bullet-size * 1.25; + } + .bullet-content { + margin-left: $icon-bullet-size * 1.4; + margin-bottom: 2em; + } + h2 { + margin-top: 0; + @include font-size(20,no); + display: inline-block; + } + p { + @include font-size(14); + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_buttons.scss ---------------------------------------------------------------------- diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss new file mode 100644 index 0000000..3b15898 --- /dev/null +++ b/_sass/_buttons.scss @@ -0,0 +1,156 @@ +/* ========================================================================== + Buttons + ========================================================================== */ + +/* + Default button .btn + ========================================================================== */ + +.btn { + display: inline-block; + padding: 8px 20px; + @include font-size(14); + font-family: $alt-font; + background-color: $primary-color; + color: $white; + text-decoration: none; + border: 0 !important; + border-radius: 10 * $border-radius; + @include transition(background 0.2s, border 0.2s); + &:hover { + color: $white; + background-color: lighten($primary-color, 10); + } + &:active { + // move button slightly on click + @include transform(translateY(1px)); + } +} + +/* + Inverse button .btn-inverse + ========================================================================== */ + +.btn-inverse { + @extend .btn; + background-color: $white; + color: $text-color; + &:visited, + &:active { + color: $text-color; + } + &:hover { + color: $white; + background-color: $text-color; + } +} + +/* + Info button .btn-info + ========================================================================== */ + +.btn-info { + @extend .btn; + background-color: $info-color; + color: $white; + &:visited { + color: $white; + } + &:hover { + background-color: lighten($info-color, 10); + } +} + +/* + Warning button .btn-warning + ========================================================================== */ + +.btn-warning { + @extend .btn; + background-color: $warning-color; + color: $white; + &:visited { + color: $white; + } + &:hover { + background-color: lighten($warning-color ,10); + } +} + +/* + Success button .btn-success + ========================================================================== */ + +.btn-success { + @extend .btn; + background-color: $success-color; + color: $white; + &:visited { + color: $white; + } + &:hover { + background-color:lighten($success-color, 10); + } +} + +/* + Danger button .btn-danger + ========================================================================== */ + +.btn-danger { + @extend .btn; + background-color: $danger-color; + color: $white; + &:visited { + color: $white; + } + &:hover { + background-color: lighten($danger-color, 10); + } +} + +/* + Social media buttons + ========================================================================== */ + +.btn-social { + $social: + (facebook, $facebook-color), + (flickr, $flickr-color), + (foursquare, $foursquare-color), + (google-plus, $google-plus-color), + (instagram, $instagram-color), + (linkedin, $linkedin-color), + (pinterest, $pinterest-color), + (rss, $rss-color), + (tumblr, $tumblr-color), + (twitter, $twitter-color), + (vimeo, $vimeo-color), + (youtube, $youtube-color); + @extend .btn-inverse; + color: $text-color !important; + &:visited, + &:active { + color: $text-color; + } + border: 1px solid $border-color !important; + @each $socialnetwork, $color in $social { + i.fa-#{$socialnetwork} { + color: $color; + } + } + &:hover { + color: $white !important; + } + @each $socialnetwork, $color in $social { + &.#{$socialnetwork}:hover { + background: $color; + border-color: $color; + @each $socialnetwork, $color in $social { + i.fa-#{$socialnetwork} { + color: $white; + } + } + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_footnotes.scss ---------------------------------------------------------------------- diff --git a/_sass/_footnotes.scss b/_sass/_footnotes.scss new file mode 100644 index 0000000..57a59ca --- /dev/null +++ b/_sass/_footnotes.scss @@ -0,0 +1,14 @@ +/* ========================================================================== + Footnotes + ========================================================================== */ + +.footnotes { + font-family: $alt-font; + p, li { + @include font-size(12,no); + } + &:before { + content: 'Footnotes:'; + font-weight: 700; + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_grid-settings.scss ---------------------------------------------------------------------- diff --git a/_sass/_grid-settings.scss b/_sass/_grid-settings.scss new file mode 100644 index 0000000..0d2c638 --- /dev/null +++ b/_sass/_grid-settings.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Grid settings for Neat + ========================================================================== */ + +@import "vendor/neat/neat-helpers"; + +// Change the grid settings +$visual_grid: false; + +// Define your breakpoints +$short: new-breakpoint(max-height em(700) 12); +$micro: new-breakpoint(min-width em(240) max-width em(480) 12); +$small: new-breakpoint(min-width em(600) 12); +$medium: new-breakpoint(min-width em(900) 12); +$large: new-breakpoint(min-width em(1280) 12); http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_helpers.scss ---------------------------------------------------------------------- diff --git a/_sass/_helpers.scss b/_sass/_helpers.scss new file mode 100644 index 0000000..f8ab4bf --- /dev/null +++ b/_sass/_helpers.scss @@ -0,0 +1,153 @@ +/* ========================================================================== + Helpers and Utility Classes + ========================================================================== */ + +.wrap { + @include outer-container; +} + +.come-in { + @include transform(translateY(20px)); + @include animation(pop 0.5s ease forwards); +} + +.already-visible { + @include transform(translateY(0)); + @include animation(none); +} + +/* + Hide + ========================================================================== */ + +.hidden, +.load { + display: none; +} + +/* + No scrollbars + ========================================================================== */ + +.no-scroll { + overflow: hidden; +} + +/* + Inline button(s) wrapper + ========================================================================== */ + +.inline-btn { + @include clearfix; + a, btn { + display: inline-block; + margin-right: $gutter / 2; + &:last-child { + margin-right: 0; + } + } +} + +/* + Shorten measure of text to improve readability + ========================================================================== */ + +@include media($medium) { + .shorten { + width: percentage(8/12); + } +} + +/* + Center align text + ========================================================================== */ + +.center { + text-align: center; +} + +/* + Align image to the right + ========================================================================== */ + +.image-right { + display: block; + margin-left: auto; + margin-right: auto; + @include media($medium) { + float: right; + margin-left: $gutter; + } +} + +/* + Thumbnail grid (default) + ========================================================================== */ + +.th-grid { + @include row($direction: LTR); + @include clearfix; + margin: 0; + padding: 0; + li { + list-style: none; + @include span-columns(3); + @include omega(4n); + margin-bottom: flex-gutter($grid-columns); + } + a { + img { + // Image hover animation + &:hover { + @include animation(pop .3s 0 linear); + box-shadow: 0 0 10px rgba($black, .20); + } + } + } +} + +/* + Thumbnail grid (oversized) + ========================================================================== */ + +.th-grid-full { + @include clearfix; + margin: 0; + padding: 0; + @include media($large) { + margin-right: -29em; // magic number ugh + } + @at-root { + .archive-wrap & { + margin-right: 0; + } + } + li { + list-style: none; + margin-bottom: flex-gutter($grid-columns); + @include media($micro) { + @include span-columns(3); + @include omega(4n); + } + @media screen and (min-width: em(480)) and (max-width: em(999)) { + @include span-columns(3); + @include omega(4n); + } + @include media($large) { + float: left; + width: 6.575em; + margin-right: .25em; // magic number ugh + margin-bottom: .25em; // magic number ugh + @include omega(9n); + } + } + a { + img { + // Image hover animation + &:hover { + @include animation(pop .3s 0 linear); + box-shadow: 0 0 10px rgba($black, .20); + } + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_layout.scss ---------------------------------------------------------------------- diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..bcc7ce0 --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,351 @@ +/* ========================================================================== + Page layout + ========================================================================== */ + +/* + Masthead + ========================================================================== */ + +#masthead { + padding: $gutter; + z-index: 5; + @include transform(translate(0,0)); + @include transition(500ms cubic-bezier(.645,.045,.355,1.000)); + &.slide { + @include transform(translate(-1600px,0)); + } + .inner-wrap { + @include outer-container; + } +} +.site-title { + @include row; + @include media($large) { + @include span-columns(4); + } + padding: (.25 * $masthead-height) 0; // fourth the height to center vertically + height: $masthead-height; + text-decoration: none; + color: $black; + font-family: $alt-font; + font-weight: 700; + @include font-size(20,no); + line-height: .5 * $masthead-height; // half the height to center vertically + text-transform: uppercase; +} + + +/* + Menus + ========================================================================== */ + +.menu { + li { + float: left; + &:last-child a { + @include media($medium) { + margin-right: 0; // remove spacing from last menu link + } + } + a { + // line hover effect + position: relative; + display: block; + margin-right: $gutter; + padding: (.25 * $masthead-height) 0 (.25 * $masthead-height) ; + height: $masthead-height; + font-family: $alt-font; + &:before, + &:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + height: 2px; + @include transition(width 0.3s); + } + &:before { + width: 100%; + background: transparent; + } + &:after { + width: 0; + background: $black; + } + &:active:after, + &:hover:after { + width: 100%; + } + } + } +} + +/* Top menu navigation */ + +.top-menu { + display: none; + position: relative; + @include media($medium) { + @include span-columns(12); + } + @include media($large) { + @include span-columns(7); + ul { + position: absolute; + right: 0; + } + } + .home, + .sub-menu-item { + display: none; + } + li { + a { + font-weight: 700; + @include font-size(16,no); + line-height: .5 * $masthead-height; // half the height to center vertically + color: $black; + text-transform: uppercase; + } + } +} + +/* Bottom menu navigation */ + +.bottom-menu { + @include clearfix; + font-weight: 700; + a { + color: lighten($black,60); + } +} + + +/* + Page wrapper + ========================================================================== */ + +#page-wrapper { + padding: 0 $gutter; // add white space for smaller screens + @include size(100% 100%); + -webkit-overflow-scrolling: touch; + z-index: 2; + @include transform(translate(0,0)); + @include transition(500ms cubic-bezier(.645,.045,.355,1.000)); + &.slide { + @include transform(translate(-60rem,0)); + } +} + +/* + Main content + ========================================================================== */ + +#main { + .inner-wrap { + @include media($medium) { + @include span-columns(9); + } + } + .page-title { + @include fill-parent; + } + @at-root { + .page-content { + @include fill-parent; + // larger font for intro paragraph + > p { + &:first-child { + @include font-size(20,yes,30); + } + } + // cleaner underlines for links + a { text-decoration: none; } + p a, + li a { + border-bottom: 1px dotted lighten($link-color, 50); + &:hover { + border-bottom-style: solid; + } + } + p > a.reversefootnote { + border-bottom-width: 0; + } + .toc li > a { + border-bottom-width: 0; + } + .page-footer, + .pagination { + @include fill-parent; + } + .page-meta { + p{ + @include font-size(14,no); + font-family: $alt-font; + color: lighten($black,60); + } + } + } + } + @at-root { + .archive-wrap { + @include fill-parent; + .page-content { + @include reset-all; + @include fill-parent; + } + } + } + /* advertisements */ + .ads { + position: relative; + text-align: center; + margin-top: $gutter; + margin-left: -$gutter; + margin-right: -$gutter; + padding: 10px 0 20px; + background: lighten($border-color,5); + @include media($medium) { + @include span-columns(3); + margin-left: 0; + margin-right: 0; + } + &:after { + content: 'Advertisement'; + position: absolute; + bottom: 0; + width: 100%; + text-align: center; + display: block; + @include font-size(9,no); + font-family: $alt-font; + } + ins { + border-width: 0; + } + } +} +// page lead +.page-lead { + background-position: center top; + background-repeat: no-repeat; + background-attachment: fixed; + text-align: center; + color: $white; + @include media($large) { + background-size: cover; + } +} +.page-lead-content { + padding: 1em; + @include media($medium) { + padding: 2em; + } + @include media($large) { + padding: 3em; + } + h1 { + @include font-size(48); + @include media($medium) { + @include font-size(60); + } + @include media($large) { + @include font-size(72); + } + } + h2 { + @include font-size(20); + @include media($medium) { + @include font-size(24); + } + @include media($large) { + @include font-size(32); + } + } +} +// page header +.page-feature { + @include fill-parent; + // expand image to cover full width of header + img { + width: 100%; + } +} +// make image flush with edges on small screens +.page-image { + position: relative; + margin-left: -1 * $gutter; + margin-right: -1 * $gutter; + // feature image caption + .image-credit { + position: absolute; + bottom: 0; + right: 0; + margin: 0 auto; + padding: 10px 15px; + background-color: rgba($black,.5); + color: $white; + font-family: $alt-font; + @include font-size(12,no); + text-align: right; + z-index: 10; + a { + color: $white; + text-decoration: none; + } + } +} + +/* + Page footer + ========================================================================== */ + +.page-footer { + position: relative; +} + +/* Author block */ + +.author-image { + position: absolute; + left: 0; + img { + width: 80px; + height: 80px; + border-radius: $border-radius; + } +} +.author-content { + word-wrap: break-word; + padding-left: 100px; //avatar width + 20px padding + min-height: 80px; //mirrors avatar height +} +.author-name { + @include font-size(20,no); +} +.author-bio { + margin-top: 0; + @include font-size(16); +} + +/* + Site footer + ========================================================================== */ + +#site-footer { + @include outer-container; + margin-top: (3 * (0px + $doc-line-height)); + margin-top: (3 * (0rem + ($doc-line-height / $doc-font-size))); + padding-bottom: $gutter; + font-family: $alt-font; + /* Copyright text */ + .copyright { + @include font-size(12); + color: lighten($black,60); + a { + color: lighten($black,60); + text-decoration: none; + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_menu-navicons.scss ---------------------------------------------------------------------- diff --git a/_sass/_menu-navicons.scss b/_sass/_menu-navicons.scss new file mode 100644 index 0000000..99f551a --- /dev/null +++ b/_sass/_menu-navicons.scss @@ -0,0 +1,130 @@ +/* ========================================================================== + ANIMATED 3 LINE NAVICONS + https://github.com/SaraSoueidan/navicon-transformicons + ========================================================================== */ + +/* Common to all three-liners */ + +@mixin line { + display: inline-block; + width: $button-size; + height: $button-size/7; + background: $white; + transition: $transition; +} + +.nav-lines { + @include line; + position: relative; + &:before, &:after { + @include line; + position: absolute; + left:0; + content: ''; + transform-origin: $button-size/14 center; + } + &:before { + top: $button-size/4; + } + &:after { + top: -$button-size/4; + } +} + +.lines-button:hover { + .nav-lines { + &:before { + top: $button-size/3.5; + } + &:after { + top: -$button-size/3.5; + } + } +} + +/* For both the arrow up and left icons */ + +.lines-button.arrow.close { + .nav-lines { + &:before, + &:after { + top: 0; + width: $button-size/1.8; + } + &:before { + transform: rotate3d(0,0,1,40deg); + } + &:after { + transform: rotate3d(0,0,1,-40deg); + } + } +} + +/* Arrow up only: just rotate by 90degrees */ + +.lines-button.arrow-up.close { + transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1,90deg); +} + +/* Three-lines to minus only */ + +.lines-button.minus.close { + .nav-lines { + &:before, &:after { + transform: none; + top: 0; + width: $button-size; + } + } +} + +/* Three-lines to x */ + +.lines-button.x.close{ + .nav-lines { + background: transparent; + &:before, &:after{ + transform-origin: 50% 50%; + top: 0; + width: $button-size; + } + &:before{ + transform: rotate3d(0,0,1,45deg); + } + &:after{ + transform: rotate3d(0,0,1,-45deg); + } + } +} + +/* Three-lines to x method 2 */ + +.lines-button.x2 { + .nav-lines { + transition: background .3s .5s ease; + &:before, &:after { + /* set transform origin */ + transform-origin: 50% 50%; + transition: top .3s .6s ease, -webkit-transform .3s ease; + transition: top .3s .6s ease, transform .3s ease; + } + } +} +.lines-button.x2.close { + .nav-lines { + transition: background .3s 0s ease; + background: transparent; + &:before, &:after { + transition: top .3s ease, -webkit-transform .3s .5s ease; /* delay the formation of the x till the minus is formed */ + transition: top .3s ease, transform .3s .5s ease; /* delay the formation of the x till the minus is formed */ + top: 0; + width: $button-size; + } + &:before { + transform: rotate3d(0,0,1,45deg); + } + &:after { + transform: rotate3d(0,0,1,-45deg); + } + } +} http://git-wip-us.apache.org/repos/asf/incubator-ariatosca-website/blob/6fa6824b/_sass/_mixins.scss ---------------------------------------------------------------------- diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss new file mode 100644 index 0000000..5c7f395 --- /dev/null +++ b/_sass/_mixins.scss @@ -0,0 +1,94 @@ +// MIXINS +// -------------------------------------------------- + +%tab-focus { + // Default + outline: thin dotted #333; + // Webkit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + + +// Typography +// -------------------------------------------------- + +/* Vertical Rhythm + https://github.com/sturobson/Sassifaction + + In this mixin you can specify the font size in PX and + it will calculate the REM based on your $doc-font-size + & $doc-line-height variables. + + @include font-size(24); + + It will also create a bottom margin based on the + $doc-font-size & $doc-line-height variables unless you + specify that it shouldn't have one. + + @include font-size(24, no); + + Or if you want to specify a different bottom margin to + be generated. + + @include font-size(24,32); + + This mixin also generates a pixel-less line height by + default unless you specify that you either don't want + one where I'd suggest declaring 1 within the mixin. + + @include font-size(24, yes, 1); + + There's also the option to specify a different line-height + for it to generate to, where you would specify the + line-height in (effectively) it's pixel value. + + @include font-size(24, yes, 40); +*/ + +@mixin font-size($size, $margin: yes, $line-height: $doc-line-height) { + + // generates the font-size in REMs with a PX fallback + font-size: 0px + $size; + font-size: 0rem + $size / $doc-font-size; + + // line-height functions + //////////////////////// + + // if you a line-height is specified in the mixin + @if $line-height != $doc-line-height and $line-height != 1 { + line-height: ceil($size / $line-height) * ($line-height / $size); + } + + // if $line-height == 1 + // because, typing 1 is quicker than 16 + @else if $line-height == 1 { + line-height: 1; + } + + // normal $line-height + // if the line-height is left. + @else { + line-height: ceil($size / $doc-line-height) * ($doc-line-height / $size); + } + + // margin-bottom functions + ////////////////////////// + + // if no is bottom margin is required + @if $margin == no { + margin-bottom: 0; + } + + // if a specific bottom margin is required + @else if $margin != yes and $margin != no { + margin-bottom: 0px + $margin; + margin-bottom: 0rem + ($margin / $doc-font-size); + } + + // if you're keeping the vertical rhythm with the margin + @else { + margin-bottom: 0px + $doc-line-height; + margin-bottom: 0rem + ($doc-line-height / $doc-font-size); + } +} \ No newline at end of file
