You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2014/01/20 19:42:06 UTC
[16/32] git commit: Added grunt and some other packages needed for
tasks like watch, process, less,
and jshinting. Adding in jshintrc file for jshint rules. Updated a lot of the
LESS sheets to have a top level include - styles.less - that contains @impor
Added grunt and some other packages needed for tasks like watch, process, less, and jshinting. Adding in jshintrc file for jshint rules. Updated a lot of the LESS sheets to have a top level include - styles.less - that contains @imports for all the other LESS sheets. Layout.less has now become a more @import styled sheet to pull in header, individual pages, and footer
Project: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/commit/3a2f28ee
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/3a2f28ee
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/3a2f28ee
Branch: refs/heads/refactor
Commit: 3a2f28ee8b112102cd3be2e1d85f4508c479a05a
Parents: bf45bbb
Author: Josh Bavari <jo...@raisemore.com>
Authored: Sat Jan 18 23:44:17 2014 -0600
Committer: Josh Bavari <jo...@raisemore.com>
Committed: Sat Jan 18 23:44:17 2014 -0600
----------------------------------------------------------------------
.jshintrc | 24 +
Gruntfile.js | 46 +
attachments/css/header.less | 81 +
attachments/css/layout.css | 4 +-
attachments/css/layout.less | 104 +-
attachments/css/media.less | 39 +
attachments/css/mixins.less | 13 +
attachments/css/styles.css | 3931 +++++++++++++++++++++++++++++
attachments/css/styles.less | 13 +
attachments/css/typography.less | 18 +
attachments/css/variables.less | 6 +
attachments/index.html | 115 +-
attachments/js/app.js | 6 +-
attachments/js/lib/livereload.js | 1055 ++++++++
attachments/partials/views/home.html | 3 +-
package.json | 31 +-
16 files changed, 5327 insertions(+), 162 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/.jshintrc
----------------------------------------------------------------------
diff --git a/.jshintrc b/.jshintrc
new file mode 100644
index 0000000..40377ba
--- /dev/null
+++ b/.jshintrc
@@ -0,0 +1,24 @@
+{
+ "node": true,
+ "browser": true,
+ "esnext": true,
+ "bitwise": true,
+ "camelcase": true,
+ "curly": true,
+ "eqeqeq": true,
+ "immed": true,
+ "indent": 2,
+ "latedef": true,
+ "newcap": true,
+ "noarg": true,
+ "quotmark": "single",
+ "regexp": true,
+ "undef": true,
+ "unused": true,
+ "strict": true,
+ "trailing": true,
+ "smarttabs": true,
+ "globals": {
+ "angular": false
+ }
+}
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/Gruntfile.js
----------------------------------------------------------------------
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..001f33f
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,46 @@
+'use strict';
+module.exports = function(grunt) {
+
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+ jshint: {
+ files: ['Gruntfile.js', 'attachments/js/*.js', 'attachments/controllers/*.js'],
+ options: {
+ jshintrc: true
+ }
+ },
+ watch: {
+ changeFiles: {
+ files: ['attachments/*.html', 'attachments/partials/**/*.html', 'attachments/css/*.less', 'attachments/css/**/*.css', 'attachments/js/**/*.js'],
+ tasks: ['less', 'shell:reloadServer']
+ },
+ options: {
+ livereload: true
+ }
+ },
+ shell: {
+ options: {
+ stdout: true
+ },
+ reloadServer: {
+ command: 'couchapp push app.js http://localhost:5984/registry'
+ }
+ },
+ less: {
+ development: {
+ options: {
+ paths: ["attachments/css"]
+ },
+ files: {
+ "attachments/css/styles.css": "attachments/css/styles.less"
+ }
+ },
+ }
+ });
+
+ // grunt.loadNpmTasks('grunt-contrib-jshint');
+ require('load-grunt-tasks')(grunt);
+
+ grunt.registerTask('default', ['jshint']);
+
+};
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/attachments/css/header.less
----------------------------------------------------------------------
diff --git a/attachments/css/header.less b/attachments/css/header.less
new file mode 100644
index 0000000..9200392
--- /dev/null
+++ b/attachments/css/header.less
@@ -0,0 +1,81 @@
+/* ----- header ---- */
+
+#header {
+ background-color: @header-bg-color;
+ color: @header-font-color;
+
+ border-bottom: 3px solid rgba(0,0,0,0.1);
+ height: 90px;
+ padding: 10px;
+ position: relative;
+ text-align: left;
+ z-index: 3;
+
+ .wrap {
+ padding: 20px 0;
+ }
+
+ a {
+ .transition( color );
+ color: @header-font-color;
+ display: inline-block;
+ padding: 6px 0;
+ position: relative;
+
+ &:hover {
+ color: @highlight-color;
+ }
+ }
+
+ a.logo {
+ padding-left: 40px;
+ margin-left: 50px;
+ font-size: 1.2em;
+
+ &:before {
+ font-size: 1.5em;
+ position: absolute;
+ left: 0;
+ top: 3px;
+ }
+ }
+
+ .top-project-text, .top-plugins-registry-text {
+ text-transform: uppercase;
+ }
+
+ .top-project-text {
+ font-size: 12px;
+ }
+
+ .top-plugins-registry-text {
+ font-size: 27px;
+ }
+
+ .header-links {
+ font-size: 18px;
+ font-weight: lighter;
+ padding: 5px;
+
+ a {
+ padding: 20px 20px 0px 0px;
+ }
+ }
+
+ #howto {
+ float: right;
+
+ a {
+ padding-top: 10px;
+ margin-left: 24px;
+
+ span {
+ position: absolute;
+ top: -0px;
+ left: 0;
+ font-size: 10px;
+ font-weight: 600;
+ }
+ }
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/attachments/css/layout.css
----------------------------------------------------------------------
diff --git a/attachments/css/layout.css b/attachments/css/layout.css
index 8985b36..802196c 100644
--- a/attachments/css/layout.css
+++ b/attachments/css/layout.css
@@ -61,8 +61,10 @@ a.dep-link {
}
/* ----- header ---- */
#header {
- text-align: left;
+
border-bottom: 3px solid rgba(0, 0, 0, 0.1);
+ height: 50px;
+ text-align: left;
position: relative;
z-index: 3;
margin-bottom: -3px;
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/attachments/css/layout.less
----------------------------------------------------------------------
diff --git a/attachments/css/layout.less b/attachments/css/layout.less
index 9022ff9..f7f775c 100644
--- a/attachments/css/layout.less
+++ b/attachments/css/layout.less
@@ -1,41 +1,3 @@
-/* ----- mixins ------ */
-
-.border-radius( @radius: 8px ) {
- -moz-border-radius: @radius;
- -webkit-border-radius: @radius;
- border-radius: @radius;
-}
-
-.transition ( @type: all, @sec: 0.25s ) {
- -webkit-transition: @type @sec linear;
- -moz-transition: @type @sec linear;
- transition: @type @sec linear;
-}
-
-@highlight-color: #4cc2e4;
-@font-color: #3b4854;
-
-@import "../font/style.css";
-
-/* ----- font ----- */
-
-html {
- font-size: 17px;
- font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
- color: @font-color;
-}
-
-h1 {
- font-size: 1.8em;
- font-weight: normal;
-}
-
-h2 {
- font-size: 1.2em;
- font-weight: normal;
-}
-
-
/* ----- basic layout ----- */
body {
@@ -44,9 +6,9 @@ body {
}
.wrap, #tabs {
- max-width: 1000px;
+ width: 100%
margin: 0 auto;
- padding: 40px 0;
+ padding: 0px;
}
.grid {
@@ -89,66 +51,14 @@ a.dep-link {
}
-/* ----- header ---- */
-
-#header {
- text-align: left;
- border-bottom: 3px solid rgba(0,0,0,0.1);
- position: relative;
- z-index: 3;
- margin-bottom: -3px;
-
- .wrap {
- padding: 20px 0;
- }
-
- a {
- .transition( color );
- color: @font-color;
- display: inline-block;
- padding: 6px 0;
- position: relative;
-
- &:hover {
- color: @highlight-color;
- }
- }
-
- a.logo {
- padding-left: 40px;
- font-size: 1.2em;
-
- &:before {
- font-size: 1.5em;
- position: absolute;
- left: 0;
- top: 3px;
- }
- }
-
- #howto {
- float: right;
-
- a {
- padding-top: 10px;
- margin-left: 24px;
-
- span {
- position: absolute;
- top: -0px;
- left: 0;
- font-size: 10px;
- font-weight: 600;
- }
- }
- }
-}
+@import "header.less";
/* ----- content ---- */
#content-wrapper {
padding-top: 0;
+ width: 100%;
}
@@ -257,12 +167,6 @@ a.dep-link {
}
}
-
-// #main-container, #search-box,
-
-
-
-
/* ----- footer ---- */
#footer {
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/attachments/css/media.less
----------------------------------------------------------------------
diff --git a/attachments/css/media.less b/attachments/css/media.less
new file mode 100644
index 0000000..1d216e3
--- /dev/null
+++ b/attachments/css/media.less
@@ -0,0 +1,39 @@
+/* ==========================================================================
+ MEDIA QUERIES
+ ========================================================================== */
+@media screen and (max-width:1050px), screen and (max-device-width:1050px){
+ /*body .header{background-attachment: scroll;}
+
+ #body-container {
+ }*/
+}
+
+
+/*ipad portrait*/
+@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait){
+ /*.header{background-attachment: scroll;}
+
+ #body-container {
+ background-color: green;
+ }*/
+}
+
+@media screen and (max-width:769px) {
+
+ /*#body-container {
+ }
+
+ #body-container {
+ font-size: 80px;
+ }
+
+ #body-container #header {
+ font-size: 30px;
+ line-height: 38px;
+ }
+ .mobile-phone-img{
+ position:relative;
+ left:50%;
+ margin-left:-162px;
+ }*/
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/3a2f28ee/attachments/css/mixins.less
----------------------------------------------------------------------
diff --git a/attachments/css/mixins.less b/attachments/css/mixins.less
new file mode 100644
index 0000000..4255aeb
--- /dev/null
+++ b/attachments/css/mixins.less
@@ -0,0 +1,13 @@
+/* ----- mixins ------ */
+
+.border-radius( @radius: 8px ) {
+ -moz-border-radius: @radius;
+ -webkit-border-radius: @radius;
+ border-radius: @radius;
+}
+
+.transition ( @type: all, @sec: 0.25s ) {
+ -webkit-transition: @type @sec linear;
+ -moz-transition: @type @sec linear;
+ transition: @type @sec linear;
+}
\ No newline at end of file