Permalink
Browse files

Bug 851727 -Responsify powered-by page

Migrate /projects/powered-by.html to bedrock. Bug 851727.

UI cleanup. URL redirects added (review needed).

Built on @retornam's initial branch.

Updated img alt attr, fixed phone view.

Updated URL rewrites (thanks @pmclanahan).

Updated URLs/rewrites to replace /projects/ with /about/.
  • Loading branch information...
retornam authored and jpetto committed Mar 18, 2013
1 parent 3b4ce21 commit 99344bde802c1c3a48fd97a5be476465ac9362b3
@@ -0,0 +1,84 @@
+{% extends "base-resp.html" %}
+
+{% block page_title %}Powered by Mozilla {% endblock %}
+
+{% block body_id %}powered-by{% endblock %}
+{% block body_class %}sand{% endblock %}
+
+{% block extrahead %}
+ {{ css('powered-by') }}
+{% endblock %}
+
+{% block content %}
+<article id="main-content">
+ <h1 class="title-banner">{{ _("Powered by Mozilla") }}</h1>
+
+ <div class="container">
+ <div class="main">
+ <p class="lede">
+ {% trans %}
+ The Mozilla community creates world-class open source software that is freely available for other people and organizations to use in their own products.
+ {% endtrans %}
+ </p>
+ <p>
+ {% trans url1=url('mozorg.mission') %}
+ The Powered by Mozilla logo is being made available to demonstrate how broadly Mozilla's technologies are being adopted because we feel strongly that helping to distribute our source code is central to our <a href="{{ url1 }}">mission</a> of promoting openness, innovation, and opportunity on the Internet.
+ {% endtrans %}
+ </p>
+ </div>
+
+ <aside class="aside">
+ <img id="powered-by" src="{{ media('/img/mozorg/poweredby/poweredby_400.png') }}" alt="Powered by Mozilla" />
+ <p>
+ {% trans url1='https://bugzilla.mozilla.org/enter_bug.cgi?product=Marketing&format=poweredby' %}
+ To officially request use of the logo, please fill out this <a href="{{ url1 }}">form</a>.
+ {% endtrans %}
+ </p>
+ </aside>
+ </div>
+
+ <div class="container">
+ <h2>{{ _("Applications and Products that are Powered by Mozilla") }}</h2>
+
+ <ul class="links">
+ <li><a href="http://aasii.org">{{ _("Abstract")}}</a></li>
+ <li><a href="http://apicasystem.com/">{{ _("Apica")}}</a></li>
+ <li><a href="http://www.blackbirdhome.com/about.html">{{ _("Blackbird")}}</a></li>
+ <li><a href="http://www.bluegriffon.org">{{ _("BlueGriffon")}}</a></li>
+ <li><a href="http://getbuzzbird.com/bb/">{{ _("Buzzbird")}}</a></li>
+ <li><a href="http://www.webdevelopers.eu/">{{ _("Elixon CMS")}}</a></li>
+ <li><a href="http://realityripple.com/Software/Battle.net/Entelechy/">{{ _("Entelechy")}}</a></li>
+ <li><a href="http://www.epicbrowser.com/">{{ _("Epic Browser")}}</a></li>
+ <li><a href="https://wiki.mozilla.org/Eudora_Releases">{{ _("Eudora")}}</a></li>
+ <li><a href="http://exelearning.org/wiki">{{ _("eXe")}}</a></li>
+ <li><a href="http://www.mozilla.org/">{{ _("Firefox")}}</a></li>
+ <li><a href="http://ww.kiwix.org/index.php/Main_Page">{{ _("Kiwix")}}</a></li>
+ <li><a href="http://www.kompozer.com">{{ _("KompoZer")}}</a></li>
+ <li><a href="http://globalmojo.com">{{ _("GlobalMojo")}}</a></li>
+ <li><a href="http://gluescript.sourceforge.net">{{ _("GLUEscript")}}</a></li>
+ <li><a href="http://www.comodo.com/home/browsers-toolbars/icedragon-browser.php">{{ _("IceDragon")}}</a></li>
+ <li><a href="http://www.instantbird.com">{{ _("Instantbird")}}</a></li>
+ <li><a href="http://www.javalikescript.free.fr">{{ _("JavaLikeScript")}}</a></li>
+ <li><a href="http://www.joybidder.com">{{ _("JoyBidder")}}</a></li>
+ <li><a href="http://kylo.tv">{{ _("Kylo")}}</a></li>
+ <li><a href="http://www.palemoon.org">{{ _("Pale Moon")}}</a></li>
+ <li><a href="http://pencil.evolus.com">{{ _("Pencil")}}</a></li>
+ <li><a href="http://www.postbox.com">{{ _("Postbox")}}</a></li>
+ <li><a href="http://quickstaf.testformation.com">{{ _("QuickSTAF")}}</a></li>
+ <li><a href="http://scenari-platform.com">{{ _("Scenari")}}</a></li>
+ <li><a href="http://www.seamonkey-project.org">{{ _("SeaMonkey")}}</a></li>
+ <li><a href="http://www.sipear.com">{{ _("Sipear")}}</a></li>
+ <li><a href="http://www.smartreport.eu">{{ _("SmartReport")}}</a></li>
+ <li><a href="http://wwgetsongbird.com">{{ _("Songbird")}}</a></li>
+ <li><a href="http://www.surfeasy.com">{{ _("SurfEasy")}}</a></li>
+ <li><a href="http://ww.telasocial.com">{{ _("TeleSocial")}}</a></li>
+ <li><a href="http://www.mozilla.org/thunderbird">{{ _("Thunderbird")}}</a></li>
+ <li><a href="http://topstyle4.com">{{ _("TopStyle")}}</a></li>
+ <li><a href="http://waterfoxproj.sourceforge.net">{{ _("Waterfox")}}</a></li>
+ <li><a href="http://www.wyzo.com">{{ _("Wyzo")}}</a></li>
+ <li><a href="http://yoono.com/desktop_features.html">{{ _("Yoono Desktop")}}</a></li>
+ <li><a href="http://www.zimbra.com/products/desktop.html">{{ _("Zimbra")}}</a></li>
+ </ul>
+ </div>
+</article>
+{% endblock %}
View
@@ -20,6 +20,7 @@
page('mission', 'mozorg/mission.html'),
page('mobile', 'mozorg/mobile.html'),
page('ITU', 'mozorg/itu.html'),
+ page('about/powered-by', 'mozorg/powered-by.html'),
url('^newsletter/hacks\.mozilla\.org/$', views.hacks_newsletter,
name='mozorg.hacks_newsletter'),
View
@@ -28,6 +28,10 @@ RewriteRule ^/zh-CN/$ http://firefox.com.cn/ [L,R=301]
RewriteRule ^/(\w{2,3}(?:-\w{2}(?:-mac)?)?/)?projects/mozilla-based(\.html|/)?$ /$1about/mozilla-based/ [L,R=301]
RewriteRule ^/(\w{2,3}(?:-\w{2}(?:-mac)?)?/)?about/mozilla-based(/?)$ /b/$1about/mozilla-based$2 [PT]
+# bug 851727
+RewriteRule ^/(\w{2,3}(?:-\w{2}(?:-mac)?)?/)?projects/powered-by(\.html|/)?$ /$1about/powered-by/ [L,R=301]
+RewriteRule ^/(\w{2,3}(?:-\w{2}(?:-mac)?)?/)?about/powered-by(/?)$ /b/$1about/powered-by$2 [PT]
+
# bug 837883
RewriteRule ^/(\w{2,3}(?:-\w{2}(?:-mac)?)?/)?firefox/firefox\.exe$ /$1 [NC,L,R=301]
View
@@ -0,0 +1,196 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+@import "sandstone/lib.less";
+
+#wrapper {
+ width: 100%;
+}
+
+#masthead,
+#main-content,
+.billboard {
+ width: @widthDesktop - (@gridGutterWidth * 2);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#main-content {
+ display: block;
+ margin: 100px auto @baseLine;
+ padding-left: @gridGutterWidth;
+ padding-right: @gridGutterWidth;
+ position: relative;
+ .clearfix;
+ .open-sans;
+ @shadow: 0 0 0 1px #fff inset;
+ .box-shadow(@shadow);
+ background: #fff;
+ border-bottom: 1px solid #ddd;
+
+ .title-banner {
+ .open-sans-light;
+ width: 420px;
+ padding: 20px;
+ font-size: 48px;
+ letter-spacing: -2px;
+ color: #fff;
+ text-shadow: none;
+ background-color: #b30406;
+ background-color: rgba(179,4,6,.95);
+ margin: -60px 10px 40px;
+ position: relative;
+ float: left;
+ }
+
+ .title-banner:after {
+ content: "";
+ display: block;
+ width: 100%;
+ padding: 0;
+ height: 40px;
+ position: absolute;
+ bottom: -40px;
+ left: 0;
+ background: url(../img/mission/title-banner-shadow.png) no-repeat;
+ }
+
+ .main {
+ .span(6);
+ float: left;
+ clear: left;
+ margin-bottom: @baseLine;
+ }
+
+ .lede {
+ .open-sans-light;
+ font-size: 28px;
+ line-height: 1.3;
+ letter-spacing: -.5px;
+ margin-top: -.25em;
+ }
+
+ .aside {
+ .span(5);
+ float: right;
+ }
+
+ #powered-by {
+ margin-bottom: @baseLine;
+ }
+}
+
+ul.links {
+ list-style: none;
+ margin: @baseLine 0;
+ li {
+ .span(3);
+ list-style-type: none;
+ margin: (@baseLine/2) 5px;
+ a:after {
+ content: " »";
+ font-family: 'Open Sans Light',sans-serif;
+ font-weight: 300;
+ }
+ }
+}
+
+
+/* Tablet Layout: 760px */
+@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
+
+ #masthead,
+ #main-content,
+ .billboard {
+ width: @widthTablet - (@gridGutterWidth * 2);
+ }
+
+ #main-content {
+ .main {
+ .span_narrow(6);
+ }
+ .aside {
+ .span_narrow(5);
+ }
+ }
+
+ ul.links li {
+ .span_narrow(3);
+ margin: (@baseLine/2) 5px;
+ }
+
+}
+
+/* Mobile layout: 320px */
+@media only screen and (max-width: @breakTablet) {
+
+ #masthead,
+ #main-content,
+ .billboard {
+ width: @widthMobile - (@gridGutterWidth * 2);
+ }
+
+ .billboard {
+ padding-left: @gridGutterWidth;
+ padding-right: @gridGutterWidth;
+ }
+
+ #main-content {
+ margin-top: 30px;
+ .title-banner {
+ width: 240px;
+ font-size: 28px;
+ letter-spacing: -.5px;
+ margin: -25px 0 @baseLine;
+ }
+
+ .title-banner:after {
+ display: none;
+ }
+
+ .lede {
+ font-size: 20px;
+ }
+
+ .main {
+ width: auto;
+ float: none;
+ }
+
+ .aside {
+ width: auto;
+ margin: 0 10px;
+ float: none;
+ }
+
+ ul.links li {
+ .span_narrow(3);
+ margin: (@baseLine/2) 5px;
+ }
+ }
+
+}
+
+/* Wide mobile layout: 480px; */
+@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
+
+ #masthead,
+ #main-content,
+ .billboard {
+ width: @widthMobileLandscape - @gridGutterWidth;
+ }
+
+ #main-content {
+ .title-banner {
+ width: 380px;
+ margin: -25px 0 40px;
+ }
+
+ .title-banner:after {
+ display: block;
+ }
+
+ }
+
+}
Binary file not shown.
View
@@ -239,6 +239,9 @@ def JINJA_CONFIG():
'persona': (
'css/persona.less',
),
+ 'powered-by': (
+ 'css/powered-by.less',
+ ),
'privacy': (
'css/privacy.less',
),

0 comments on commit 99344bd

Please sign in to comment.