cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject [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
Date Mon, 20 Jan 2014 18:42:06 GMT
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 <josh@raisemore.com>
Authored: Sat Jan 18 23:44:17 2014 -0600
Committer: Josh Bavari <josh@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


Mime
View raw message