Skip to content

Commit

Permalink
Layout adjustments to nightly firstrun page
Browse files Browse the repository at this point in the history 
Bug 964928
  • Loading branch information
@sgarrity
sgarrity committed Mar 21, 2014
1 parent 5a4fc8a commit 4f97d3d
Show file tree
Hide file tree
Showing 2 changed files with 69 additions and 56 deletions.
54 changes: 29 additions & 25 deletions bedrock/firefox/templates/firefox/nightly_firstrun.html
View file
Expand Up @@ -23,42 +23,46 @@
{% block site_header_logo %}{% endblock %}

{% block content %}
<main id="main-content" role="main">
<h1 id="firstrun-header" class="large">{{ _('Firefox Nightlies') }}</h1>
<div class="main-column">
<h2>{{ _('Thank you.') }}</h2>

<h3>{{ _('By using a nightly build, you’re helping make Firefox better.') }}</h3>

<h3>{{ _('Learn more about Firefox and Mozilla:') }}</h3>
<div id="firstrun-header">
<h1>{{ _('Firefox Nightlies') }}</h1>
<h3>
{{ _('Thank you.') }}
{{ _('By using a nightly build, you’re helping make Firefox better.') }}
</h3>
</div>

<main id="main-content" class="billboard primary" role="main">
<div class="column">
<h4>{{ _('Learn more about Firefox and Mozilla') }}</h4>
<ul class="unstyled">
<li><a href="https://www.mozilla.org/manifesto/">{{ _('Read the Mozilla manifesto, our vision for a free and open Web.') }}</a></li>
<li><a href="https://www.mozilla.org/en-US/firefox/29.0a2/whatsnew/">{{ _('Take a tour of the new Australis User Interface.') }}</a></li>
<li><a href="https://mozillians.org/">{{ _('Join Mozillians.org for Mozilla news and community updates.') }}</a></li>
<li><a href="https://www.mozilla.org/manifesto/">{{ _('Read the Mozilla manifesto, our vision for a free and open Web') }}</a></li>
<li><a href="https://www.mozilla.org/en-US/firefox/29.0a2/whatsnew/">{{ _('Take a tour of the new Australis User Interface') }}</a></li>
<li><a href="https://mozillians.org/">{{ _('Join Mozillians.org for Mozilla news and community updates') }}</a></li>
</ul>

<h2>{{ _('Hack on Firefox with us:') }}</h2>
</div>
<div class="column">
<h4>{{ _('Hack on Firefox with us') }}</h4>
<ul class="unstyled">
<li><a href="http://www.whatcanidoformozilla.org">{{ _('Find out how you can help at WhatCanIDoForMozilla.org.')}}</a></li>
<li><a href="https://bugzilla.mozilla.org/createaccount.cgi">{{ _('Sign up for a Bugzilla account.') }}</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Simple_Firefox_build">{{ _('Set up your development environment to build Firefox.') }}</a></li>
<li><a href="http://codefirefox.com/">{{ _('Learn about the next steps at CodeFirefox.') }}</a></li>
<li><a href="http://www.whatcanidoformozilla.org">{{ _('Find out how you can help at WhatCanIDoForMozilla.org')}}</a></li>
<li><a href="https://bugzilla.mozilla.org/createaccount.cgi">{{ _('Sign up for a Bugzilla account') }}</a></li>
<li><a href="https://developer.mozilla.org/docs/Simple_Firefox_build">{{ _('Set up your development environment to build Firefox') }}</a></li>
<li><a href="http://codefirefox.com/">{{ _('Learn about the next steps at CodeFirefox') }}</a></li>
</ul>

<h2>{{ _('Join the Mozilla community:') }}</h2>
</div>
<div class="column">
<h4>{{ _('Join the Mozilla community') }}</h4>
<ul class="unstyled">
<li><a href="http://reps.mozilla.org/">{{ _('Learn about upcoming Mozilla events in your area.') }}</a></li>
<li><a href="http://reps.mozilla.org/">{{ _('Learn about upcoming Mozilla events in your area') }}</a></li>
<li><a href="http://planet.mozilla.org/">{{ _('Take a drink from the firehose! Get all the latest Mozilla news at Planet Mozilla.') }}</a></li>
<li><a href="https://quality.mozilla.org/docs/qmo-community/get-involved/">{{ _('Help make Firefox better with the Mozilla QA team.') }}</a></li>
<li><a href="https://quality.mozilla.org/docs/qmo-community/get-involved/">{{ _('Help make Firefox better with the Mozilla QA team') }}</a></li>
</ul>

<h3>{{ _('Help us build the Web the world needs.') }}</h3>

</div>


</main> <!-- main-content -->

<h3 class="feature-note">{{ _('Help us build the Web the world needs.') }}</h3>


{% endblock %}

{% block site_footer %}
Expand Down
71 changes: 40 additions & 31 deletions media/css/firefox/nightly_firstrun.less
View file
Expand Up @@ -11,17 +11,12 @@
background: url(/media/img/firefox/firstrun/logo-nightly.png?2013-11) 0 0 no-repeat;
position: relative;
z-index: 10;
h3 {
font-size: 24px;
}
}

#main-content {
text-align: left;
video {
max-width: 100%;
height: auto;
}
#video-player {
margin: 0 auto 1.5em;
}
a,
a:link,
a:visited {
Expand All @@ -32,15 +27,26 @@
a:focus {
color: #0095DD;
}
.column {
.span(4);
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
h4 {
font-size: 18px;
}
li {
margin-bottom: 0.2em;
}
}

.main-column {
.span(8);
}

.sidebar {
.span(3);
.offset(1);
.feature-note {
text-align: center;
margin: (@baseLine * 2) auto;
}

#colophon {
Expand Down Expand Up @@ -86,30 +92,33 @@

/* Tablet Layout: 760px */
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
.main-column {
.span_narrow(8);
}
.sidebar {
.span_narrow(3);
.offset_narrow(1);
#main-content {
.column {
.span_narrow(4);
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
}
}

/* Mobile Layout: 320px */
@media only screen and (max-width: @breakTablet) {
#firstrun-header {

background-position: top center;
padding: 130px 0 0 0;
text-align: center;
}

.main-column {
width: auto;
float: none;
margin: 0 auto 1em;
}
.sidebar {
width: auto;
float: none;
margin: 0 auto 1em;
#main-content {
.column,
.column:first-child,
.column:last-child {
.span-all();
}
}
#colophon {
width: auto;
Expand Down

0 comments on commit 4f97d3d

Please sign in to comment.