You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by mu...@apache.org on 2015/06/17 21:28:29 UTC
cordova-registry-web git commit: CB-9194 Created faq page and added
header
Repository: cordova-registry-web
Updated Branches:
refs/heads/master dfbf52c40 -> d9349eea7
CB-9194 Created faq page and added header
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/d9349eea
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/d9349eea
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/d9349eea
Branch: refs/heads/master
Commit: d9349eea71195b4e74bc5dba11c636f234c94d23
Parents: dfbf52c
Author: Murat Sutunc <su...@gmail.com>
Authored: Tue Jun 16 16:31:21 2015 -0700
Committer: Murat Sutunc <su...@gmail.com>
Committed: Tue Jun 16 16:31:21 2015 -0700
----------------------------------------------------------------------
npm-search/assets/css/base.css | 246 ++++++++++++++++++++++++++++++++--
npm-search/assets/img/shadow.png | Bin 0 -> 942 bytes
npm-search/assets/img/sprite.png | Bin 0 -> 13702 bytes
npm-search/faq.html | 61 +++++++++
npm-search/index.html | 17 +++
5 files changed, 316 insertions(+), 8 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d9349eea/npm-search/assets/css/base.css
----------------------------------------------------------------------
diff --git a/npm-search/assets/css/base.css b/npm-search/assets/css/base.css
index 98ca151..3ce7d06 100644
--- a/npm-search/assets/css/base.css
+++ b/npm-search/assets/css/base.css
@@ -1,14 +1,38 @@
+* {
+ margin: 0;
+ padding: 0;
+ -webkit-text-size-adjust: none;
+}
+
h1 {
text-align: center;
}
-body {
- margin: 0;
+h2 {
+ font-size: 17px;
+ font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+ font-weight: 300;
+ letter-spacing: 0.05em;
+ font-size: 34px;
+ padding: 48px 0;
+}
+
+body,
+a {
+ color: #3b4854;
}
-/* HEADER RELATED */
+p, blockquote, ul, ol, dl, table, pre {
+ margin: 15px 0;
+}
+
+li {
+ margin-left: 35px;
+}
-/*PLUG AND MSG*/
+/*---------------------------------------------------
+ Pluggy and msg
+---------------------------------------------------*/
#headerBackground {
background: url('img/grid.png');
}
@@ -34,7 +58,9 @@ body {
font-family: 'Segoe UI', tahoma, arial, helvetica, sans-serif;
}
-/*SEARCHBOX*/
+/*---------------------------------------------------
+ Searchbox
+---------------------------------------------------*/
#searchwrapper {
margin: 25px 0px;
@@ -53,7 +79,9 @@ body {
font-size: 14px;
}
-/* Plugin List */
+/*---------------------------------------------------
+ Plugin List
+---------------------------------------------------*/
#pluginList {
list-style-type: none;
@@ -62,7 +90,7 @@ body {
#pluginList li {
border: 1px solid #363636;
- /*padding: 5px;*/
+ margin-left: 0px;
margin-bottom: 10px;
position: relative;
background: white;
@@ -80,7 +108,9 @@ body {
box-shadow:0 0 18px rgba(0,0,0,0.6);
}
-/* Plugin Cards */
+/*---------------------------------------------------
+ PluginCards
+---------------------------------------------------*/
.pluginCardContents {
overflow: hidden;
@@ -145,3 +175,203 @@ p.version {
display: inline-block;
align-items: center;
}
+
+/*---------------------------------------------------
+ Misc
+---------------------------------------------------*/
+
+.icon {
+ background: url('img/sprite.png') no-repeat;
+ background-position: 0 -220px;
+ padding-left: 78px;
+}
+.icon-about {
+ background-position: 0 -220px;
+}
+
+/*---------------------------------------------------
+ Layout - Header
+---------------------------------------------------*/
+#wrap,
+.wrap {
+ width: 1008px;
+ margin: 0 auto;
+ position: relative;
+}
+
+.header-placeholder {
+ height: 90px;
+}
+#header {
+ height: 90px;
+ position: fixed;
+ z-index: 10;
+ left: 0;
+ right: 0;
+ background: #fff;
+ border-bottom: 1px solid #ddd;
+}
+#header .shadow {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: -3px;
+ height: 3px;
+ background: url('img/shadow.png');
+}
+
+.logo,
+.closing {
+ background: url('img/sprite.png') no-repeat;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ background-color: #3b4854;
+ background-position: 0 0px;
+ position: absolute;
+ left: 0;
+ top: 5px;
+ width: 220px;
+ height: 75px;
+}
+.logo:hover {
+ background-color: #4cc2e4;
+}
+.menu {
+ padding: 16px 0;
+ float: right;
+}
+.menu a {
+ text-decoration: none;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ padding: 8px;
+ margin: 0 8px;
+ line-height: 55px;
+}
+.menu a:hover {
+ color: #4cc2e4;
+}
+.menu-dropdown {
+ display: none;
+ position: absolute;
+ right: 16px;
+ top: 32px;
+ width: 40%;
+}
+.menu-dropdown select {
+ width: 100%;
+}
+
+/*---------------------------------------------------
+ Code
+---------------------------------------------------*/
+pre, code {
+ font-size: 12px;
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+}
+
+code {
+ margin: 0 0px;
+ padding: 0px 0px;
+ white-space: nowrap;
+ border: 1px solid #eaeaea;
+ background-color: #f8f8f8;
+ border-radius: 3px;
+}
+
+pre>code {
+ margin: 0;
+ padding: 0;
+ white-space: pre;
+ border: none;
+ background: transparent;
+}
+
+pre {
+ background-color: #f8f8f8;
+ border: 1px solid #ccc;
+ font-size: 13px;
+ line-height: 19px;
+ overflow: auto;
+ padding: 6px 10px;
+ border-radius: 3px;
+}
+
+pre code {
+ background-color: transparent;
+ border: none;
+}
+
+
+/*---------------------------------------------------
+ Mobile
+---------------------------------------------------*/
+@media all and (max-width: 1024px) {
+ #wrap,
+ .wrap {
+ width: auto;
+ margin-left: 24px;
+ margin-right: 24px;
+ }
+}
+@media all and (max-width: 890px) {
+ h2 {
+ font-size: 24px;
+ padding-top: 54px;
+ }
+ .menu {
+ display: none;
+ }
+ .menu-dropdown {
+ display: block;
+ }
+}
+@media all and (max-width: 720px) {
+ h2 {
+ font-size: 22px;
+ padding-top: 54px;
+ }
+ .menu-dropdown {
+ top: 16px;
+ }
+ #header,
+ .header-placeholder {
+ height: 52px;
+ }
+ .logo {
+ top: 7px;
+ width: 110px;
+ height: 37px;
+ background-size: 112px 425px;
+ }
+}
+@media all and (max-width: 585px) {
+ h2 {
+ letter-spacing: 0;
+ }
+ .wrap {
+ margin-left: 12px;
+ margin-right: 12px;
+ }
+ .icon {
+ background-size: 112px 425px;
+ padding: 20px 48px 20px 48px;
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .icon-about {
+ background-position: 0 -110px;
+ }
+}
+@media all and (max-width: 440px) {
+ .icon {
+ padding: 22px 16px 20px 35px;
+ }
+ h2 {
+ font-size: 20px;
+ }
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d9349eea/npm-search/assets/img/shadow.png
----------------------------------------------------------------------
diff --git a/npm-search/assets/img/shadow.png b/npm-search/assets/img/shadow.png
new file mode 100644
index 0000000..8c5ba5f
Binary files /dev/null and b/npm-search/assets/img/shadow.png differ
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d9349eea/npm-search/assets/img/sprite.png
----------------------------------------------------------------------
diff --git a/npm-search/assets/img/sprite.png b/npm-search/assets/img/sprite.png
new file mode 100644
index 0000000..7195426
Binary files /dev/null and b/npm-search/assets/img/sprite.png differ
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d9349eea/npm-search/faq.html
----------------------------------------------------------------------
diff --git a/npm-search/faq.html b/npm-search/faq.html
new file mode 100644
index 0000000..08b87fd
--- /dev/null
+++ b/npm-search/faq.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
+ <title>Cordova Search Website</title>
+ <link rel="stylesheet" href="build/styles.css" />
+ </head>
+
+ <body>
+ <div id="header">
+ <div class="wrap">
+ <a class="logo" href="//cordova.apache.org/"></a>
+ <div class="menu">
+ <a href="index.html">Home</a>
+ <a href="faq.html">FAQ</a>
+ </div>
+ <form class="menu-dropdown">
+ <select onchange="location = this.options[this.selectedIndex].value;">
+ <option value="index.html">Home</option>
+ <option value="faq.html">FAQ</option>
+ </select>
+ </form>
+ </div>
+ <div class="shadow"></div>
+ </div>
+ <div class="header-placeholder"></div>
+ <div class="wrap">
+ <h2 class="icon icon-about">npm Plugin Search FAQ</h2>
+ <h4>What is npm Plugin Search?</h4>
+ <p>On April 21 2015, Cordova team announced plans to move core and 3rd party plugins to npm ecosystem. npm Plugin Search page offers an easy and user friendly way to browse plugins that have completed this transition.</p>
+ <h4>What version of Cordova do I need to use npm?</h4>
+ <p>To start using plugins from npm, Cordova CLI version 5.0.0 or higher is required.</p>
+ <h4>How do I install plugins from npm?</h4>
+ <p>Cordova team decided to change official plugin IDs from org.apache.cordova.* to cordova-plugin-* to better fit within the npm ecosystem. Developers can install a plugin using the command <code>cordova plugin add cordova-plugin-device</code>.</p>
+ <h4>How do I know which platforms are supported for a plugin?</h4>
+ <p>Plugin Search displays plugins in form of cards. Each card contains important information about the plugin. Supported platforms is represented in form of platform tags. </p>
+ <h4>How can I find official core plugins?</h4>
+ <p>Core plugins have a blue strip on the left side of their card.</p>
+ <h4>How do I add a new plugin to Plugin Search?</h4>
+ <p>If you want your Cordova Plugin to show up in search, simply add <code>ecosystem:cordova</code> keyword to the <code>package.json</code> file of your plugin and publish it to npm registry.</p>
+ <h4>How can I tag supported platforms for my plugin?</h4>
+ <p>Similar to <code>ecosystem:cordova</code>, platform support too uses keywords. Just add the platform name prefixed with "<strong>cordova-</strong>" to plugins list of keywords. E.g.</p>
+ <pre><code> "keywords": [
+ "ecosystem:cordova",
+ "cordova-android",
+ "cordova-ios",
+ "cordova-windows"
+ ]</code></pre>
+ <h4>Can I still download plugins if I'm using Cordova CLI 4.3.0 or lower?</h4>
+ <p>Yes! You can use Cordova Plugins from the <a href="http://plugins.cordova.io/" target="_blank">old plugin registry</a>.</p>
+ <h4>What’s happening to the old plugin registry?</h4>
+ <p>See Cordova <a href="http://cordova.apache.org/announcements/2015/04/21/plugins-release-and-move-to-npm.html" target="_blank">blog</a> for more details. It’s being phased out:</p>
+ <ul>
+ <li> Read-only after July 15th</li>
+ <li> End of support after October 15th</li>
+ </ul>
+ <h4>I don't like X. How can I help improve the website?</h4>
+ <p>You can help improving this site by opening bugs on <a href="https://issues.apache.org/jira/issues/?jql=project%20%3D%20CB%20AND%20status%20%3D%20Open%20AND%20component%20%3D%20%22Registry%20Web%22" target="_blank">JIRA</a> or by sending PRs on <a href="https://github.com/apache/cordova-registry-web" target="_blank">GitHub</a>.</p>
+ </div>
+ </body>
+</html>
http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/d9349eea/npm-search/index.html
----------------------------------------------------------------------
diff --git a/npm-search/index.html b/npm-search/index.html
index a1cf953..0f0cd50 100644
--- a/npm-search/index.html
+++ b/npm-search/index.html
@@ -7,6 +7,23 @@
</head>
<body>
+ <div id="header">
+ <div class="wrap">
+ <a class="logo" href="//cordova.apache.org/"></a>
+ <div class="menu">
+ <a href="index.html">Home</a>
+ <a href="faq.html">FAQ</a>
+ </div>
+ <form class="menu-dropdown">
+ <select onchange="location = this.options[this.selectedIndex].value;">
+ <option value="index.html">Home</option>
+ <option value="faq.html">FAQ</option>
+ </select>
+ </form>
+ </div>
+ <div class="shadow"></div>
+ </div>
+ <div class="header-placeholder"></div>
<div id="container"></div>
<script src="build/app.js"></script>
<script>App.start();</script>
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org