MVP for contacts page done
Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/93c30d43 Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/93c30d43 Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/93c30d43 Branch: refs/heads/cordova-website Commit: 93c30d430b5025f53c4e58d5915ca591557c2877 Parents: e185ad3 Author: Brad Gashler <[email protected]> Authored: Fri Aug 14 15:37:55 2015 -0700 Committer: Brad Gashler <[email protected]> Committed: Fri Aug 14 15:37:55 2015 -0700 ---------------------------------------------------------------------- www/contact/index.html | 136 +++++++++++++++++++--------------- www/static/css-src/_contact.scss | 19 ++++- 2 files changed, 96 insertions(+), 59 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/93c30d43/www/contact/index.html ---------------------------------------------------------------------- diff --git a/www/contact/index.html b/www/contact/index.html index d4ebca1..554c8ef 100644 --- a/www/contact/index.html +++ b/www/contact/index.html @@ -3,79 +3,99 @@ layout: cordova title: Apache Cordova --- <div class="container"> -<div class="row"> -<div class="col-sm-12"> + <div class="row"> + <div class="col-sm-12"> -<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> - <div class="panel panel-default"> - <div class="panel-heading" role="tab" id="headingOne"> - <h4 class="panel-title"> + <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> + <div class="panel panel-default"> + <div class="panel-heading" role="tab" id="headingOne"> + <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Dev Mailing List </a> </h4> - <p>Dev mailing list is a place for discussion about developing Apache Cordova.<br/>If you are a Cordova user looking for help, use the cordova tag on <a href="http://stackoverflow.com/questions/tagged/cordova";>Stack Overflow</a>.</p> + <p>Dev mailing list is a place for discussion about developing Apache Cordova. + <br/>If you are a Cordova user looking for help, use the cordova tag on <a href="http://stackoverflow.com/questions/tagged/cordova";>Stack Overflow</a>.</p> - </div> - <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> - <div class="panel-body"> - <ul class="list mailing-list"> - <li>Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-dev+page:1+state:facets";> <span></span></a></li> - </ul> - </div> - </div> - </div> - <div class="panel panel-default"> - <div class="panel-heading" role="tab" id="headingTwo"> - <h4 class="panel-title"> + </div> + <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> + <div class="panel-body"> + <ul class="list mailing-list"> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div> + Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-dev+page:1+state:facets";> <span></span></a></li> + </ul> + </div> + </div> + </div> + <div class="panel panel-default"> + <div class="panel-heading" role="tab" id="headingTwo"> + <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Commits Mailing List </a> </h4> - <p>Commits mailing list tracks commit logs for Apache Cordova repos.</p> - </div> - <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> - <div class="panel-body"> - <ul class="list mailing-list"> - <li>Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-commits+page:1+state:facets";> <span></span></a></li> - </ul> - </div> - </div> - </div> - <div class="panel panel-default"> - <div class="panel-heading" role="tab" id="headingThree"> - <h4 class="panel-title"> + <p>Commits mailing list tracks commit logs for Apache Cordova repos.</p> + </div> + <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo"> + <div class="panel-body"> + <ul class="list mailing-list"> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-commits+page:1+state:facets";> <span></span></a></li> + </ul> + </div> + </div> + </div> + <div class="panel panel-default"> + <div class="panel-heading" role="tab" id="headingThree"> + <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Issues Mailing List </a> </h4> - <p>Issues mailing list tracks comments and updates to <a href="http://issues.apache.org/jira/browse/CB";>Jira items</a> regarding Apache Cordova.</p> - </div> - <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> - <div class="panel-body"> - <ul class="list mailing-list"> - <li>Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> - <li>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-issues+page:1+state:facets";> <span></span></a></li> - </ul> + <p>Issues mailing list tracks comments and updates to <a href="http://issues.apache.org/jira/browse/CB";>Jira items</a> regarding Apache Cordova.</p> + </div> + <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree"> + <div class="panel-body"> + <ul class="list mailing-list"> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Writing to the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:[email protected]";>[email protected]<span></span></a></li> + <li> + <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-issues+page:1+state:facets";> <span></span></a></li> + </ul> + </div> + </div> + </div> </div> + </div> </div> -</div> - -</div> -</div> </div> \ No newline at end of file http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/93c30d43/www/static/css-src/_contact.scss ---------------------------------------------------------------------- diff --git a/www/static/css-src/_contact.scss b/www/static/css-src/_contact.scss index b7bf2ca..72d658b 100644 --- a/www/static/css-src/_contact.scss +++ b/www/static/css-src/_contact.scss @@ -2,4 +2,21 @@ position: absolute; right: 50px; width: 313px; -} \ No newline at end of file +} + +.email_link_button { + width: 49px; + background-color: $brand-primary; + height: 100%; + position: absolute; + right: 0; + top: 0; + display: inline-block; + color: white; + vertical-align: middle; + text-align: center; + .glyphicon { + font-size: 20px; + padding-top: 7px; + } +} --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
