You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by ag...@apache.org on 2012/08/13 20:23:26 UTC
svn commit: r1372534 - in /incubator/cordova/site: public/index.html
public/master.css www/master.less www/template.html
Author: agrieve
Date: Mon Aug 13 18:23:25 2012
New Revision: 1372534
URL: http://svn.apache.org/viewvc?rev=1372534&view=rev
Log:
Add a search box to the main page to make it easier to search for Cordova issues in JIRA.
Modified:
incubator/cordova/site/public/index.html
incubator/cordova/site/public/master.css
incubator/cordova/site/www/master.less
incubator/cordova/site/www/template.html
Modified: incubator/cordova/site/public/index.html
URL: http://svn.apache.org/viewvc/incubator/cordova/site/public/index.html?rev=1372534&r1=1372533&r2=1372534&view=diff
==============================================================================
--- incubator/cordova/site/public/index.html (original)
+++ incubator/cordova/site/public/index.html Mon Aug 13 18:23:25 2012
@@ -17,6 +17,14 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
+
+ function submitJiraSearchForm() {
+ var queryTemplate = '(summary ~ "%1" OR description ~ "%1" OR comment ~ "%1") AND project = CB AND resolution = Unresolved ORDER BY created';
+ var query = document.getElementById('jira-search-box').value;
+ var jiraForm = document.getElementById('jira-form');
+ jiraForm.jqlQuery.value = queryTemplate.replace(/%1/g, query);
+ jiraForm.submit();
+ }
</script>
</head>
<body>
@@ -66,7 +74,12 @@
<div class="wrap">
<h2 class="icon icon-contribute">Want to Contribute?</h2>
<p>First, make sure you have signed the <a href="http://www.apache.org/licenses/#clas">Apache CLA</a>.</p>
- <p>The <a href="https://issues.apache.org/jira/browse/">JIRA issue tracker</a> and the <a href="#mailing-list">dev mailing list</a> are good places to identify areas to help out in.</p>
+ <p>The <a href="https://issues.apache.org/jira/browse/">JIRA issue tracker</a> and the <a href="#mailing-list">dev mailing list</a> are good places to identify areas to help out in.<br>
+ Search the issue tracker: <input placeholder="Search Query" id="jira-search-box" onkeypress="event.keyCode==13 && submitJiraSearchForm()"><button id="jira-search-button" onclick="submitJiraSearchForm()">Search</button></p>
+ <form id="jira-form" action="https://issues.apache.org/jira/secure/IssueNavigator!executeAdvanced.jspa" method="post" style="display:none">
+ <input name="jqlQuery" type=hidden>
+ <input name="runQuery" value="true" type=hidden>
+ </form>
<p>Next, clone the git repository for the project you are wishing to contribute to (see below). We recommend employing a certain type of git workflow, please see our <a href="http://wiki.apache.org/cordova/ContributerWorkflow">wiki article</a> for more information.</p>
<p>Finally, to share your changes with the community, you can send a pull request on GitHub to the Apache git mirrors. You can also advocate for your changes directly on our <a href="#mailing-list">mailing list</a>.</p>
<p>For detailed instruction on how to contribute for a specific platform / topic, choose from below:</p>
Modified: incubator/cordova/site/public/master.css
URL: http://svn.apache.org/viewvc/incubator/cordova/site/public/master.css?rev=1372534&r1=1372533&r2=1372534&view=diff
==============================================================================
--- incubator/cordova/site/public/master.css (original)
+++ incubator/cordova/site/public/master.css Mon Aug 13 18:23:25 2012
@@ -1,97 +1,824 @@
-*{margin:0;padding:0;-webkit-text-size-adjust:none;}
-body,a{color:#3b4854;}
-.animate-background{-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;}
-.animate{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear;}
-.secondary-bg{background:url(images/grid.png) #eeeeee 50% 0%;}
-.sprite{background:url(images/sprite.png) no-repeat;}
-.ellipsis{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
-body,h1,h2,h3,h4{font-size:17px;font-family:'HelveticaNeue-Light',Helvetica,Arial,sans-serif;font-weight:300;}
-h1,h2,h3,h4{letter-spacing:0.05em;}
-h1{font-size:34px;}
-h2{font-size:34px;padding:48px 0;}
-b,strong{font-family:'HelveticaNeue-Bold',Helvetica,Arial,sans-serif;font-weight:900;}
-label{font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;}
-.platforms-list li,.list-header.mini,.quick-links-header li{font-family:'HelveticaNeue-Medium','HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:500;}
-a:hover{color:#4cc2e4;}
-p{line-height:1.8em;margin-bottom:2em;}
-p+p{margin-top:2em;}
-.button-container{position:absolute;right:-5px;background:url(images/shadow.png);}
-.button{display:block;background:url(images/sprite.png) no-repeat;background-color:#4cc2e4;background-position:100% -171px;width:288px;padding:16px;color:#fff;font-size:24px;text-decoration:none;position:relative;top:-5px;left:-5px;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;}
-.button:hover{background-color:#4cd6fc;color:#fff;}
-div.button,div.button:hover{background-color:#abafb0;}
-.button label{display:block;font-size:0.5em;height:16px;}
-.clear{clear:both;}
-#wrap,.wrap,#footer,hr{width:1008px;margin:0 auto;position:relative;}
-.grid{background:url(images/grid.png) #eeeeee 50% 0%;padding:32px 0;}
-hr{border:none;border-top:1px solid #ddd;margin-top:64px;margin-bottom:32px;}
-.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(images/shadow.png);}
-.logo,.closing{background:url(images/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:16px;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%;}
-.leadin{margin-bottom:32px;}
-.leadin .wrap{height:368px;}
-.leadin .text-block{position:absolute;left:384px;top:64px;}
-.leadin img{position:absolute;top:32px;left:24px;}
-.leadin li{list-style:none;margin:9px 8px;}
-.leadin h1{background:#fff;display:inline;padding:4px 8px;}
-.leadin .button-container{bottom:0;}
-.container-box{background:#fff;padding:8px;position:relative;}
-.list-link{position:absolute;top:0;bottom:0;right:0;}
-.list{padding-top:16px;}
-.list li{background:#fff;padding:8px;position:relative;list-style:none;margin-bottom:16px;}
-.list-header{background:#fff;padding:8px;position:relative;margin-top:16px;}
-.list-header p{margin-bottom:0;}
-.list-container{position:relative;}
-.platforms-list{padding-top:32px;width:456px;}
-.platforms-list.second{position:absolute;right:0;top:0;}
-.platforms-list li a{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;width:36px;background:url(images/sprite.png) no-repeat;background-position:3px -127px;background-color:#4cc2e4;}
-.platforms-list li a:hover{background-color:#4cd6fc;}
-.platforms-list li.first a{width:108px;}
-.platforms-list li a.link-apache{right:39px;background-position:2px -94px;}
-.platforms-list li.first a.link-apache{width:144px;right:111px;}
-.mailing-list{width:752px;margin-bottom:24px;}
-.mailing-list a{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;backround:#fff;padding:8px;width:408px;font-size:14px;}
-.mailing-list a:hover{color:#fff;background:#4cc2e4;}
-.mailing-list a span{position:absolute;top:0;bottom:0;right:0;width:36px;background:url(images/sprite.png) no-repeat;background-position:-156px -95px;background-color:#4cc2e4;}
-.mailing-list li{margin-bottom:3px;}
-.download-pane .button-container{bottom:-70px;}
-.list-header.mini{display:inline;}
-.download-list-container{position:relative;}
-.download-list{width:320px;margin-bottom:24px;}
-.download-list.second,.download-list.third{position:absolute;top:0;}
-.download-list.second{left:344px;}
-.download-list.third{left:688px;}
-.download-list li{height:18px;}
-.download-list .version{position:absolute;top:0;bottom:0;right:0;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;background:url(images/sprite.png) no-repeat;background-position:-160px -127px;background-color:#4cc2e4;color:#fff;text-decoration:none;right:auto;left:0;padding:8px;padding-left:32px;width:40%;}
-.download-list .version:hover{background-color:#4cd6fc;}
-.download-list .release{float:right;font-size:12px;margin-top:2px;}
-.list-header.mini{display:inline;}
-.quick-links,.quick-links-header li{float:left;width:320px;margin-right:24px;list-style:none;position:relative;}
-.quick-links-header li{margin-bottom:24px;}
-.quick-links.last,.quick-links-header li.last{margin-right:0;}
-.quick-links li{padding:0;}
-.quick-links a{-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;display:block;text-decoration:none;padding:8px;}
-.quick-links a:hover{color:#fff;background:#4cc2e4;}
-.quick-links a span{position:absolute;top:0;bottom:0;right:0;width:36px;background:url(images/sprite.png) no-repeat;background-position:-156px -95px;background-color:#4cc2e4;}
-#footer{padding:32px 0 64px;}
-#footer p{font-size:12px;line-height:1.5em;}
-.closing{background-position:0 -725px;left:auto;right:0;top:20px;width:60px;height:65px;}
-.closing:hover{background-color:#4cc2e4;}
-.icon{background:url(images/sprite.png) no-repeat;background-position:0 -220px;padding-left:78px;}
-.icon-about{background-position:0 -220px;}
-.icon-contribute{background-position:0 -316px;}
-.icon-mailing-list{background-position:0 -412px;}
-.icon-download{background-position:0 -508px;}
-.icon-quick-links{background-position:0 -604px;}
-a.scroll-point{display:block;border-bottom:transparent 1px solid;}
-a.pt-top{border:none;}
-a.pt-about{margin:-100px 0 130px;border:none;}
-.corner,.quick-links .corner{background:url(images/sprite.png) no-repeat;background-position:0 -808px;position:absolute;left:0;top:-32px;width:40px;height:40px;}
-.button-container.middle{bottom:0;}
-@media all and (max-width:1024px){#wrap,.wrap,#footer,hr{width:auto;} .wrap,#footer{margin-left:24px;margin-right:24px;} .download-list,.download-list.second,.download-list.third{width:30%;} .download-list.second{left:33%;} .download-list.third{left:66%;} .quick-links,.quick-links-header li{width:30%;} .platforms-list{width:48%;} h1{font-size:30px;} .button-container{right:16px;}}@media all and (max-width:890px){h1{font-size:24px;} h2{font-size:24px;padding-top:54px;} .leadin img{top:0;width:240px;height:270px;} .leadin .text-block{top:32px;left:290px;} .button{width:250px;padding:12px;} .leadin .wrap{height:300px;} .mailing-list{width:auto;} .menu{display:none;} .menu-dropdown{display:block;}}@media all and (max-width:720px){body{font-size:16px;} h1{font-size:22px;} h2{font-size:22px;padding-top:54px;} .leadin img{width:192px;height:216px;} .leadin .text-block{top:32px;left:232px;} .button{font-size:20px;background-position:100% -177px;width:220px;padding:10px;} .leadin .wr
ap{height:280px;} .platforms-list li.first a.link-apache,.platforms-list li.first a.link-github{width:36px;} .platforms-list li.first a.link-apache{right:39px;} .mailing-list li{padding:8px 4px;} .mailing-list a{width:56%;padding-right:42px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .download-list .version{width:28%;} .menu-dropdown{top:16px;} #header,.header-placeholder{height:52px;} .logo{top:7px;width:110px;height:37px;background-size:112px 425px;} #footer{padding-bottom:28px;padding-right:72px;}}@media all and (max-width:630px){body{} .leadin img{left:-4px;width:160px;height:180px;} .leadin .text-block{left:175px;top:11px;} .leadin .wrap{height:240px;} .leadin .button-container{bottom:-10px;} .button{font-size:18px;background-position:100% -181px;width:200px;padding:8px;} .download-list .version{width:22%;}}@media all and (max-width:585px){h1,h2,h3,h4{letter-spacing:0;} h1{font-size:18px;} .leadin img{width:128px;height:144px;} .leadin .tex
t-block{left:130px;} .wrap,#footer{margin-left:12px;margin-right:12px;} .leadin .wrap{height:200px;} .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;} .icon-contribute{background-position:0 -158px;} .icon-mailing-list{background-position:0 -206px;} .icon-download{background-position:0 -254px;} .icon-quick-links{background-position:0 -302px;} .platforms-list,.platforms-list.second{width:auto;position:static;padding-bottom:0;} .platforms-list.second{padding-top:0;} .mailing-list a{width:0;padding-right:30px;} .download-list,.download-list.second,.download-list.third{width:auto;float:none;position:static;margin-bottom:0;} .download-list.second,.download-list.third{padding-top:0;} .quick-links-header{display:none;} .quick-links,.quick-links-header li{float:none;width:auto;margin-right:0;} .quick-links .corner{display:none;} .quick-links{padding-top:0;}
}@media all and (max-width:440px){.leadin .button-container{display:none;} .leadin .text-block{top:135px;left:-4px;right:-4px;} .leadin img{top:-8px;} .leadin .wrap{height:260px;} .icon{padding:22px 16px 20px 35px;} h2{font-size:20px;} hr{margin-top:32px;}}
+* {
+ margin: 0;
+ padding: 0;
+ -webkit-text-size-adjust: none;
+}
+body,
+a {
+ color: #3b4854;
+}
+/** LESS **/
+.animate-background {
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+}
+.animate {
+ -webkit-transition: all 0.25s linear;
+ -moz-transition: all 0.25s linear;
+ transition: all 0.25s linear;
+}
+.secondary-bg {
+ background: url(images/grid.png) #eeeeee 50% 0%;
+}
+.sprite {
+ background: url(images/sprite.png) no-repeat;
+}
+.ellipsis {
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+/*---------------------------------------------------
+ Font
+---------------------------------------------------*/
+body,
+h1,
+h2,
+h3,
+h4,
+input,
+button {
+ font-size: 17px;
+ font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
+ font-weight: 300;
+}
+h1,
+h2,
+h3,
+h4 {
+ letter-spacing: 0.05em;
+}
+h1 {
+ font-size: 34px;
+}
+h2 {
+ font-size: 34px;
+ padding: 48px 0;
+}
+b,
+strong {
+ font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif;
+ font-weight: 900;
+}
+label {
+ font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
+ font-weight: 400;
+ font-size: 12px;
+}
+.platforms-list li,
+.list-header.mini,
+.quick-links-header li {
+ font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
+ font-weight: 500;
+}
+/*---------------------------------------------------
+ Generic
+---------------------------------------------------*/
+a:hover {
+ color: #4cc2e4;
+}
+p {
+ line-height: 1.8em;
+ margin-bottom: 2em;
+}
+p + p {
+ margin-top: 2em;
+}
+.button-container {
+ position: absolute;
+ right: -5px;
+ background: url(images/shadow.png);
+}
+.button {
+ display: block;
+ background: url(images/sprite.png) no-repeat;
+ background-color: #4cc2e4;
+ background-position: 100% -171px;
+ width: 288px;
+ padding: 16px;
+ color: #fff;
+ font-size: 24px;
+ text-decoration: none;
+ position: relative;
+ top: -5px;
+ left: -5px;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+}
+.button:hover {
+ background-color: #4cd6fc;
+ color: #fff;
+}
+div.button,
+div.button:hover {
+ background-color: #abafb0;
+}
+.button label {
+ display: block;
+ font-size: 0.5em;
+ height: 16px;
+}
+.clear {
+ clear: both;
+}
+/*---------------------------------------------------
+ Layout
+---------------------------------------------------*/
+#wrap,
+.wrap,
+#footer,
+hr {
+ width: 1008px;
+ margin: 0 auto;
+ position: relative;
+}
+.grid {
+ background: url(images/grid.png) #eeeeee 50% 0%;
+ padding: 32px 0;
+}
+hr {
+ border: none;
+ border-top: 1px solid #ddd;
+ margin-top: 64px;
+ margin-bottom: 32px;
+}
+/*---------------------------------------------------
+ Layout - Header
+---------------------------------------------------*/
+.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(images/shadow.png);
+}
+.logo,
+.closing {
+ background: url(images/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: 16px;
+ 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%;
+}
+/*---------------------------------------------------
+ Layout - Leadin
+---------------------------------------------------*/
+.leadin {
+ margin-bottom: 32px;
+}
+.leadin .wrap {
+ height: 368px;
+}
+.leadin .text-block {
+ position: absolute;
+ left: 384px;
+ top: 64px;
+}
+.leadin img {
+ position: absolute;
+ top: 32px;
+ left: 24px;
+}
+.leadin li {
+ list-style: none;
+ margin: 9px 8px;
+}
+.leadin h1 {
+ background: #fff;
+ display: inline;
+ padding: 4px 8px;
+}
+.leadin .button-container {
+ bottom: 0;
+}
+/*---------------------------------------------------
+ Layout - Contribution, Mailing List,
+ Download and Quick Links
+---------------------------------------------------*/
+.container-box {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+}
+.list-link {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+}
+.list {
+ padding-top: 16px;
+}
+.list li {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+ list-style: none;
+ margin-bottom: 16px;
+}
+.list-header {
+ background: #fff;
+ padding: 8px;
+ position: relative;
+ margin-top: 16px;
+}
+.list-header p {
+ margin-bottom: 0;
+}
+.list-container {
+ position: relative;
+}
+/**** Platforms ****/
+.platforms-list {
+ padding-top: 32px;
+ width: 456px;
+}
+.platforms-list.second {
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+.platforms-list li a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ width: 36px;
+ background: url(images/sprite.png) no-repeat;
+ background-position: 3px -127px;
+ background-color: #4cc2e4;
+}
+.platforms-list li a:hover {
+ background-color: #4cd6fc;
+}
+.platforms-list li.first a {
+ width: 108px;
+}
+.platforms-list li a.link-apache {
+ right: 39px;
+ background-position: 2px -94px;
+}
+.platforms-list li.first a.link-apache {
+ width: 144px;
+ right: 111px;
+}
+/**** Mailing List ****/
+.mailing-list {
+ width: 752px;
+ margin-bottom: 24px;
+}
+.mailing-list a {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ backround: #fff;
+ padding: 8px;
+ width: 408px;
+ font-size: 14px;
+}
+.mailing-list a:hover {
+ color: #fff;
+ background: #4cc2e4;
+}
+.mailing-list a span {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 36px;
+ background: url(images/sprite.png) no-repeat;
+ background-position: -156px -95px;
+ background-color: #4cc2e4;
+}
+.mailing-list li {
+ margin-bottom: 3px;
+}
+/**** Download ****/
+.download-pane .button-container {
+ bottom: -70px;
+}
+.list-header.mini {
+ display: inline;
+}
+.download-list-container {
+ position: relative;
+}
+.download-list {
+ width: 320px;
+ margin-bottom: 24px;
+}
+.download-list.second,
+.download-list.third {
+ position: absolute;
+ top: 0;
+}
+.download-list.second {
+ left: 344px;
+}
+.download-list.third {
+ left: 688px;
+}
+.download-list li {
+ height: 18px;
+}
+.download-list .version {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ background: url(images/sprite.png) no-repeat;
+ background-position: -160px -127px;
+ background-color: #4cc2e4;
+ color: #fff;
+ text-decoration: none;
+ right: auto;
+ left: 0;
+ padding: 8px;
+ padding-left: 32px;
+ width: 40%;
+}
+.download-list .version:hover {
+ background-color: #4cd6fc;
+}
+.download-list .release {
+ float: right;
+ font-size: 12px;
+ margin-top: 2px;
+}
+/**** Quick Links ****/
+.list-header.mini {
+ display: inline;
+}
+.quick-links,
+.quick-links-header li {
+ float: left;
+ width: 320px;
+ margin-right: 24px;
+ list-style: none;
+ position: relative;
+}
+.quick-links-header li {
+ margin-bottom: 24px;
+}
+.quick-links.last,
+.quick-links-header li.last {
+ margin-right: 0;
+}
+.quick-links li {
+ padding: 0;
+}
+.quick-links a {
+ -webkit-transition: background 0.25s linear;
+ -moz-transition: background 0.25s linear;
+ transition: background 0.25s linear;
+ display: block;
+ text-decoration: none;
+ padding: 8px;
+}
+.quick-links a:hover {
+ color: #fff;
+ background: #4cc2e4;
+}
+.quick-links a span {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 36px;
+ background: url(images/sprite.png) no-repeat;
+ background-position: -156px -95px;
+ background-color: #4cc2e4;
+}
+/*---------------------------------------------------
+ Layout - Footer
+---------------------------------------------------*/
+#footer {
+ padding: 32px 0 64px;
+}
+#footer p {
+ font-size: 12px;
+ line-height: 1.5em;
+}
+.closing {
+ background-position: 0 -725px;
+ left: auto;
+ right: 0;
+ top: 20px;
+ width: 60px;
+ height: 65px;
+}
+.closing:hover {
+ background-color: #4cc2e4;
+}
+/*---------------------------------------------------
+ Jira Search Form
+---------------------------------------------------*/
+#jira-search-box {
+ border: 1px solid #ccc;
+ padding: 2px;
+ min-width: 200px;
+}
+#jira-search-box,
+#jira-search-button {
+ box-sizing: border-box;
+ height: 1.8rem;
+ vertical-align: bottom;
+}
+#jira-search-button {
+ font-size: 14px;
+ margin-left: -1px;
+ padding: 5px;
+}
+/*---------------------------------------------------
+ Misc
+---------------------------------------------------*/
+.icon {
+ background: url(images/sprite.png) no-repeat;
+ background-position: 0 -220px;
+ padding-left: 78px;
+}
+.icon-about {
+ background-position: 0 -220px;
+}
+.icon-contribute {
+ background-position: 0 -316px;
+}
+.icon-mailing-list {
+ background-position: 0 -412px;
+}
+.icon-download {
+ background-position: 0 -508px;
+}
+.icon-quick-links {
+ background-position: 0 -604px;
+}
+a.scroll-point {
+ display: block;
+ border-bottom: transparent 1px solid;
+}
+a.pt-top {
+ border: none;
+}
+a.pt-about {
+ margin: -100px 0 130px;
+ border: none;
+}
+.corner,
+.quick-links .corner {
+ background: url(images/sprite.png) no-repeat;
+ background-position: 0 -808px;
+ position: absolute;
+ left: 0;
+ top: -32px;
+ width: 40px;
+ height: 40px;
+}
+.button-container.middle {
+ bottom: 0;
+}
+/*---------------------------------------------------
+ Mobile
+---------------------------------------------------*/
+@media all and (max-width: 1024px) {
+ #wrap,
+ .wrap,
+ #footer,
+ hr {
+ width: auto;
+ }
+ .wrap,
+ #footer {
+ margin-left: 24px;
+ margin-right: 24px;
+ }
+ .download-list,
+ .download-list.second,
+ .download-list.third {
+ width: 30%;
+ }
+ .download-list.second {
+ left: 33%;
+ }
+ .download-list.third {
+ left: 66%;
+ }
+ .quick-links,
+ .quick-links-header li {
+ width: 30%;
+ }
+ .platforms-list {
+ width: 48%;
+ }
+ h1 {
+ font-size: 30px;
+ }
+ .button-container {
+ right: 16px;
+ }
+}
+@media all and (max-width: 890px) {
+ h1 {
+ font-size: 24px;
+ }
+ h2 {
+ font-size: 24px;
+ padding-top: 54px;
+ }
+ .leadin img {
+ top: 0;
+ width: 240px;
+ height: 270px;
+ }
+ .leadin .text-block {
+ top: 32px;
+ left: 290px;
+ }
+ .button {
+ width: 250px;
+ padding: 12px;
+ }
+ .leadin .wrap {
+ height: 300px;
+ }
+ .mailing-list {
+ width: auto;
+ }
+ .menu {
+ display: none;
+ }
+ .menu-dropdown {
+ display: block;
+ }
+}
+@media all and (max-width: 720px) {
+ body {
+ font-size: 16px;
+ }
+ h1 {
+ font-size: 22px;
+ }
+ h2 {
+ font-size: 22px;
+ padding-top: 54px;
+ }
+ .leadin img {
+ width: 192px;
+ height: 216px;
+ }
+ .leadin .text-block {
+ top: 32px;
+ left: 232px;
+ }
+ .button {
+ font-size: 20px;
+ background-position: 100% -177px;
+ width: 220px;
+ padding: 10px;
+ }
+ .leadin .wrap {
+ height: 280px;
+ }
+ .platforms-list li.first a.link-apache,
+ .platforms-list li.first a.link-github {
+ width: 36px;
+ }
+ .platforms-list li.first a.link-apache {
+ right: 39px;
+ }
+ .mailing-list li {
+ padding: 8px 4px;
+ }
+ .mailing-list a {
+ width: 56%;
+ padding-right: 42px;
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .download-list .version {
+ width: 28%;
+ }
+ .menu-dropdown {
+ top: 16px;
+ }
+ #header,
+ .header-placeholder {
+ height: 52px;
+ }
+ .logo {
+ top: 7px;
+ width: 110px;
+ height: 37px;
+ background-size: 112px 425px;
+ }
+ #footer {
+ padding-bottom: 28px;
+ padding-right: 72px;
+ }
+}
+@media all and (max-width: 630px) {
+ body {
+ /* font-size: 14px;*/
+
+ }
+ .leadin img {
+ left: -4px;
+ width: 160px;
+ height: 180px;
+ }
+ .leadin .text-block {
+ left: 175px;
+ top: 11px;
+ }
+ .leadin .wrap {
+ height: 240px;
+ }
+ .leadin .button-container {
+ bottom: -10px;
+ }
+ .button {
+ font-size: 18px;
+ background-position: 100% -181px;
+ width: 200px;
+ padding: 8px;
+ }
+ .download-list .version {
+ width: 22%;
+ }
+}
+@media all and (max-width: 585px) {
+ h1,
+ h2,
+ h3,
+ h4 {
+ letter-spacing: 0;
+ }
+ h1 {
+ font-size: 18px;
+ }
+ .leadin img {
+ width: 128px;
+ height: 144px;
+ }
+ .leadin .text-block {
+ left: 130px;
+ }
+ .wrap,
+ #footer {
+ margin-left: 12px;
+ margin-right: 12px;
+ }
+ .leadin .wrap {
+ height: 200px;
+ }
+ .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;
+ }
+ .icon-contribute {
+ background-position: 0 -158px;
+ }
+ .icon-mailing-list {
+ background-position: 0 -206px;
+ }
+ .icon-download {
+ background-position: 0 -254px;
+ }
+ .icon-quick-links {
+ background-position: 0 -302px;
+ }
+ .platforms-list,
+ .platforms-list.second {
+ width: auto;
+ position: static;
+ padding-bottom: 0;
+ }
+ .platforms-list.second {
+ padding-top: 0;
+ }
+ .mailing-list a {
+ width: 0;
+ padding-right: 30px;
+ }
+ .download-list,
+ .download-list.second,
+ .download-list.third {
+ width: auto;
+ float: none;
+ position: static;
+ margin-bottom: 0;
+ }
+ .download-list.second,
+ .download-list.third {
+ padding-top: 0;
+ }
+ .quick-links-header {
+ display: none;
+ }
+ .quick-links,
+ .quick-links-header li {
+ float: none;
+ width: auto;
+ margin-right: 0;
+ }
+ .quick-links .corner {
+ display: none;
+ }
+ .quick-links {
+ padding-top: 0;
+ }
+}
+@media all and (max-width: 440px) {
+ .leadin .button-container {
+ display: none;
+ }
+ .leadin .text-block {
+ top: 135px;
+ left: -4px;
+ right: -4px;
+ }
+ .leadin img {
+ top: -8px;
+ }
+ .leadin .wrap {
+ height: 260px;
+ }
+ .icon {
+ padding: 22px 16px 20px 35px;
+ }
+ h2 {
+ font-size: 20px;
+ }
+ hr {
+ margin-top: 32px;
+ }
+}
Modified: incubator/cordova/site/www/master.less
URL: http://svn.apache.org/viewvc/incubator/cordova/site/www/master.less?rev=1372534&r1=1372533&r2=1372534&view=diff
==============================================================================
--- incubator/cordova/site/www/master.less (original)
+++ incubator/cordova/site/www/master.less Mon Aug 13 18:23:25 2012
@@ -57,7 +57,7 @@ body, a {
Font
---------------------------------------------------*/
-body, h1, h2, h3, h4 {
+body, h1, h2, h3, h4, input, button {
font-size: 17px;
font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
font-weight: 300;
@@ -532,6 +532,27 @@ hr {
/*---------------------------------------------------
+ Jira Search Form
+---------------------------------------------------*/
+#jira-search-box {
+ border: 1px solid #ccc;
+ padding: 2px;
+ min-width: 200px;
+}
+
+#jira-search-box, #jira-search-button {
+ box-sizing: border-box;
+ height: 1.8rem;
+ vertical-align: bottom;
+}
+
+#jira-search-button {
+ font-size: 14px;
+ margin-left: -1px;
+ padding: 5px;
+}
+
+/*---------------------------------------------------
Misc
---------------------------------------------------*/
Modified: incubator/cordova/site/www/template.html
URL: http://svn.apache.org/viewvc/incubator/cordova/site/www/template.html?rev=1372534&r1=1372533&r2=1372534&view=diff
==============================================================================
--- incubator/cordova/site/www/template.html (original)
+++ incubator/cordova/site/www/template.html Mon Aug 13 18:23:25 2012
@@ -21,6 +21,14 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
+
+ function submitJiraSearchForm() {
+ var queryTemplate = '(summary ~ "%1" OR description ~ "%1" OR comment ~ "%1") AND project = CB AND resolution = Unresolved ORDER BY created';
+ var query = document.getElementById('jira-search-box').value;
+ var jiraForm = document.getElementById('jira-form');
+ jiraForm.jqlQuery.value = queryTemplate.replace(/%1/g, query);
+ jiraForm.submit();
+ }
</script>
</head>
<body>
@@ -75,7 +83,12 @@
<div class="wrap">
<h2 class="icon icon-contribute">Want to Contribute?</h2>
<p>First, make sure you have signed the <a href="http://www.apache.org/licenses/#clas">Apache CLA</a>.</p>
- <p>The <a href="https://issues.apache.org/jira/browse/">JIRA issue tracker</a> and the <a href="#mailing-list">dev mailing list</a> are good places to identify areas to help out in.</p>
+ <p>The <a href="https://issues.apache.org/jira/browse/">JIRA issue tracker</a> and the <a href="#mailing-list">dev mailing list</a> are good places to identify areas to help out in.<br>
+ Search the issue tracker: <input placeholder="Search Query" id="jira-search-box" onkeypress="event.keyCode==13 && submitJiraSearchForm()"><button id="jira-search-button" onclick="submitJiraSearchForm()">Search</button></p>
+ <form id="jira-form" action="https://issues.apache.org/jira/secure/IssueNavigator!executeAdvanced.jspa" method="post" style="display:none">
+ <input name="jqlQuery" type=hidden>
+ <input name="runQuery" value="true" type=hidden>
+ </form>
<p>Next, clone the git repository for the project you are wishing to contribute to (see below). We recommend employing a certain type of git workflow, please see our <a href="http://wiki.apache.org/cordova/ContributerWorkflow">wiki article</a> for more information.</p>
<p>Finally, to share your changes with the community, you can send a pull request on GitHub to the Apache git mirrors. You can also advocate for your changes directly on our <a href="#mailing-list">mailing list</a>.</p>
<p>For detailed instruction on how to contribute for a specific platform / topic, choose from below:</p>