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:17 UTC
[27/32] More updates to views for home page and search,
as well as over all layout. Added in SVG's used for the pluggy robot
henceforce called pluggy
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/03845769/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index 8fa4175..f7ee6d0 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -22,18 +22,18 @@
<div id="header" class="topcoat-grid">
<div class="header-content topcoat-grid__row">
- <div class="topcoat-grid__column--6">
- <a href="/" title="Home" class="icon-cordova logo">
- <img class="registry-logo left" />
+ <div class="topcoat-grid__column--5 topcoat-grid__offset--1">
+ <a href="/" title="Home" class="logo-link">
+ <div class="registry-logo left pluggy-logo top-logo"></div>
<div class="top-project-text">Apache Cordova</div>
<div class="top-plugins-registry-text">Plugins Registry</div>
</a>
</div>
- <div class="topcoat-grid__column--6">
+ <div class="topcoat-grid__column--5 topcoat-grid__offset--1">
<div class="topcoat-grid header-links">
<div class="topcoat-grid__column--12">
<div class="search-container" ng-controller="SearchController">
- <input id="search-text" type="search" ng-model="searchText" placeholder="Find a plugin..." class="topcoat-search-input" ng-enter="searchPlugins()" />
+ <input id="search-text-header" type="search" ng-model="searchText" placeholder="Find a plugin..." class="topcoat-search-input" ng-enter="searchPlugins()" />
</div>
<a href="/#/createAccount">Create Account</a>
<a href="/#/signIn">Sign In</a>
@@ -67,7 +67,7 @@
</div>
<div class="topcoat-grid__column--4">
<div class="right">
- <img title="Cordova Hi robot" />
+ <a href="/" title="Home" class="icon-cordova logo">Hi</a>
</div>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/03845769/attachments/partials/views/home.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/home.html b/attachments/partials/views/home.html
index a1eec43..dd4f50f 100644
--- a/attachments/partials/views/home.html
+++ b/attachments/partials/views/home.html
@@ -1,18 +1,19 @@
<div id="home-container">
<div class="topcoat-grid cordova-grid-bg">
<div class="topcoat-grid__row discover-message-container">
- <div class="topcoat-grid__column--3 topcoat-grid__offset--1">
+ <div class="topcoat-grid__column--4 topcoat-grid__offset--3">
<h1 class="discover-message">Discover plugins for your </h1>
<h1 class="discover-message">Apache Cordova project.</h1>
</div>
- <div class="topcoat-grid__column--5">
- <img src="" alt="pluggy the robot" />
+ <div class="topcoat-grid__column--3">
+ <div class="pluggy-logo home-pluggy"></div>
</div>
+ <div class="topcoat-grid__column--2"></div>
</div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--3 topcoat-grid__offset--1">
- <a href="/#/viewAll">Browse all {{totalPlugins}} plugins</a>
+ <div class="topcoat-grid__column--10 topcoat-grid__offset--1">
+ <a href="/#/viewAll" class="home-browse-all">Browse all {{totalPlugins}} plugins</a>
</div>
</div>
@@ -21,40 +22,49 @@
<div class="topcoat-grid">
<div class="topcoat-grid__row" class="call-to-action-panes">
- <div class="topcoat-grid__column--6">
- <div class="topcoat-grid">
+ <div class="topcoat-grid__column--4 topcoat-grid__offset--2">
+ <div class="topcoat-grid call-to-action-pane">
+ <div class="call-to-action-pane-left-triangle"><div></div></div>
+ <div class="call-to-action-pane-right-triangle"><div></div></div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--2">
- <img title="Contrib flyer" />
+ <div class="topcoat-grid__column--12">
+ <img class="call-to-action-img" title="Contrib flyer" src="/images/contribute.png" />
</div>
</div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--3">
+ <div class="topcoat-grid__column--12">
<h2>Contribute</h2>
</div>
</div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--2">
+ <div class="topcoat-grid__column--12">
<h4>Want to <span> author & publish</span> plugins?</h4>
<a href="pleaseread.html">Please read our docs</a>.
</div>
</div>
</div>
</div>
- <div class="topcoat-grid__column--6">
- <div class="topcoat-grid">
+ <div class="call-to-action-mid-spacer">
+ <div class="icon-cordova logo"></div>
+ </div>
+ <!-- <div class="topcoat-grid__column--1">
+ </div> -->
+ <div class="topcoat-grid__column--4">
+ <div class="topcoat-grid call-to-action-pane">
+ <div class="call-to-action-pane-left-triangle"><div></div></div>
+ <div class="call-to-action-pane-right-triangle"><div></div></div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--2">
- <img title="Utilize wrench" />
+ <div class="topcoat-grid__column--12">
+ <img class="call-to-action-img" title="Utilize wrench" src="/images/utilize.png" />
</div>
</div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--3">
+ <div class="topcoat-grid__column--12">
<h2>Utilize</h2>
</div>
</div>
<div class="topcoat-grid__row">
- <div class="topcoat-grid__column--12 topcoat-grid__offset--2">
+ <div class="topcoat-grid__column--12">
<h4>Need to <span>install or remove</span> a plugin?</h4>
<a href="pleaseread.html">Check the documentation</a>.
</div>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/03845769/attachments/partials/views/search.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/search.html b/attachments/partials/views/search.html
index a821578..3d13e39 100644
--- a/attachments/partials/views/search.html
+++ b/attachments/partials/views/search.html
@@ -1,7 +1,12 @@
<div class="topcoat-grid">
<div class="topcoat-grid__row">
<div class="topcoat-grid__column--12 topcoat-grid__offset--1">
- <input id="search-text" type="search" ng-model="searchText" placeholder="Find a plugin..." class="topcoat-search-input" ng-enter="searchPlugins()" />
+ <a href="/#/viewAll">Browse all {{totalPlugins}} plugins</a>
+ </div>
+ </div>
+ <div class="topcoat-grid__row">
+ <div class="topcoat-grid__column--12 topcoat-grid__offset--1">
+ <input id="search-text" type="search" ng-model="searchText" placeholder="Find a plugin..." ng-enter="searchPlugins()" />
</div>
</div>
<div class="topcoat-grid__row">