diff --git a/.gitignore b/.gitignore index f277040..19818cd 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,4 @@ -_site +_deploy _assets/vendor/ .asset-cache .jekyll-metadata diff --git a/_assets/css/components/_nw-download.scss b/_assets/css/components/_nw-download.scss new file mode 100644 index 0000000..61e84e2 --- /dev/null +++ b/_assets/css/components/_nw-download.scss @@ -0,0 +1,9 @@ +.nw-download { + background-color: $nw-main-white-light; + margin-top: -5px; + padding-bottom: 2em; + + .nw-download-link { + min-width: 15em; + } +} \ No newline at end of file diff --git a/_assets/css/components/_nw-features.scss b/_assets/css/components/_nw-features.scss index abaf329..7c90020 100644 --- a/_assets/css/components/_nw-features.scss +++ b/_assets/css/components/_nw-features.scss @@ -1,6 +1,4 @@ .nw-features { - border-top: $nw-main-white 1px solid; - .nw-features-item { .nw-features-item-title { display: inline-block; diff --git a/_assets/css/components/_nw-header.scss b/_assets/css/components/_nw-header.scss index dae0684..56ed6f2 100644 --- a/_assets/css/components/_nw-header.scss +++ b/_assets/css/components/_nw-header.scss @@ -1,21 +1,29 @@ .nw-header { - $header-font-size: 1.5em; - background-color: $nw-main-black; text-align: center; padding: ( $header-font-size * 1.5 ) 0; font-size: $header-font-size; border-bottom: 4px solid $brand-primary; box-shadow: #fff 0 1px 0; + height: $header-height; + + > .container { + height: 100%; + } } .nw-logo { + margin: 0; font-weight: normal; + height: 100%; a { + display: block; color: $brand-primary; text-decoration: none; font-weight: 100; + height: 100%; + line-height: calc( #{$header-height} / 2 ); strong { color: $nw-main-white; diff --git a/_assets/css/components/_nw-view-github.scss b/_assets/css/components/_nw-view-github.scss index bc6af5c..6297551 100644 --- a/_assets/css/components/_nw-view-github.scss +++ b/_assets/css/components/_nw-view-github.scss @@ -4,8 +4,4 @@ a { padding: 1em 2em; } - - i { - margin-right: .5em; - } } \ No newline at end of file diff --git a/_assets/css/components/_nw-welcome.scss b/_assets/css/components/_nw-welcome.scss index 77ca0dd..f2db95e 100644 --- a/_assets/css/components/_nw-welcome.scss +++ b/_assets/css/components/_nw-welcome.scss @@ -8,6 +8,7 @@ border-radius: $border-radius-base; position: relative; height: 17em; + box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, .05 ); a { @include flex-center; @@ -34,11 +35,6 @@ @include visual-hidden; } - left: -100%; - font-size: .5em; - font-weight: 100; - - i { @include visual-hidden; @@ -83,8 +79,4 @@ font-weight: 100; margin: 2em 0; } -} - -.nw-welcome + .nw-separator { - fill: $nw-main-white; } \ No newline at end of file diff --git a/_assets/css/general/_global.scss b/_assets/css/general/_global.scss index 462b48e..fd2bde1 100644 --- a/_assets/css/general/_global.scss +++ b/_assets/css/general/_global.scss @@ -13,4 +13,15 @@ @import "components/nw-welcome"; @import "components/nw-features"; -@import "components/nw-view-github"; \ No newline at end of file +@import "components/nw-view-github"; +@import "components/nw-download"; + +::selection { + background: $nw-main-green; + color: $nw-main-white; +} + +::-moz-selection { + background: $nw-main-green; + color: $nw-main-white; +} \ No newline at end of file diff --git a/_assets/css/general/_nw-custom-bootstrap.scss b/_assets/css/general/_nw-custom-bootstrap.scss index c5a17a7..4d8c7ce 100644 --- a/_assets/css/general/_nw-custom-bootstrap.scss +++ b/_assets/css/general/_nw-custom-bootstrap.scss @@ -2,8 +2,13 @@ transition: ease-in-out .2s background-color; font-size: 1em; border: none; + box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, .2 ); &:not( .btn-link ) { text-transform: uppercase; } + + > i { + margin-right: .5em; + } } \ No newline at end of file diff --git a/_assets/css/general/_nw-variables.scss b/_assets/css/general/_nw-variables.scss index 9b499e7..4190c76 100644 --- a/_assets/css/general/_nw-variables.scss +++ b/_assets/css/general/_nw-variables.scss @@ -1,17 +1,45 @@ +/* + nw custom +*/ + +// colors $nw-main-green: #89C64A; -$nw-main-black: #2A2A2A; +$nw-main-black: #31393a; $nw-main-white: #E9E9E9; $nw-main-white-light: lighten( $nw-main-white, 5 ); $nw-main-orange: #e67e22; + +// heights +$header-height: 10em; +$nw-button-height: 50px; + +// border-radius $nw-border-radius: 2px; +// fonts $nw-font-stack: 'Open Sans', sans-serif; +$header-font-size: 1.5em; + +// icon +$nw-button-icon-gutter: $nw-button-height / 3; +$nw-button-content-gutter: 5px; + + +/* + bootstrap custom +*/ -// bootstrap custom +// main color $brand-primary: $nw-main-green; + +// buttons $btn-font-weight: 100; -$font-family-sans-serif: $nw-font-stack; $btn-primary-border: $brand-primary; + +// fonts +$font-family-sans-serif: $nw-font-stack; + +// border-radius $border-radius-base: $nw-border-radius; $border-radius-large: $nw-border-radius; $border-radius-small: $nw-border-radius; \ No newline at end of file diff --git a/_assets/css/nw-custom.scss b/_assets/css/nw-custom.scss index 34710bd..80ef2e4 100644 --- a/_assets/css/nw-custom.scss +++ b/_assets/css/nw-custom.scss @@ -21,4 +21,48 @@ right: 0; } } +} + +.nw-border-top { + border-top: $nw-main-white 1px solid; +} + +.nw-separator { + fill: $nw-main-white; +} + +.nw-bg-white-light { + &:not( .nw-separator ) { + background-color: $nw-main-white-light; + } + + &.nw-separator { + fill: $nw-main-white-light; + } +} + +.nw-button { + padding: 0; + height: $nw-button-height; + + .nw-button-icon { + width: calc( 25% - 1px ); + height: $nw-button-height; + padding: $nw-button-icon-gutter; + border-right: rgba( 255, 255, 255, .2 ) 1px solid; + } + + .nw-button-content { + width: 75%; + height: $nw-button-height; + line-height: ( ( $nw-button-height - $nw-button-icon-gutter ) / 2 ); + } + + .nw-button-title, + .nw-button-subtitle { + padding: $nw-button-content-gutter 0; + display: block; + height: ( $nw-button-height ) - ( $nw-button-content-gutter * 2 ); + line-height: $nw-button-height / 2; + } } \ No newline at end of file diff --git a/_build/build.sh b/_build/build.sh index c93d0cc..0ef2a7f 100644 --- a/_build/build.sh +++ b/_build/build.sh @@ -2,4 +2,4 @@ set -e bundle exec jekyll build -bundle exec htmlproofer ./_site --disable-external \ No newline at end of file +bundle exec htmlproofer ./_deploy --disable-external \ No newline at end of file diff --git a/_config.yml b/_config.yml index 13d8017..ee3843e 100644 --- a/_config.yml +++ b/_config.yml @@ -3,8 +3,10 @@ email: wagh.cwb@gmail.com description: build awesome cross platforms apps with front-end technologies welcome-message: node webkit is an app runtime based on Chromium and node.js baseurl: "" -url: http://nwjs.io +url: http://dev.nwjs.io +# url: http://nwjs.io markdown: kramdown +destination: _deploy github: nwjs/nw.js @@ -14,6 +16,8 @@ gems: - html-proofer - bootstrap-sass +exclude: ["Gemfile*", "bower.json", "README.md"] + assets: # cache: false prefix: /assets diff --git a/_drafts/.gitkeep b/_drafts/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/_includes/components/blog.html b/_includes/components/blog.html new file mode 100644 index 0000000..5c52bac --- /dev/null +++ b/_includes/components/blog.html @@ -0,0 +1,19 @@ +
+
+
+

Blog

+
+
+ {% for post in site.posts %} +
+
+
{{ post.title }} - {{ post.date | date: "%b %-d, %Y" }}
+
+ Read more +
+
+
+ {% endfor %} +
+
+
\ No newline at end of file diff --git a/_includes/components/download.html b/_includes/components/download.html new file mode 100644 index 0000000..0fd8226 --- /dev/null +++ b/_includes/components/download.html @@ -0,0 +1,24 @@ +{% include components/separator-rounded.html class="nw-bg-white-light" %} + +
+
+
+
+ Download +
+
+ + + + + SDK + + + v0.15.1 + + + +
+
+
+
\ No newline at end of file diff --git a/_includes/components/features.html b/_includes/components/features.html index fb3924b..3ebcc3d 100644 --- a/_includes/components/features.html +++ b/_includes/components/features.html @@ -1,16 +1,25 @@ -
-
-
-
+
+
+
+
{% include components/features-item.html icon="ion-code" content="New way of writing native applications web technologies: HTML5, CSS3, and WebGL" %}
-
+
{% include components/features-item.html icon="ion-social-html5" content="Full support for the features in browser" %}
-
- {% include components/features-item.html icon="ion-social-nodejs" content="Complete support for Node.js APIs and all third party modules - -" %} +
+ {% include components/features-item.html icon="ion-social-nodejs" content="Complete support for NodeJS APIs and all third party modules" %} +
+
+
+
+ {% include components/features-item.html icon="ion-social-javascript" content="Call NodeJS modules directly from the DOM" %} +
+
+ {% include components/features-item.html icon="ion-lock-combination" content="Javascript Source Protection" %} +
+
+ {% include components/features-item.html icon="ion-social-tux" content="Available on Linux, Mac OS X and Windows" %}
diff --git a/_includes/components/logo.html b/_includes/components/logo.html index af9ba44..2601f3b 100644 --- a/_includes/components/logo.html +++ b/_includes/components/logo.html @@ -1,5 +1,5 @@ \ No newline at end of file diff --git a/_includes/components/separator-rounded.html b/_includes/components/separator-rounded.html new file mode 100644 index 0000000..4fee8c0 --- /dev/null +++ b/_includes/components/separator-rounded.html @@ -0,0 +1,5 @@ +
+ + + +
\ No newline at end of file diff --git a/_includes/components/separator.html b/_includes/components/separator.html index aaee846..7a95720 100644 --- a/_includes/components/separator.html +++ b/_includes/components/separator.html @@ -1,3 +1,5 @@ - - - \ No newline at end of file +
+ + + +
\ No newline at end of file diff --git a/_includes/components/view-github.html b/_includes/components/view-github.html index 1fde694..2086696 100644 --- a/_includes/components/view-github.html +++ b/_includes/components/view-github.html @@ -1,4 +1,7 @@ +{% include components/separator.html %} +
+ View Github project diff --git a/_includes/components/welcome-item.html b/_includes/components/welcome-item.html index c312239..37bcaaf 100644 --- a/_includes/components/welcome-item.html +++ b/_includes/components/welcome-item.html @@ -1,5 +1,5 @@
- + diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..ddbc741 --- /dev/null +++ b/blog.html @@ -0,0 +1,9 @@ +--- +layout: page +title: Blog +permalink: blog/ +--- + +
+ blog +
\ No newline at end of file diff --git a/bower.json b/bower.json index c0bc689..63340df 100644 --- a/bower.json +++ b/bower.json @@ -17,6 +17,7 @@ ], "dependencies": { "jquery": "^2.2.4", - "jquery-migrate": "^1.4.0" + "jquery-migrate": "^1.4.0", + "gsap": "^1.18.5" } } diff --git a/index.html b/index.html index e96bb77..e8c9029 100644 --- a/index.html +++ b/index.html @@ -4,25 +4,8 @@
{% include components/welcome.html %} - {% include components/separator.html %} {% include components/view-github.html %} + {% include components/download.html %} {% include components/features.html %} - -
-
-

Blog

-
-
- {% for post in site.posts %} -
-
-
{{ post.title }} - {{ post.date | date: "%b %-d, %Y" }}
-
- Read more -
-
-
- {% endfor %} -
-
+ {% include components/blog.html %}
\ No newline at end of file