cordova-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From ste...@apache.org
Subject [1/3] CB-5911: ripped out topcoat grid, started adding flexbox
Date Tue, 28 Jan 2014 00:42:43 GMT
Updated Branches:
  refs/heads/refactor a534c3eb4 -> 40e075c25


http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/40e075c2/attachments/index.html
----------------------------------------------------------------------
diff --git a/attachments/index.html b/attachments/index.html
index 16b6ebc..1644865 100644
--- a/attachments/index.html
+++ b/attachments/index.html
@@ -20,24 +20,17 @@
 
 <body ng-app='registry'>
 
-  <div id="header" class="topcoat-grid">
-    <div class="header-content topcoat-grid__row">
-      <div class="topcoat-grid__column--5 topcoat-grid__offset--2">
+  <div id="header" class="">
+    <div class="header-content row">
+      <div class="column-5--desk offset-2--desk">
         <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--4 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-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>
-          </div>
+      <div class="column-4--desk offset-1--desk">
+        <div class="header-links">
         </div>
       </div>
     </div>
@@ -46,26 +39,26 @@
   <div id="content-wrapper" ng-view>
   </div>
 
-  <div id="footer" class="topcoat-grid">
-    <div class="topcoat-grid__row">
-      <div class="topcoat-grid__column--2">
+  <div id="footer" class="">
+    <div class="row">
+      <div class="column-2">
         <a href="https://issues.apache.org/jira/browse/CB/component/12321101">Plugin
Registry Issue Tracker</a>
       </div>
-      <div class="topcoat-grid__column--2">
+      <div class="column-2">
         <a href="http://cordova.apache.org/docs/en/edge/plugin_ref_plugman.md.html#Using%20Plugman%20to%20Manage%20Plugins_registry_actions">Cordova
Plugin Documentation</a>
       </div>
-      <div class="topcoat-grid__column--3">
+      <div class="column-3">
         <a href="http://cordova.apache.org/">Apache Cordova Home</a>
       </div>
-      <div class="topcoat-grid__column--3">
+      <div class="column-3">
       </div>
     </div>
-    <div class="topcoat-grid__row">
-      <div class="topcoat-grid__column--6">
+    <div class="row">
+      <div class="column-6">
         <p>Copyright &copy; 2012, 2013, 2014 The Apache Software Foundation, Licensed
under the Apache License, Version 2.0</p>
         <p>Apache and the Apache feather logos are trademarks of The Apache Software
Foundation.</p>
       </div>
-      <div class="topcoat-grid__column--4">
+      <div class="column-4">
         <div class="right">
           <a href="/" title="Home" class="icon-cordova logo">Hi</a>
         </div>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/40e075c2/attachments/partials/views/home.html
----------------------------------------------------------------------
diff --git a/attachments/partials/views/home.html b/attachments/partials/views/home.html
index e89e359..a4fad59 100644
--- a/attachments/partials/views/home.html
+++ b/attachments/partials/views/home.html
@@ -1,43 +1,43 @@
 <div id="home-container">
-	<div class="topcoat-grid cordova-grid-bg">
-		<div class="topcoat-grid__row discover-message-container">
-			<div class="topcoat-grid__column--4 topcoat-grid__offset--3">
+	<div class="cordova-grid-bg">
+		<div class="row discover-message-container">
+			<div class="column-4--desk offset-3--desk">
 				<h1 class="discover-message">Discover plugins for your </h1>
 				<h1 class="discover-message">Apache Cordova project.</h1>
 			</div>
-			<div class="topcoat-grid__column--3">
+			<div class="column-3--desk">
 				<div class="pluggy-logo home-pluggy"></div>
 			</div>
-			<div class="topcoat-grid__column--2"></div>
+			<div class="column-2--desk"></div>
 		</div>
 
-		<div class="topcoat-grid__row grid-gradient">
-			<div class="topcoat-grid__column--10 topcoat-grid__offset--1">
+		<div class="row grid-gradient">
+			<div class="column-10--desk offset-1--desk">
 				<a href="/#/viewAll" class="home-browse-all">Browse all {{totalPlugins}} plugins</a>
 			</div>
 		</div>
 
 	</div>
 
-	<div class="topcoat-grid">
+	<div class="">
 
-		<div class="topcoat-grid__row" class="call-to-action-panes">
-			<div class="topcoat-grid__column--4 topcoat-grid__offset--2">
-				<div class="topcoat-grid call-to-action-pane">
+		<div class="row" class="call-to-action-panes">
+			<div class="column-4--desk offset-2--desk">
+				<div class="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">
+					<div class="row">
+						<div class="column-12--desk">
 							<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">
+					<div class="row">
+						<div class="column-12--desk">
 							<h2>Contribute</h2>
 						</div>
 					</div>
-					<div class="topcoat-grid__row">
-						<div class="topcoat-grid__column--12">
+					<div class="row">
+						<div class="column-12--desk">
 							<h4>Want to <span> author &amp; publish</span> plugins?</h4>
 							<a href="pleaseread.html">Please read our docs</a>.
 						</div>
@@ -47,24 +47,22 @@
 			<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="column-4--desk">
+				<div class="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">
+					<div class="row">
+						<div class="column-12--desk">
 							<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">
+					<div class="row">
+						<div class="column-12--desk">
 							<h2>Utilize</h2>
 						</div>
 					</div>
-					<div class="topcoat-grid__row">
-						<div class="topcoat-grid__column--12">
+					<div class="row">
+						<div class="column-12--desk">
 							<h4>Need to <span>install or remove</span> a plugin?</h4>
 							<a href="pleaseread.html">Check the documentation</a>.
 						</div>
@@ -73,27 +71,27 @@
 			</div>
 		</div>
 
-		<div class="topcoat-grid__row home-plugin-listing-headers">
-			<div class="topcoat-grid__column--4 topcoat-grid__offset--2">
+		<div class="row home-plugin-listing-headers">
+			<div class="column-4--desk offset-2--desk">
 				<h3>Most Downloaded</h3>
 			</div>
 			<div class="call-to-action-mid-spacer">
 			</div>
-			<div class="topcoat-grid__column--4">
+			<div class="column-4--desk">
 				<h3>Last Updated</h3>
 			</div>
 		</div>		
 
-		<div class="topcoat-grid__row home-plugin-listing">
-			<div class="topcoat-grid__column--4 topcoat-grid__offset--2">
+		<div class="row home-plugin-listing">
+			<div class="column-4--desk offset-2--desk">
 				<div ng-repeat="plugin in mostDownloaded">
-					<div class="topcoat-grid__row">
-						<div class="topcoat-grid__column--1">
+					<div class="row">
+						<div class="column-1--desk">
 							{{plugin.download_count}}
 						</div>
-						<div class="topcoat-grid__column--1">
+						<div class="column-1--desk">
 						</div>
-						<div class="topcoat-grid__column--10">
+						<div class="column-10--desk">
 							<a href="/#/package/{{plugin.bundle_id}}">
 								{{plugin.bundle_id}}
 							</a>
@@ -103,15 +101,15 @@
 			</div>
 			<div class="call-to-action-mid-spacer">
 			</div>
-			<div class="topcoat-grid__column--4">
+			<div class="column-4--desk">
 				<div ng-repeat="plugin in lastUpdated">
-					<div class="topcoat-grid__row">
-						<div class="topcoat-grid__column--1">
+					<div class="row">
+						<div class="column-1--desk">
 							{{plugin.updated}}
 						</div>
-						<div class="topcoat-grid__column--1">
+						<div class="column-1--desk">
 						</div>
-						<div class="topcoat-grid__column--10">
+						<div class="column-10--desk">
 							<a href="/#/package/{{plugin.bundle_id}}">
 								{{plugin.bundle_id}}
 							</a>


Mime
View raw message