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/16 00:25:11 UTC

[8/8] git commit: removed sammy, using angular now

removed sammy, using angular now


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/e93025ac
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/e93025ac
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/e93025ac

Branch: refs/heads/plugindetails
Commit: e93025ac1cebed600ddd5577d96f0ba958d93f06
Parents: 82b65c4
Author: Steven Gill <st...@gmail.com>
Authored: Wed Jan 15 15:24:37 2014 -0800
Committer: Steven Gill <st...@gmail.com>
Committed: Wed Jan 15 15:24:37 2014 -0800

----------------------------------------------------------------------
 README.md                                       |  147 +-
 attachments/css/layout.css                      |  392 ++++
 attachments/css/layout.less                     |  467 +++++
 attachments/index.html                          |   43 +-
 attachments/install.html                        |   20 -
 attachments/jquery-1.4.4.min.js                 |  167 --
 attachments/js/app.js                           |   15 +
 attachments/js/controllers.js                   |    2 +
 attachments/js/controllers/home.js              |    2 +
 attachments/js/lib/angular-route.min.js         |   14 +
 attachments/js/lib/angular.min.js               |  202 +++
 attachments/js/showPackage.js                   |   25 +
 attachments/js/site.js                          |  977 ++++++++++
 attachments/js/stats.js                         |   66 +
 attachments/layout.css                          |  392 ----
 attachments/layout.less                         |  467 -----
 attachments/more.html                           |    4 -
 attachments/partials/views/home.html            |    1 +
 attachments/partials/views/install.html         |   20 +
 attachments/partials/views/more.html            |    4 +
 attachments/partials/views/publish.html         |    0
 attachments/partials/views/showPackage.html     |    2 +
 attachments/partials/views/stats.html           |   37 +
 attachments/publish.html                        |    0
 attachments/sammy/plugins/sammy.cache.js        |  115 --
 .../sammy/plugins/sammy.data_location_proxy.js  |   78 -
 attachments/sammy/plugins/sammy.ejs.js          |  700 -------
 attachments/sammy/plugins/sammy.form.js         |  274 ---
 attachments/sammy/plugins/sammy.haml.js         |  553 ------
 attachments/sammy/plugins/sammy.json.js         |  362 ----
 attachments/sammy/plugins/sammy.meld.js         |  140 --
 attachments/sammy/plugins/sammy.mustache.js     |  444 -----
 .../sammy/plugins/sammy.nested_params.js        |  118 --
 .../sammy/plugins/sammy.path_location_proxy.js  |   29 -
 attachments/sammy/plugins/sammy.pure.js         |  756 --------
 attachments/sammy/plugins/sammy.storage.js      |  577 ------
 attachments/sammy/plugins/sammy.template.js     |  117 --
 attachments/sammy/plugins/sammy.title.js        |   59 -
 attachments/sammy/sammy.js                      | 1704 ------------------
 attachments/showPackage.html                    |    2 -
 attachments/showPackage.js                      |   25 -
 attachments/site.js                             |  977 ----------
 attachments/stats.html                          |   37 -
 attachments/stats.js                            |   66 -
 44 files changed, 2326 insertions(+), 8273 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/e93025ac/README.md
----------------------------------------------------------------------
diff --git a/README.md b/README.md
index 77309f4..a6fe16b 100644
--- a/README.md
+++ b/README.md
@@ -1,66 +1,81 @@
-Install COUCHDB
-
-brew install couchdb
-
-create registry database in couch
-curl -X PUT http://localhost:5984/registry
-
-npmjs
-git clone https://github.com/imhotep/npmjs.org
-
-cordova registry web
-git clone https://git-wip-us.apache.org/repos/asf/cordova-registry-web.git
-
-cd npmjs
-npm install -g couchapp
-npm install couchapp
-npm install semver
-
-couchapp push registry/app.js http://localhost:5984/registry
-
-cd ../cordova-registry-web
-couchapp push app.js http://localhost:5984/registry
-
-Pretty much all of the work you need to do is in cordova-registry-web
-
-Enter this into your terminal because legacy.
-curl http://localhost:5984/registry/_design/scratch -X COPY  -H destination:'_design/app'
-
-## Displaying on localhost
-
-cd /etc/apache2/users
-sudo vim YOURCOMPUTERUSERNAME.conf (mine was stevengill.conf)
-
-Paste the following rewrite rules into it.
-
-<VirtualHost *:80>
-  ServerName localhost
-  RewriteEngine on
-#  RewriteRule ^/downloads/(.*)$ http://cordova.iriscouch.com/downloads/$1 [P]
-#  RewriteRule ^/(.*)$ /registry/_design/ui/_rewrite/$1 [PT]
-  RewriteRule ^/((?!downloads).*)$ /registry/_design/ui/_rewrite/$1 [PT]
-  ProxyPassMatch ^/downloads/(.*)$ http://cordova.iriscouch.com/downloads/$1
-  ProxyPassMatch ^/registry/(.*)$ http://localhost:5984/registry/$1
-  RewriteLog "/var/log/apache2/plugins.cordova.io-rewrite.log"
-  RewriteLogLevel 3
-  LogLevel debug
-  ErrorLog "/var/log/apache2/plugins.cordova.io-error_log"
-  CustomLog "/var/log/apache2/plugins.cordova.io-access_log" common
-</VirtualHost>
-
-back to terminal, start apache with:
-sudo apachectl start
-
-go to localhost in your browser and bam! should be working.
-
-
-## Publish Plugins to your local instance
-plugman config set registry http://localhost:5984/registry/_design/app/_rewrite
-
-
-##Potential Errors
-
-If you keep seeing `POST /_session 401` when you try to publish a plugin locally, you need to go delete your user info. In terminal type `rm -rf ~/.plugman`. Then go to the plugin you want to add and go `plugman adduser`. Enter in your username, password and email. 
-
-
-
+{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf400
+{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\margl1440\margr1440\vieww10800\viewh8400\viewkind0
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+
+\f0\fs24 \cf0 Install COUCHDB\
+\
+brew install couchdb\
+\
+create registry database in couch\
+curl -X PUT http://localhost:5984/registry\
+\
+npmjs\
+git clone https://github.com/imhotep/npmjs.org\
+\
+cordova registry web\
+git clone https://git-wip-us.apache.org/repos/asf/cordova-registry-web.git\
+\
+cd npmjs\
+npm install -g couchapp\
+npm install couchapp\
+npm install semver\
+\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 couchapp push registry/app.js http://localhost:5984/registry\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 \
+cd ../cordova-registry-web\
+couchapp push app.js http://localhost:5984/registry\
+\
+Pretty much all of the work you need to do is in cordova-registry-web\
+\
+Enter this into your terminal because legacy.\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 curl http://localhost:5984/registry/_design/scratch -X COPY  -H destination:'_design/app'\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 \
+## Displaying on localhost\
+\
+cd /etc/apache2/users\
+sudo vim YOURCOMPUTERUSERNAME.conf (mine was stevengill.conf)\
+\
+Paste the following rewrite rules into it.\
+\
+<VirtualHost *:80>\
+  ServerName localhost\
+  RewriteEngine on\
+#  RewriteRule ^/downloads/(.*)$ http://cordova.iriscouch.com/downloads/$1 [P]\
+#  RewriteRule ^/(.*)$ /registry/_design/ui/_rewrite/$1 [PT]\
+  RewriteRule ^/((?!downloads).*)$ /registry/_design/ui/_rewrite/$1 [PT]\
+  ProxyPassMatch ^/downloads/(.*)$ http://cordova.iriscouch.com/downloads/$1\
+  ProxyPassMatch ^/registry/(.*)$ http://localhost:5984/registry/$1\
+  RewriteLog "/var/log/apache2/plugins.cordova.io-rewrite.log"\
+  RewriteLogLevel 3\
+  LogLevel debug\
+  ErrorLog "/var/log/apache2/plugins.cordova.io-error_log"\
+  CustomLog "/var/log/apache2/plugins.cordova.io-access_log" common\
+</VirtualHost>\
+\
+back to terminal, start apache with:\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 sudo apachectl start\
+\
+go to localhost in your browser and bam! should be working.\
+\
+\
+## Publish Plugins to your local instance\
+plugman config set registry http://localhost:5984/registry/_design/app/_rewrite\
+\
+\
+##Potential Errors\
+\
+If you keep seeing `POST /_session 401` when you try to publish a plugin locally, you need to go delete your user info. In terminal type `rm -rf ~/.plugman`. Then go to the plugin you want to add and go `plugman adduser`. Enter in your username, password and email. \
+\
+\
+Alternative\
+couchapp serve app.js http://localhost:5984/registry -p 3000 -l -d attachments/\
+\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural
+\cf0 \
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/e93025ac/attachments/css/layout.css
----------------------------------------------------------------------
diff --git a/attachments/css/layout.css b/attachments/css/layout.css
new file mode 100644
index 0000000..72263ce
--- /dev/null
+++ b/attachments/css/layout.css
@@ -0,0 +1,392 @@
+@import "../font/style.css";
+/* ----- mixins ------ */
+/* ----- font ----- */
+html {
+  font-size: 17px;
+  font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+  color: #3b4854;
+}
+h1 {
+  font-size: 1.8em;
+  font-weight: normal;
+}
+h2 {
+  font-size: 1.2em;
+  font-weight: normal;
+}
+/* ----- basic layout ----- */
+body {
+  background: #fff;
+  margin: 0;
+}
+.wrap,
+#tabs {
+  max-width: 1000px;
+  margin: 0 auto;
+  padding: 40px 0;
+}
+.grid {
+  background: url(../images/grid.png);
+}
+/* ----- common elements -----*/
+a {
+  color: #4cc2e4;
+  text-decoration: none;
+}
+a.dep-link {
+  padding-right: 7px;
+}
+.spacer,
+.clear {
+  clear: both;
+  margin-bottom: 10px;
+}
+.button {
+  display: inline-block;
+  background-color: #4cc2e4;
+  margin-left: 8px;
+  padding: 10px 16px;
+  color: #fff;
+  font-size: 1.5em;
+  text-align: center;
+  text-decoration: none;
+  -webkit-transition: background 0.25s linear;
+  -moz-transition: background 0.25s linear;
+  transition: background 0.25s linear;
+  border-bottom: 4px solid #21b2dc;
+}
+.button:hover {
+  background-color: #4cd6fc;
+  color: #fff;
+}
+/* ----- header ---- */
+#header {
+  text-align: left;
+  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 3;
+  margin-bottom: -3px;
+}
+#header .wrap {
+  padding: 20px 0;
+}
+#header a {
+  -webkit-transition: color 0.25s linear;
+  -moz-transition: color 0.25s linear;
+  transition: color 0.25s linear;
+  color: #3b4854;
+  display: inline-block;
+  padding: 6px 0;
+  position: relative;
+}
+#header a:hover {
+  color: #4cc2e4;
+}
+#header a.logo {
+  padding-left: 40px;
+  font-size: 1.2em;
+}
+#header a.logo:before {
+  font-size: 1.5em;
+  position: absolute;
+  left: 0;
+  top: 3px;
+}
+#header #howto {
+  float: right;
+}
+#header #howto a {
+  padding-top: 10px;
+  margin-left: 24px;
+}
+#header #howto a span {
+  position: absolute;
+  top: 0px;
+  left: 0;
+  font-size: 10px;
+  font-weight: 600;
+}
+/* ----- content ---- */
+#content-wrapper {
+  padding-top: 0;
+}
+#content,
+#tabs a,
+#tabs span {
+  background: #fff;
+  padding: 2% 2%;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  position: relative;
+}
+#content {
+  padding: 4% 2%;
+}
+#tabs {
+  margin-bottom: -7px;
+  padding-bottom: 0;
+}
+#tabs a,
+#tabs span {
+  display: inline-block;
+  padding: 16px 20px 18px;
+  margin: 0 10px 0 0;
+}
+#tabs a {
+  -webkit-transition: background-color 0.25s linear;
+  -moz-transition: background-color 0.25s linear;
+  transition: background-color 0.25s linear;
+  background-color: #4cc2e4;
+  color: #fff;
+}
+#tabs a:hover {
+  background-color: #78d1eb;
+}
+#tabs a.selected {
+  background-color: #fff;
+  color: #3b4854;
+}
+#tabs a.selected:hover {
+  background-color: #fff;
+}
+#search-box {
+  width: auto;
+  margin-bottom: 20px;
+}
+#search-box-input span {
+  line-height: 60px;
+  width: 5%;
+  font-size: 1.5em;
+  font-weight: bold;
+  text-align: center;
+  float: left;
+}
+#search-box-input .button {
+  padding-left: 2%;
+  padding-right: 2%;
+  width: 25%;
+  float: left;
+}
+#search-input {
+  width: auto;
+  min-width: 90%;
+  font-size: 1.5em;
+  padding: 10px 2%;
+  border: none;
+  font-weight: normal;
+  margin: 0 8px 0 0;
+  border: 1px solid #ddd;
+  border-top: 4px #ddd solid;
+}
+#search-input:focus {
+  outline-color: #4cc2e4;
+}
+#browse-anchors a {
+  margin-right: 20px;
+  padding: 3px 5px 3px 5px;
+  background-color: #fff;
+  display: inline-block;
+  background-color: #4cc2e4;
+  margin-right: 8px;
+  padding: 4px 12px;
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  -webkit-transition: background 0.25s linear;
+  -moz-transition: background 0.25s linear;
+  transition: background 0.25s linear;
+  border-bottom: 2px solid #21b2dc;
+}
+#browse-anchors a:hover {
+  background-color: #4cd6fc;
+  color: #fff;
+}
+/* ----- footer ---- */
+#footer {
+  height: 40px;
+}
+/* ----- everything else ----- */
+div#results {
+  font-size: 20px;
+  width: 100%;
+  padding-top: 4px;
+}
+div.result {
+  width: 100%;
+}
+div.result-container {
+  padding-bottom: 6px;
+}
+span.result-name {
+  padding-right: 10px;
+}
+span.result-desc {
+  color: #6B6B6B;
+}
+div.result-tags {
+  text-align: right;
+  font-size: 16px;
+  padding-right: 4px;
+  float: right;
+}
+span.tag {
+  padding-left: 6px;
+  cursor: pointer;
+  color: #878787;
+}
+span.desc-term {
+  color: #141414;
+}
+div.package {
+  text-align: center;
+}
+div.package-title {
+  font-size: 22px;
+  float: left;
+}
+div.package-label {
+  font-size: 17px;
+  color: #999999;
+}
+div.pkg-link {
+  float: left;
+  padding-top: 20px;
+  margin-left: 30px;
+}
+div#latest-packages {
+  width: 45%;
+  float: left;
+  margin-right: 5%;
+}
+div#top-dep-packages {
+  width: 45%;
+  margin-left: 5%;
+  float: left;
+}
+div.top-title {
+  text-align: center;
+}
+div.top-package {
+  width: 100%;
+}
+div.top-package-title {
+  padding-right: 7px;
+  float: left;
+}
+div.top-package-updated {
+  float: right;
+  text-align: right;
+  padding-right: 15px;
+}
+div.top-package-dep {
+  float: right;
+  text-align: right;
+  padding-right: 15px;
+}
+div.dependencies {
+  width: 80%;
+  text-align: left;
+  padding-left: 10%;
+  padding-right: 10%;
+}
+div.users {
+  width: 80%;
+  text-align: left;
+  padding-left: 10%;
+  padding-right: 10%;
+}
+a.dep {
+  margin-right: 10px;
+}
+a.user {
+  margin-right: 10px;
+}
+div#totals {
+  float: right;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+div.all-package {
+  width: 100%;
+}
+div.all-package-name {
+  width: 40%;
+  padding-right: 2%;
+  float: left;
+}
+div.all-package-desc {
+  width: 50%;
+  float: left;
+}
+div#more-all {
+  cursor: pointer;
+  color: blue;
+}
+div#versions-container {
+  margin-top: 10px;
+  width: 100%;
+}
+div#version-list {
+  float: left;
+  width: 20%;
+}
+div#version-info {
+  float: left;
+  width: 78%;
+  background-color: #B9D3EE;
+  padding: 1% 1% 1% 1%;
+}
+div.version-info-cell {
+  width: 100%;
+}
+div.version-info-key {
+  float: left;
+}
+div.version-info-value {
+  float: right;
+  text-align: right;
+}
+div.version-selected {
+  background-color: #B9D3EE;
+}
+div.version-link {
+  width: 100%;
+  padding: 3px 0px 0px 10px;
+}
+span.expand-tags {
+  padding-left: 10px;
+  font-size: 12px;
+  cursor: pointer;
+  color: #FF1D4E;
+}
+a.tag-val {
+  padding-right: 10px;
+  padding-left: 5px;
+}
+div.all-package-author {
+  width: 30%;
+  float: left;
+}
+div.all-package-auth-list {
+  width: 70%;
+  float: left;
+}
+div.all-package-deps {
+  width: 50%;
+  float: left;
+}
+div.all-package-deps-value {
+  width: 50%;
+  float: left;
+}
+div.tags-pkg-name {
+  float: left;
+  width: 30%;
+  font-size: 30px;
+}
+div.tags-pkg-desc {
+  float: left;
+  width: 70%;
+}

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/e93025ac/attachments/css/layout.less
----------------------------------------------------------------------
diff --git a/attachments/css/layout.less b/attachments/css/layout.less
new file mode 100644
index 0000000..95913a0
--- /dev/null
+++ b/attachments/css/layout.less
@@ -0,0 +1,467 @@
+/* ----- 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 {
+    background: #fff;
+    margin: 0;
+}
+
+.wrap, #tabs {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 40px 0;
+}
+
+.grid {
+    background: url(../images/grid.png);
+}
+
+
+/* ----- common elements -----*/
+
+a {
+    color: @highlight-color;
+    text-decoration:none;
+}
+
+a.dep-link {
+    padding-right:7px;
+}
+
+.spacer, .clear { 
+    clear:both;
+    margin-bottom:10px; 
+}
+
+.button {
+    display: inline-block;
+    background-color: @highlight-color;
+    margin-left: 8px;
+    padding: 10px 16px;
+    color: #fff;
+    font-size: 1.5em;
+    text-align: center;
+    text-decoration: none;
+    .transition( background );
+    border-bottom: 4px solid darken(@highlight-color,10%);
+
+    &:hover {
+        background-color: #4cd6fc;
+        color: #fff;
+    }
+}
+
+
+/* ----- 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;
+            }
+        }
+    }
+}
+
+
+/* ----- content ---- */
+
+#content-wrapper {
+    padding-top: 0;
+}
+
+
+#content,
+#tabs a, #tabs span {
+    background: #fff;
+    padding: 2% 2%;
+    .border-radius( 5px );
+    position: relative;
+}
+
+#content {
+    padding: 4% 2%;
+}
+
+#tabs {
+    margin-bottom: -7px;
+    padding-bottom: 0;
+
+    a, span {
+        display: inline-block;
+        padding: 16px 20px 18px;
+        margin: 0 10px 0 0;
+    }
+
+    a {
+        .transition( background-color );
+        background-color: @highlight-color;
+        color: #fff;
+
+        &:hover {
+            background-color: lighten( @highlight-color, 10% );
+        }
+
+        &.selected {
+            background-color: #fff;
+            color: @font-color;
+            &:hover {
+                background-color: #fff;
+            }
+        }
+    }
+}
+
+#search-box {
+    width: auto;
+    margin-bottom: 20px;
+}
+
+#search-box-input {
+    span {
+        line-height: 60px;
+        width: 5%;
+        font-size: 1.5em;
+        font-weight: bold;
+        text-align: center;
+        float: left;
+    }
+
+    .button {
+        padding-left: 2%;
+        padding-right: 2%;
+        width: 25%;
+        float: left;
+    }
+}
+
+#search-input {
+    width: auto;
+    min-width: 90%;
+    font-size: 1.5em;
+    padding: 10px 2%;
+    border: none;
+    font-weight: normal;
+    margin: 0 8px 0 0;
+    border: 1px solid #ddd;
+    border-top: 4px #ddd solid;
+    // float: left;
+
+    &:focus {
+        outline-color: @highlight-color;
+    }
+}
+
+#browse-anchors {
+
+    a {
+        margin-right:20px;
+        padding: 3px 5px 3px 5px;
+        background-color: #fff;
+
+        display: inline-block;
+        background-color: @highlight-color;
+        margin-right: 8px;
+        padding: 4px 12px;
+        color: #fff;
+        text-align: center;
+        text-decoration: none;
+        .transition( background );
+        border-bottom: 2px solid darken(@highlight-color,10%);
+
+        &:hover {
+        background-color: #4cd6fc;
+        color: #fff;
+    }
+    }
+}
+
+
+// #main-container, #search-box, 
+
+
+
+
+/* ----- footer ---- */
+
+#footer {
+    height:40px;
+}
+
+
+/* ----- everything else ----- */
+
+div#results {
+  font-size:20px;
+  width:100%;
+  padding-top:4px;
+}
+div.result {
+  width:100%;
+}
+div.result-container {
+  padding-bottom:6px;
+}
+span.result-name {
+  padding-right:10px;
+}
+span.result-desc {
+  color:#6B6B6B;
+}
+div.result-tags {
+  text-align:right;
+  font-size:16px;
+  padding-right:4px;
+  float:right;
+}
+span.tag {
+  padding-left:6px;
+  cursor:pointer;
+  color:#878787;
+}
+span.desc-term {
+  color:#141414;
+}
+div.package {
+  text-align:center;
+}
+
+div.package-title {
+  font-size:22px;
+  float:left;
+}
+div.package-label {
+  font-size:17px;
+  color:#999999
+}
+
+div.pkg-link {
+  float:left;
+  padding-top:20px;
+  margin-left:30px;
+}
+
+div#latest-packages {
+  width:45%;
+  float:left;
+  margin-right: 5%;
+}
+
+div#top-dep-packages {
+  width:45%;
+  margin-left:5%;
+  float:left;
+}
+
+div.top-title {
+  text-align:center;
+}
+
+div.top-package {
+  width:100%;
+}
+div.top-package-title {
+  padding-right:7px;
+  float:left;
+}
+div.top-package-updated {
+  float:right;
+  text-align:right;
+  padding-right:15px;
+}
+div.top-package-dep {
+  float:right;
+  text-align:right;
+  padding-right:15px;
+}
+
+div.dependencies {
+  width:80%;
+  text-align:left;
+  padding-left:10%;
+  padding-right:10%;
+}
+div.users {
+  width:80%;
+  text-align:left;
+  padding-left:10%;
+  padding-right:10%;
+}
+a.dep {
+  margin-right:10px;
+}
+a.user {
+  margin-right:10px;
+}
+div#totals {
+  float:right;
+  position:absolute;
+  top:10px;
+  right:10px;
+}
+div.all-package {
+  width:100%;
+}
+div.all-package-name {
+  width:40%;
+  padding-right:2%;
+  float:left;
+}
+div.all-package-desc {
+  width:50%;
+  float:left;
+}
+div#more-all {
+  cursor:pointer;
+  color:blue;
+}
+
+div#versions-container {
+  margin-top:10px;
+  width:100%;
+}
+div#version-list {
+  float:left;
+  width:20%;
+}
+div#version-info {
+  float:left;
+  width:78%;
+  background-color:#B9D3EE;
+  padding: 1% 1% 1% 1%;
+}
+div.version-info-cell {
+  width:100%;
+}
+div.version-info-key {
+  float:left;
+}
+div.version-info-value {
+  float:right;
+  text-align:right;
+}
+div.version-selected {
+  background-color:#B9D3EE;
+}
+div.version-link {
+  width:100%;
+  padding: 3px 0px 0px 10px;
+}
+
+span.expand-tags {
+  padding-left:10px;
+  font-size:12px;
+  cursor:pointer;
+  color:#FF1D4E;
+}
+a.tag-val {
+  padding-right:10px;
+  padding-left:5px;
+}
+div.all-package-author {
+  width:30%;
+  float:left;
+}
+
+div.all-package-auth-list {
+  width:70%;
+  float:left;
+}
+div.all-package-deps {
+  width:50%;
+  float:left;
+}
+div.all-package-deps-value {
+  width:50%;
+  float:left;
+}
+div.tags-pkg-name {
+  float:left;
+  width:30%;
+  font-size:30px;
+}
+div.tags-pkg-desc {
+  float:left;
+  width:70%;
+}

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/e93025ac/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index b4ad7ef..ba0b96d 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -1,51 +1,46 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
-<html>
+<html ng-app='registry'>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta name="keywords" content="">
     <meta name="description" content="">
 
     <title>Cordova Plugin Registry</title>
-    <link href="/layout.css" rel="stylesheet" type="text/css">
-    <!-- could also go to
-         http://registry.npmjs.org/-/rss?descending=true&limit=50 -->
-    <link rel="alternate" type="application/rss+xml"
-      href="/api/_design/app/_rewrite/-/rss?descending=true&limit=50"
-      title="npm publish feed (RSS)">
-    <script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
-    <script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-    <script language="javascript" type="text/javascript" src="sammy/sammy.js"></script>
-    <script language="javascript" type="text/javascript" src="site.js"></script>
+    <link href="css/layout.css" rel="stylesheet" type="text/css">
     <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
   </head>
 
   <body>
     <div id="body-container">
-      <div id="header">
-        <div class="wrap">
-          <a href="/" title="Home" class="icon-cordova logo">Cordova Plugins</a>
-          <div id="howto" style="display:none;">
-            <a href="http://npmjs.org/doc/README.html"><span>How to</span>Install npm</a>
-            <a href="http://npmjs.org/doc/publish.html"><span>How to</span>Publish a package</a>
-          </div>
+        <div id="header">
+            <div class="wrap">
+            <a href="/" title="Home" class="icon-cordova logo">Cordova Plugins</a>
+            <div id="howto" style="display:none;">
+                <a href="http://npmjs.org/doc/README.html"><span>How to</span>Install npm</a>
+                <a href="http://npmjs.org/doc/publish.html"><span>How to</span>Publish a package</a>
+            </div>
         </div>
-      </div>
+    </div>
       
-      <div id="totals">
-      </div>
+    <div id="totals"></div>
 
-      <div class="grid">
+    <div class="grid">
         <div id="tabs">
           <a href="/" class="selected tab-find">Find packages</a>
           <a href="/#/_browse/all" class="tab-browse">Browse packages</a>
           <a href="/#/_more" class="tab-more">More</a>
         </div>
         <div id="content-wrapper" class="wrap">
-          <div id="content">
-          </div>
+          <div id="content" ng-view></div>
         </div>
       </div>
 
     </div>
+    <script language="javascript" type="text/javascript" src="js/lib/angular.min.js"></script>
+    <script type="text/javascript" src="js/lib/angular-route.min.js"></script>
+    <script language="javascript" type="text/javascript" src="js/app.js"></script>
+    <script language="javascript" type="text/javascript" src="js/controllers.js"></script>
+    <script type="text/javascript" src="js/controllers/home.js"></script>
+
   </body>
 </html>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/e93025ac/attachments/install.html
----------------------------------------------------------------------
diff --git a/attachments/install.html b/attachments/install.html
deleted file mode 100644
index 75a38ea..0000000
--- a/attachments/install.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<h2>One Line Install</h2>
-
-<code>curl http://npmjs.org/install.sh | sh</code>
-
-<h2>More Than One Line Install</h2>
-
-<ol>
-  <li><a href="https://github.com/isaacs/npm">Get the code.</a>
-  </li><li>Run <code>make install</code>
-</li></ol>
-
-<h2>Other Cool Stuff</h2>
-
-<ul>
-  <li><a href="https://github.com/isaacs/npm#readme">README</a>
-  </li><li><a href="https://github.com/isaacs/npm/blob/master/doc/faq.md#readme">FAQ</a>
-  </li><li><a href="http://search.npmjs.org/">Search for Packages</a>
-  </li><li><a href="http://groups.google.com/group/npm-">Mailing List</a>
-  </li><li><a href="https://github.com/isaacs/npm/issues">Bugs</a>
-</li></ul>