Mozilla Marketplace page (Bug 728349)

apps/b2g/urls.py

@@ -1,8 +1,8 @@
 from django.conf.urls.defaults import *
-from views import b2g, about, developerfaq
+from views import b2g, about, faq
 
 urlpatterns = patterns('',
-    (r'^b2g/faq/', developerfaq),
+    (r'^b2g/faq/', faq),
     (r'^b2g/about/', about),
     (r'^b2g/', b2g),
 )

apps/b2g/views.py

@@ -7,6 +7,6 @@ def b2g(request):
 def about(request):
     return l10n_utils.render(request, "b2g/about.html")
 
-def developerfaq(request):
+def faq(request):
     return l10n_utils.render(request, "b2g/faq.html")
 

apps/marketplace/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

apps/marketplace/templates/marketplace/marketplace.html

@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+
+{% block page_title %}Mozilla Marketplace{% endblock %}
+{% block body_id %}marketplace{% endblock %}
+
+{% block site_header_logo %}
+  <h1><img src="/media/img/marketplace/title.png" height="70" width="256" alt="Mozilla Marketplace"></h1>
+{% endblock %}
+
+{% block site_header_nav %}
+{% endblock %}
+
+{% block extrahead %}
+  {{ css('marketplace') }}
+{% endblock %}
+
+{% block content %}
+
+<hgroup id="main-feature">
+  <h1>Coming Soon: Mozilla Marketplace</h1>
+  <h2>Lorem ipsum dolor</h2>
+</hgroup>
+
+<article id="main-content">
+<div class="row">
+
+  <div class="span6">
+    <p>Mozilla is unlocking the power of the Web as the world’s largest marketplace, creating an open ecosystem of developers and content owners with limitless possibilities for consumer interaction.</p>
+    <p>With open Web standards like HTML5, CSS and JavaScript — together with Mozilla-designed APIs — app experiences can be delivered anywhere, to any device, on any operating system. The Mozilla Marketplace will roll out to millions of Firefox users later this year.</p>
+  </div>
+
+  <aside id="app-developer" class="span3 offset1">
+    <h3>App developer?</h3>
+    <p>You can already submit your app to the Mozilla Marketplace.</p>
+    <p><a href="https://developer.mozilla.org/en/Apps/Submitting_an_app">Find out how »</a></p>
+  </aside>
+
+  </div>
+</article>
+
+<form class="container" id="apps-email-form">
+  <h3>Email signup</h3>
+  <div class="row">
+
+  <p class="span2">Sign up for more news about the Mozilla Marketplace.</p>
+
+  <div class="span6">
+    <input id="apps-email" type="email" value="" placeholder="YOUR EMAIL ADDRESS">
+    <select id="apps-interest">
+      <option disabled="disabled">AREA OF INTEREST</option>
+      <option>developing apps</option>
+      <option>hosting or selling apps</option>
+      <option>discovering and buying apps</option>
+      <option>partnership opportunities</option>
+    </select>
+
+    <div class="privacy-field">
+      <label for="inline-privacy-check" class="privacy-check-label">
+      <input type="checkbox" class="privacy-check" id="inline-privacy-check" name="privacy">
+      <span class="title">I agree to the <a href="/en-US/privacy-policy">Privacy Policy</a></span>
+      </label>
+    </div>
+  </div>
+
+  <div class="span2">
+    <input type="submit" value="Sign up »" class="button-blue">
+  </div>
+
+  </div>
+</form>
+
+&nbsp;
+
+{% endblock %}

apps/marketplace/tests.py

@@ -0,0 +1,16 @@
+"""
+This file demonstrates writing tests using the unittest module. These will pass
+when you run "manage.py test".
+
+Replace this with more appropriate tests for your application.
+"""
+
+from django.test import TestCase
+
+
+class SimpleTest(TestCase):
+    def test_basic_addition(self):
+        """
+        Tests that 1 + 1 always equals 2.
+        """
+        self.assertEqual(1 + 1, 2)

apps/marketplace/urls.py

@@ -0,0 +1,6 @@
+from django.conf.urls.defaults import *
+from views import marketplace
+
+urlpatterns = patterns('',
+    (r'^apps/', marketplace),
+)

apps/marketplace/views.py

@@ -0,0 +1,5 @@
+import l10n_utils
+from django.conf import settings
+
+def marketplace(request):
+    return l10n_utils.render(request, "marketplace/marketplace.html")

media/css/marketplace.less

@@ -0,0 +1,33 @@
+@import "sandstone/variables.less";
+@import "sandstone/mixins.less";
+
+hgroup {
+    text-align: center;
+    padding-top: @baseLine * 2;
+    padding-bottom: @baseLine * 2;
+
+    h1 {
+        font-size: 62px;
+    }
+
+    h2 {
+        font-size: 48px;
+    }
+}
+
+#app-developer {
+    border-bottom: 1px dotted @borderColor;
+    padding-bottom: @baseLine;
+}
+
+#apps-email-form {
+    padding-top: @baseLine * 2;
+    padding-bottom: @baseLine * 2;
+    margin-bottom: @baseLine * 3;
+    @shadow: 0 1px 1px rgba(0,0,0,0.1), 0 0 0 1px #fff;
+    .box-shadow(@shadow);
+    background: #fff;
+    #gradient > .radial(center, 45px, ellipse, farthest-corner, #f5f1e8 0%, #ffffff 100%);
+    .clearfix;
+}
+

settings/base.py

@@ -70,6 +70,9 @@ MINIFY_BUNDLES = {
             'css/covehead/geolocation.css',
             'css/jquery/nyroModal.css'
         ),
+        'marketplace': (
+            'css/marketplace.less',
+        ),
         'persona': (
             'css/persona.less',
         ),
@@ -127,6 +130,7 @@ INSTALLED_APPS = list(INSTALLED_APPS) + [
     # Local apps
     'l10n_example',  # DELETEME
     'b2g',
+    'marketplace',
     'mozorg',
     'persona',
     'research',

urls.py

@@ -9,6 +9,7 @@ from django.conf.urls.defaults import *
 urlpatterns = patterns('',
     # Main pages
     (r'', include('b2g.urls')),
+    (r'', include('marketplace.urls')),
     (r'', include('mozorg.urls')),
     (r'', include('persona.urls')),
     (r'', include('research.urls')),