зеркало из https://github.com/mozilla/bedrock.git
Bug 1054437 - Get Involved redesign
This commit is contained in:
Craig Cook
Родитель
20e0834a01
Коммит
c070dcfc4e
|
|
@ -0,0 +1,158 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/base-resp.html" %}
|
||||
|
||||
{% from "newsletter/includes/macros.html" import email_form_thankyou with context %}
|
||||
|
||||
{% add_lang_files "mozorg/contribute" %}
|
||||
|
||||
{% block body_class %}{{ super() }} contribute{% endblock %}
|
||||
|
||||
{% block page_css %}
|
||||
{{ css('contribute-2015') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('contribute-2015') }}
|
||||
{{ js('contribute-form') }}
|
||||
{% endblock %}
|
||||
|
||||
{% if l10n_has_tag('contribute-2015') or settings.DEV %}
|
||||
{% block site_header_nav %}{% endblock %}
|
||||
{% block site_header_logo %}{% endblock %}
|
||||
{% endif %}
|
||||
|
||||
{% block content %}
|
||||
<main role="main">
|
||||
|
||||
{% if l10n_has_tag('contribute_2015') or settings.DEV %}
|
||||
{% block contrib_head %}
|
||||
<header class="page-head">
|
||||
<div class="contribute-masthead">
|
||||
|
||||
<div class="container">
|
||||
<nav class="contribute-nav">
|
||||
<span class="toggle" role="button" aria-controls="contribute-nav-menu" tabindex="0">{{ _('Menu') }}</span>
|
||||
<ul id="contribute-nav-menu">
|
||||
<li class="nav-landing"><a href="{{ url('mozorg.contribute') }}">
|
||||
{# L10n: this br is for formatting, omit or reposition as needed #}
|
||||
{{ _('Why<br> volunteer') }}
|
||||
</a></li>
|
||||
<li class="nav-events"><a href="{{ url('mozorg.contribute.events') }}">
|
||||
{# L10n: this br is for formatting, omit or reposition as needed #}
|
||||
{{ _('Find<br> an event') }}
|
||||
</a></li>
|
||||
<li class="nav-stories"><a href="{{ url('mozorg.contribute.stories') }}">
|
||||
{# L10n: this br is for formatting, omit or reposition as needed #}
|
||||
{{ _('Meet<br> Mozillians') }}
|
||||
</a></li>
|
||||
{% block contrib_nav_cta %}
|
||||
<li class="nav-cta"><a href="{{ url('mozorg.contribute.signup') }}">{{ _('Get involved') }}</a></li>
|
||||
{% endblock contrib_nav_cta %}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{% block contrib_country_form %}
|
||||
{# No country switching for now...
|
||||
<form class="country-form" action="#">
|
||||
<p>
|
||||
<label for="country">{{ _('Your country') }}</label>
|
||||
<span class="select">
|
||||
<select id="country" name="country">
|
||||
# L10n: This is a hint used as a placeholder in a country selection dropdown menu. It should be short. #
|
||||
<option value="" disabled selected>{{ _('I live in…') }}</option>
|
||||
<option value="al">Albania</option>
|
||||
<option value="br">Brazil</option>
|
||||
<option value="cz">Czech Republic</option>
|
||||
<option value="dk">Denmark</option>
|
||||
<option value="ec">Ecuador</option>
|
||||
<option value="fi">Finland</option>
|
||||
<option value="ga">Guatamala</option>
|
||||
<option value="hu">Hungary</option>
|
||||
<option value="id">Indonesia</option>
|
||||
<option value="jp">Japan</option>
|
||||
<option value="kl">Kuala Lumpur</option>
|
||||
<option value="etc">and so on</option>
|
||||
</select>
|
||||
</span>
|
||||
# L10n: This is a label for a form submit button. #
|
||||
<button type="submit">{{ _('Go') }}</button>
|
||||
</p>
|
||||
</form>
|
||||
#}
|
||||
{% endblock contrib_country_form %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% block contrib_title %}
|
||||
<div class="container">
|
||||
<h1 class="page-title">{% block contrib_page_title %}{% endblock %}</h1>
|
||||
|
||||
{% block contrib_stats %}
|
||||
<ul class="head-stats">
|
||||
{# L10n: This label accompanies a numeric count. The number appears first so phrase translations accordingly. #}
|
||||
<li class="stat-worldwide"><strong>10,554</strong> {{ _('active Mozillians worldwide') }}</li>
|
||||
{# L10n: This label accompanies a numeric count. The number appears first so phrase translations accordingly. #}
|
||||
<li class="stat-events"><strong>154</strong> {{ _('upcoming events around the globe') }}</li>
|
||||
{# L10n: This label accompanies a numeric count. The number appears first so phrase translations accordingly. The phrase "and counting" means there are always more being added; not sure how that idiom might translate so do your best :) #}
|
||||
<li class="stat-local"><strong>87</strong> {{ _('languages and counting, on every continent') }}</li>
|
||||
</ul>
|
||||
{% endblock contrib_stats %}
|
||||
</div>
|
||||
{% endblock contrib_title %}
|
||||
</header>
|
||||
{% endblock contrib_head %}
|
||||
{% endif %}
|
||||
|
||||
{% block contrib_content %}{% endblock contrib_content %}
|
||||
|
||||
{% if l10n_has_tag('contribute_2015') or settings.DEV %}
|
||||
{% block contrib_footer %}
|
||||
<section class="section contrib-extra">
|
||||
<div class="container">
|
||||
|
||||
<div class="extra-event">
|
||||
<h3>{{ _('Upcoming event') }}</h3>
|
||||
<a class="event-link" href="#">
|
||||
<time class="event-date" datetime="28-09-2014"><abbr>Oct</abbr> <span class="date-day">28</span></time>
|
||||
<h4 class="event-title">Translating Firefox OS</h4>
|
||||
<p class="event-info"><span class="event-venue">Caixaforum</span> · <span class="event-location">Madrid, Spain</span></p>
|
||||
</a>
|
||||
<p class="events-all"><a href="{{ url('mozorg.contribute.events') }}">{{ _('See all events') }}</a></p>
|
||||
</div>
|
||||
|
||||
<div class="extra-links">
|
||||
<h3>{{ _('Communicate') }}</h3>
|
||||
<ul>
|
||||
<li><a href="{{ url('mozorg.contact.communities.communities-landing') }}">{{ _('Mozilla communities') }}</a></li>
|
||||
<li><a href="/about/forums/">{{ _('Mailing lists') }}</a></li>
|
||||
<li><a href="https://wiki.mozilla.org/IRC">{{ _('IRC channels') }}</a></li>
|
||||
</ul>
|
||||
|
||||
<h3>{{ _('More links') }}</h3>
|
||||
<ul>
|
||||
<li><a href="https://feedback.mozilla.org">{{ _('Submit Firefox feedback') }}</a></li>
|
||||
<li><a href="https://careers.mozilla.org">{{ _('Explore Mozilla careers') }}</a></li>
|
||||
<li><a href="https://support.mozilla.org">{{ _('Get help with Firefox') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% block contrib_extra_third %}
|
||||
<div class="extra-newsletter">
|
||||
<input type="hidden" name="source_url" value="{{ request.build_absolute_uri() }}">
|
||||
<h3>{{ _('Get community updates') }} {% if not LANG.startswith('en') %}{{ _('(English)') }}{% endif %}</h3>
|
||||
<p>newsletter form goes here</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{% endblock contrib_footer %}
|
||||
{% endif %}
|
||||
|
||||
</main>
|
||||
{% endblock content %}
|
||||
|
||||
{% block email_form %}{% endblock %}
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<body id="contribute" class="embed html-{{ DIR }}">
|
||||
<div id="wrapper">
|
||||
{% include "mozorg/contribute-form.html" %}
|
||||
{% include "mozorg/contribute/contribute-form.html" %}
|
||||
</div>
|
||||
{{ js('common') }}
|
||||
{{ js('contribute-form') }}
|
||||
|
|
@ -1,22 +1,21 @@
|
|||
{# 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/. -#}
|
||||
{% extends "mozorg/base-resp.html" %}
|
||||
|
||||
{% from "newsletter/includes/macros.html" import email_form_thankyou with context %}
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% add_lang_files "mozorg/15years" %}
|
||||
{% add_lang_files "mozorg/contribute" %}
|
||||
|
||||
{% block page_title %}{{_('Get Involved: Volunteer Opportunities at Mozilla')}}{% endblock %}
|
||||
{% block body_id %}contribute{% endblock %}
|
||||
{% block page_title %}
|
||||
{{ _('Get Involved: Volunteer Opportunities at Mozilla') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{{ super() }}
|
||||
{{ css('contribute') }}
|
||||
{% block page_css %}
|
||||
{{ css('contribute-old') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('contribute') }}
|
||||
{{ js('contribute-faces') }}
|
||||
{{ js('contribute-form') }}
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -27,10 +26,12 @@
|
|||
data-button-pause='{{_('Pause video')}}'
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main role="main">
|
||||
{% block contrib_head %}{% endblock %}
|
||||
{% block contrib_nav_cta %}{% endblock %}
|
||||
{% block contrib_page_title %}{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
|
||||
{% if l10n_has_tag('contribute_faces') or settings.DEV %}
|
||||
<section id="faces">
|
||||
<header>
|
||||
<h1 class="page-title large">{{_('Get Involved')}}</h1>
|
||||
|
|
@ -55,7 +56,7 @@
|
|||
|
||||
{% if not hide_form %}
|
||||
<aside id="contribute-form">
|
||||
{% include "mozorg/contribute-form.html" %}
|
||||
{% include "mozorg/contribute/contribute-form.html" %}
|
||||
</aside>
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -86,36 +87,13 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{% else %}
|
||||
<h1 id="main-feature" class="large">{{_('Get Involved')}}</h1>
|
||||
|
||||
<section id="welcome" class="container">
|
||||
<div id="welcome-video" class="mozilla-video-control mozilla-video-shadow">
|
||||
{{ video('Mozilla_Firefox_Manifesto_v0.2_640.webm',
|
||||
'Mozilla_Firefox_Manifesto_v0.2_640.theora.ogv',
|
||||
'Mozilla_Firefox_Manifesto_v0.2_640.mp4',
|
||||
h=360, w=640,
|
||||
prefix='//videos.cdn.mozilla.net/brand/',
|
||||
poster=media('img/contribute/poster-brand.jpg')) }}
|
||||
</div>
|
||||
<p>
|
||||
{{_('You don’t have to be a C++ guru (or even know what that means!) to get involved.<br><b>You just have to love the Web.</b>')}}
|
||||
</p>
|
||||
</section>
|
||||
|
||||
{% if not hide_form %}
|
||||
{% include "mozorg/contribute-form.html" %}
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
<section id="opportunities">
|
||||
|
||||
<h2>{{_('Find an opportunity')}}</h2>
|
||||
|
||||
<ul class="contribute-options">
|
||||
<li id="support">
|
||||
<img src="{{ media('/img/contribute/sumo.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/sumo.png') }}" alt="">
|
||||
<h3>{{_('Helping Users')}}</h3>
|
||||
<p>
|
||||
{% trans fx_support_url='https://support.mozilla.org/get-involved', tb_support_url='https://support.mozilla.org/get-involved' %}
|
||||
|
|
@ -125,7 +103,7 @@
|
|||
</li>
|
||||
|
||||
<li id="qa">
|
||||
<img src="{{ media('/img/contribute/qmo.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/qmo.png') }}" alt="">
|
||||
<h3>{{_('Quality Assurance')}}</h3>
|
||||
<p>
|
||||
{% if l10n_has_tag('contribute_mayupdates') or settings.DEV %}
|
||||
|
|
@ -148,7 +126,7 @@
|
|||
</li>
|
||||
|
||||
<li id="coding">
|
||||
<img src="{{ media('/img/contribute/dinohead.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/dinohead.png') }}" alt="">
|
||||
<h3>{{_('Coding')}}</h3>
|
||||
<p>
|
||||
{% trans dev_intro_url='https://developer.mozilla.org/docs/Introduction', what_url='http://www.whatcanidoformozilla.org/' %}
|
||||
|
|
@ -158,7 +136,7 @@
|
|||
</li>
|
||||
|
||||
<li id="marketing">
|
||||
<img src="{{ media('/img/contribute/firefox.png?2013-06') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/firefox.png') }}" alt="">
|
||||
<h3>{{_('Spread the Word')}}</h3>
|
||||
<p>
|
||||
{% trans affiliates_url='https://affiliates.mozilla.org', marketing_url='https://wiki.mozilla.org/MarketingGuide' %}
|
||||
|
|
@ -168,7 +146,7 @@
|
|||
</li>
|
||||
|
||||
<li id="l10n">
|
||||
<img src="{{ media('/img/contribute/localization.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/localization.png') }}" alt="">
|
||||
<h3>{{_('Localization') }}</h3>
|
||||
<p>
|
||||
{% trans l10n_url='https://wiki.mozilla.org/L10n', l10n_web_url='https://wiki.mozilla.org/L10n:Web_parts' %}
|
||||
|
|
@ -178,7 +156,7 @@
|
|||
</li>
|
||||
|
||||
<li id="webdev">
|
||||
<img src="{{ media('/img/contribute/web.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/web.png') }}" alt="">
|
||||
<h3>{{_('Web Development') }}</h3>
|
||||
<p>
|
||||
{% trans webdev_url='https://wiki.mozilla.org/Webdev/GetInvolved', gaia_url='https://developer.mozilla.org/docs/Mozilla/Firefox_OS/Platform/Gaia/Hacking' %}
|
||||
|
|
@ -189,7 +167,7 @@
|
|||
|
||||
{% if l10n_has_tag('contribute_mayupdates') or settings.DEV %}
|
||||
<li id="markeplace">
|
||||
<img src="{{ media('/img/contribute/marketplace.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/marketplace.png') }}" alt="">
|
||||
<h3>{{ _('Firefox Marketplace') }}</h3>
|
||||
<p>
|
||||
{% trans marketplace_url='https://marketplace.firefox.com', mktcontrib_url='https://wiki.mozilla.org/Marketplace/Contributing/Apps' %}
|
||||
|
|
@ -200,7 +178,7 @@
|
|||
{% endif %}
|
||||
|
||||
<li id="addons">
|
||||
<img src="{{ media('/img/contribute/addons.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/addons.png') }}" alt="">
|
||||
<h3>{{_('Add-ons') }}</h3>
|
||||
<p>
|
||||
{% if l10n_has_tag('contribute_mayupdates') or settings.DEV %}
|
||||
|
|
@ -216,7 +194,7 @@
|
|||
</li>
|
||||
|
||||
<li id="design">
|
||||
<img src="{{ media('/img/contribute/creativecollective.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/creativecollective.png') }}" alt="">
|
||||
<h3>{{_('Visual Design') }}</h3>
|
||||
<p>
|
||||
{% trans creative_url='https://blog.mozilla.org/creative/' %}
|
||||
|
|
@ -226,7 +204,7 @@
|
|||
</li>
|
||||
|
||||
<li id="docs">
|
||||
<img src="{{ media('/img/contribute/mdn.png?03-2014') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/mdn.png') }}" alt="">
|
||||
<h3>{{_('Documentation and Writing') }}</h3>
|
||||
<p>
|
||||
{% trans dev_url='https://developer.mozilla.org/docs/MDN/Getting_started' %}
|
||||
|
|
@ -236,7 +214,7 @@
|
|||
</li>
|
||||
|
||||
<li id="education">
|
||||
<img src="{{ media('/img/contribute/webmaker.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/webmaker.png') }}" alt="">
|
||||
<h3>{{_('Education') }}</h3>
|
||||
<p>
|
||||
{% if l10n_has_tag('webmaker_update') or settings.DEV %}
|
||||
|
|
@ -257,7 +235,7 @@
|
|||
|
||||
{% if l10n_has_tag('contribute_fellowship') or settings.DEV %}
|
||||
<li id="fellowship">
|
||||
<img src="{{ media('/img/contribute/fellowship.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/fellowship.png') }}" alt="">
|
||||
<h3>{{ _('Fellowships') }}</h3>
|
||||
<p>
|
||||
{% trans fellowship='http://opennews.org/fellowships/' %}
|
||||
|
|
@ -269,7 +247,7 @@
|
|||
|
||||
{% if l10n_has_tag('hiveglobal') or settings.DEV %}
|
||||
<li id="hivenetworks">
|
||||
<img src="{{ media('/img/contribute/hive.png') }}" alt="">
|
||||
<img src="{{ media('/img/contribute/logos/hive.png') }}" alt="">
|
||||
<h3>{{ _('Hive Networks') }}</h3>
|
||||
<p>
|
||||
{% trans hivenetworks='http://hivelearningnetworks.org' %}
|
||||
|
|
@ -324,7 +302,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
{% block email_form %}{% endblock %}
|
||||
{% endblock contrib_content %}
|
||||
{% block contrib_footer %}{% endblock %}
|
||||
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
# 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/. -#}
|
||||
|
||||
{% extends "base-resp.html" %}
|
||||
{% extends "mozorg/base-resp.html" %}
|
||||
|
||||
{% block page_title %}{{_('Contribute to our sites')}}{% endblock %}
|
||||
{% block body_id %}contribute-page{% endblock %}
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
</section>
|
||||
|
||||
{% include "mozorg/contribute-form.html" %}
|
||||
{% include "mozorg/contribute/contribute-form.html" %}
|
||||
|
||||
{% endblock %}
|
||||
{% block email_form %}{% endblock %}
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% block page_title %}
|
||||
{{ _('Volunteer Opportunities at Mozilla') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body_id %}landing{% endblock %}
|
||||
|
||||
{% block contrib_nav_cta %}{% endblock %}
|
||||
|
||||
{% block contrib_page_title %}{{ _('Volunteer with Mozilla!') }}{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
<section class="section landing-intro">
|
||||
<div id="slideshow" class="cycle-slideshow" data-cycle-speed="1000" data-cycle-timeout="6000" data-cycle-slides="> .slide" data-cycle-fx="fade" data-cycle-pause-on-hover="false">
|
||||
<div class="slide slide-one">
|
||||
<div class="container">
|
||||
<p class="section-title">{{ _('Join a global community of game-changers.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide slide-two">
|
||||
<div class="container">
|
||||
{# L10n: this br is for formatting, omit or reposition as needed #}
|
||||
<p class="section-title">{{ _('Volunteer as much as you like. Or as little.<br> It’s totally up to you.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide slide-three">
|
||||
<div class="container">
|
||||
{# L10n: this br is for formatting, omit or reposition as needed #}
|
||||
<p class="section-title">{{ _('Share your skills and pick up<br> a few new ones along the way.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="cta"><a href="{{ url('mozorg.contribute.signup') }}">{{ _('Get Involved') }}</a></p>
|
||||
|
||||
<div class="cycle-pager"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section landing-mission">
|
||||
<div class="container">
|
||||
<div class="mission-content">
|
||||
<h2>{{ _('Volunteering with Mozilla…') }}</h2>
|
||||
<p>
|
||||
{# L10n: This paragraph follows the headline, "Volunteering with Mozilla...", so the first sentence continues from that fragment. #}
|
||||
{% trans %}
|
||||
is about more than lending a hand. It’s about learning, collaborating
|
||||
and sharing your skills with a global community of Mozillians — coders,
|
||||
organizers, activists and more — who help shape the Web every day.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
<p class="cta"><a class="video-play" href="//videos.cdn.mozilla.net/uploads/mozillaorg/Mozilla_2014_i_am.webm" data-element-id="video-iamamozillian">{{ _('See our community in action') }}</a></p>
|
||||
</div>
|
||||
|
||||
<div class="mission-video">
|
||||
<a class="video-play" href="//videos.cdn.mozilla.net/uploads/mozillaorg/Mozilla_2014_i_am.webm" data-element-id="video-iamamozillian">
|
||||
<img src="{{ media('img/contribute/video-image.png') }}" alt="">
|
||||
</a>
|
||||
|
||||
<div id="video-iamamozillian" class="video">
|
||||
{{ video('Mozilla_2014_i_am.webm',
|
||||
'Mozilla_2014_i_am.ogv',
|
||||
'Mozilla_2014_i_am.mp4',
|
||||
prefix='//videos.cdn.mozilla.net/uploads/mozillaorg/',
|
||||
poster=media('img/mozorg/about/poster-i-am.jpg')) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section landing-stories">
|
||||
<div class="container">
|
||||
<h2 class="section-title">{{ _('How Mozillians help every day') }}</h2>
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Rubén</h3>
|
||||
<p class="meta">{{ _('Spain · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-ruben') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-ruben.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Faye</h3>
|
||||
<p class="meta">{{ _('Philippines · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-faye') }}" class="url">{{ _('Read her story') }} <img src="{{ media('img/contribute/person-faye.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Michael</h3>
|
||||
<p class="meta">{{ _('Switzerland · Coding') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-michael') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-michael.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section landing-howto">
|
||||
<div class="container">
|
||||
<h2 class="section-title">{{ _('Want to get involved? Here’s how.') }}</h2>
|
||||
<ol class="steps">
|
||||
<li class="step1">{{ _('Choose what interests you and tell us how you’d like to help') }}</li>
|
||||
<li class="step2">{{ _('Stand by for an email that will connect you to the Mozilla community') }}</li>
|
||||
<li class="step3">{{ _('Create your Mozillians account and share your contributions with the world') }}</li>
|
||||
</ol>
|
||||
<p class="cta"><a href="{{ url('mozorg.contribute.signup') }}">{{ _('Get started') }}</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section landing-notready">
|
||||
<div class="container">
|
||||
<h2 class="section-title">{{ _('Not ready to dive in just yet?') }}</h2>
|
||||
<p class="section-tagline">{{ _('Here are a few other ways you can support Mozilla right now.') }}</p>
|
||||
<ul class="other-actions">
|
||||
<li><a href="https://sendto.mozilla.org/page/contribute/Give-Now?source=mozillaorg_default_footer&ref=volunteer_getinvolvedpage201410&utm_campaign=volunteer_getinvolvedpage201410&utm_source=newsletter-mofo&utm_medium=referral" class="other-donate">{{ _('Donate to Mozilla') }}</a></li>
|
||||
<li><a href="{{ url('mozorg.about.manifesto') }}" class="other-read">{{ _('Read our Manifesto') }}</a></li>
|
||||
{# Hide until gear store is online }
|
||||
<li><a href="https://gear.mozilla.org" class="other-shop">{{ _('Buy a Mozilla t-shirt') }}</a></li>
|
||||
{ // end hiding #}
|
||||
<li><a href="https://www.facebook.com/mozilla" class="other-facebook">{{ _('Like us on Facebook') }}</a></li>
|
||||
<li><a href="https://twitter.com/mozilla" class="other-twitter">{{ _('Follow us on Twitter') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock contrib_content %}
|
||||
|
||||
|
|
@ -0,0 +1,168 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Community Events')}}{% endblock %}
|
||||
{% block body_id %}events{% endblock %}
|
||||
|
||||
{% block page_css %}
|
||||
{{ css('contribute-2015') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{{ js('contribute-2015') }}
|
||||
{{ js('contribute-form') }}
|
||||
{% endblock %}
|
||||
|
||||
{% block contrib_page_title %}{{ _('Community Events') }}{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
{# No map for now
|
||||
<div id="map" data-mapbox="{{ settings.MAPBOX_TOKEN }}">
|
||||
<!-- map -->
|
||||
</div>
|
||||
#}
|
||||
|
||||
<section class="section events-list">
|
||||
<div class="container">
|
||||
|
||||
{# No filtering for now
|
||||
<div class="events-head">
|
||||
<form id="events-filter" method="get" action="#">
|
||||
<fieldset>
|
||||
<legend>{{ _('Find events') }}</legend>
|
||||
|
||||
<p class="filter">
|
||||
<label for="filter-keyword">{{ _('By city, country, or event:') }}</label>
|
||||
<input type="search" id="filter-keyword" name="keyword">
|
||||
</p>
|
||||
|
||||
<p class="filter">
|
||||
<label for="filter-date-mo">{{ _('By date:') }}</label>
|
||||
<span class="select">
|
||||
<select id="filter-date-mo" name="month">
|
||||
<option value="" selected>-- {{ _('month') }} --</option>
|
||||
<option value="01">{{ _('January') }}</option>
|
||||
<option value="02">{{ _('February') }}</option>
|
||||
<option value="03">{{ _('March') }}</option>
|
||||
<option value="04">{{ _('April') }}</option>
|
||||
<option value="05">{{ _('May') }}</option>
|
||||
<option value="06">{{ _('June') }}</option>
|
||||
<option value="07">{{ _('July') }}</option>
|
||||
<option value="08">{{ _('August') }}</option>
|
||||
<option value="09">{{ _('September') }}</option>
|
||||
<option value="10">{{ _('October') }}</option>
|
||||
<option value="11">{{ _('November') }}</option>
|
||||
<option value="12">{{ _('December') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
<span class="select">
|
||||
<select id="filter-date-yr" name="year">
|
||||
<option value="" selected>-- {{ _('year') }} --</option>
|
||||
<option value="2014">2014</option>
|
||||
<option value="2015">2015</option>
|
||||
<option value="2016">2016</option>
|
||||
<option value="2017">2017</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="form-submit">
|
||||
<button type="button" class="button-flat">{{ _('Find events') }}</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
#}
|
||||
|
||||
{# No heading needed here until we bring add the filering
|
||||
<h3>{{ _('Events') }}</h3>
|
||||
#}
|
||||
<table class="events-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">{{ _('Date') }}</th>
|
||||
<th scope="col" class="event-name">{{ _('Event') }}</th>
|
||||
<th scope="col">{{ _('City') }}</th>
|
||||
<th scope="col">{{ _('Country') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><time datetime="2014-07-17">17 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Hack the Web</a></th>
|
||||
<td>Bucharest</td>
|
||||
<td>Romania</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-17">17 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Maker Party</a></th>
|
||||
<td>Berlin</td>
|
||||
<td>Germany</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-30">30 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">QMO Test Day</a></th>
|
||||
<td>Mountain View</td>
|
||||
<td>USA</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-08-06">6</time>-<time datetime="2014-08-08">8 August, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">MozCamp Asia</a></th>
|
||||
<td>Singapore</td>
|
||||
<td>Singapore</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-30">10 August, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Firefox OS apps hacking</a></th>
|
||||
<td>Madrid</td>
|
||||
<td>Spain</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-17">17 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Hack the Web</a></th>
|
||||
<td>Bucharest</td>
|
||||
<td>Romania</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-17">17 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Maker Party</a></th>
|
||||
<td>Berlin</td>
|
||||
<td>Germany</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-30">30 July, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">QMO Test Day</a></th>
|
||||
<td>Mountain View</td>
|
||||
<td>USA</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-08-06">6</time>-<time datetime="2014-08-08">8 August, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">MozCamp Asia</a></th>
|
||||
<td>Singapore</td>
|
||||
<td>Singapore</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><time datetime="2014-07-30">10 August, 2014</time></td>
|
||||
<th class="event-name" scope="row"><a href="#">Firefox OS apps hacking</a></th>
|
||||
<td>Madrid</td>
|
||||
<td>Spain</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock contrib_content %}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% if l10n_has_tag('contribute_2015') or settings.DEV %}
|
||||
{% include 'mozorg/contribute/contribute.html' %}
|
||||
{% else %}
|
||||
{% include 'mozorg/contribute/contribute-old.html' %}
|
||||
{% endif %}
|
||||
|
|
@ -0,0 +1,280 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% block body_id %}inquiry{% endblock %}
|
||||
|
||||
{% block page_title %}{{_('Get Involved: Volunteer Opportunities at Mozilla')}}{% endblock %}
|
||||
|
||||
{% block contrib_nav_cta %}{% endblock %}
|
||||
{% block contrib_country_form %}{% endblock %}
|
||||
|
||||
{% block contrib_title %}
|
||||
<div class="container">
|
||||
<h1 class="page-title">{{ _('To get started, tell us what interests you.') }}</h1>
|
||||
<p class="section-tagline">{{ _('Choose one for now. You can always contribute to other areas later.') }}</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
<section class="section inquiry">
|
||||
<div class="container">
|
||||
<form class="inquiry-form" id="inquiry-form" method="GET" action="{{ url('mozorg.contribute.thankyou') }}">
|
||||
|
||||
<fieldset class="categories">
|
||||
<ul class="option-list">
|
||||
<li class="option">
|
||||
<label for="category-coding">
|
||||
<input type="radio" name="category" id="category-coding" value="coding" required>
|
||||
<span class="label-text">{{ _('Coding') }}</span>
|
||||
<a class="info" href="#info-coding">{{ _('More about coding') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-testing">
|
||||
<input type="radio" name="category" id="category-testing" value="testing" required>
|
||||
<span class="label-text">{{ _('Testing') }}</span>
|
||||
<a class="info" href="#info-testing">{{ _('More about testing') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-writing">
|
||||
<input type="radio" name="category" id="category-writing" value="writing" required>
|
||||
<span class="label-text">{{ _('Writing') }}</span>
|
||||
<a class="info" href="#info-writing">{{ _('More about writing') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-teaching">
|
||||
<input type="radio" name="category" id="category-teaching" value="teaching" required>
|
||||
<span class="label-text">{{ _('Teaching') }}</span>
|
||||
<a class="info" href="#info-teaching">{{ _('More about teaching') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-helping">
|
||||
<input type="radio" name="category" id="category-helping" value="helping" required>
|
||||
<span class="label-text">{{ _('Helping') }}</span>
|
||||
<a class="info" href="#info-helping">{{ _('More about helping') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-translating">
|
||||
<input type="radio" name="category" id="category-translating" value="translating" required>
|
||||
<span class="label-text">{{ _('Translating') }}</span>
|
||||
<a class="info" href="#info-localization">{{ _('More about translating') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-activism">
|
||||
<input type="radio" name="category" id="category-activism" value="advocacy" required>
|
||||
<span class="label-text">{{ _('Activism') }}</span>
|
||||
<a class="info" href="#info-activism">{{ _('More about activism') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
<li class="option">
|
||||
<label for="category-dontknow">
|
||||
<input type="radio" name="category" id="category-dontknow" value="dontknow" required>
|
||||
<span class="label-text">{{ _('I don’t know') }}</span>
|
||||
<a class="info" href="#info-dontknow">{{ _('More about how you can contribute') }}</a>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="areas">
|
||||
<h2 class="section-title">{{ _('What particular area?') }}</h2>
|
||||
|
||||
<p class="area" id="area-coding">
|
||||
<label for="select-area-coding">{{ _('What would you like to code?') }}</label>
|
||||
<span class="select">
|
||||
<select id="select-area-coding" name="area-coding">
|
||||
<option value="" selected disabled>-- {{ _('select') }} --</option>
|
||||
<option value="coding-firefox">{{ _('Firefox') }}</option>
|
||||
<option value="coding-firefoxos">{{ _('Firefox OS') }}</option>
|
||||
<option value="coding-websites">{{ _('Websites') }}</option>
|
||||
<option value="coding-addons">{{ _('Firefox add-ons') }}</option>
|
||||
<option value="coding-marketplace">{{ _('HTML5 apps') }}</option>
|
||||
<option value="coding-webcompat">{{ _('Diagnosing Web compatibility issues') }}</option>
|
||||
<option value="coding-cloud">{{ _('Online services') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="area" id="area-testing">
|
||||
<label for="select-area-testing">{{ _('What would you like to test?') }}</label>
|
||||
<span class="select">
|
||||
<select id="select-area-testing" name="area-testing">
|
||||
<option value="" selected disabled>-- {{ _('select') }} --</option>
|
||||
<option value="testing-firefox">{{ _('Firefox and Firefox OS') }}</option>
|
||||
<option value="testing-addons">{{ _('Firefox add-ons') }}</option>
|
||||
<option value="testing-marketplace">{{ _('HTML5 apps') }}</option>
|
||||
<option value="testing-websites">{{ _('Websites') }}</option>
|
||||
<option value="testing-webcompat">{{ _('Web compatibility') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="area" id="area-translating">
|
||||
<label for="select-area-translating">{{ _('What would you like to translate?') }}</label>
|
||||
<span class="select">
|
||||
<select id="select-area-translating" name="area-translating">
|
||||
<option value="" selected disabled>-- {{ _('select') }} --</option>
|
||||
<option value="translating-products">{{ _('Products') }}</option>
|
||||
<option value="translating-websites">{{ _('Websites') }}</option>
|
||||
<option value="translating-tools">{{ _('I’d like to work on localization tools') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="area" id="area-writing">
|
||||
<label for="select-area-writing">{{ _('What would you like to write?') }}</label>
|
||||
<span class="select">
|
||||
<select id="select-area-writing" name="area-writing">
|
||||
<option value="" selected disabled>-- {{ _('select') }} --</option>
|
||||
<option value="writing-social">{{ _('Social media') }}</option>
|
||||
<option value="writing-journalism">{{ _('Journalism') }}</option>
|
||||
<option value="writing-techusers">{{ _('Technical docs for users') }}</option>
|
||||
<option value="writing-techdevs">{{ _('Technical docs for developers') }}</option>
|
||||
<option value="writing-addons">{{ _('Technical docs for Firefox add-ons') }}</option>
|
||||
<option value="writing-marketplace">{{ _('Technical docs for HTML5 apps') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p class="area" id="area-teaching">
|
||||
<label for="select-area-teaching">{{ _('What would you like to teach?') }}</label>
|
||||
<span class="select">
|
||||
<select id="select-area-teaching" name="area-teaching">
|
||||
<option value="" selected disabled>-- {{ _('select') }} --</option>
|
||||
<option value="teaching-webmaker">{{ _('Teach the Web (Webmaker)') }}</option>
|
||||
<option value="teaching-fellowships">{{ _('Open News fellowships') }}</option>
|
||||
<option value="teaching-hive">{{ _('Hive - Community based digital education') }}</option>
|
||||
<option value="teaching-science">{{ _('Open Web science research') }}</option>
|
||||
</select>
|
||||
</span>
|
||||
</p>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="personal">
|
||||
<h2 class="section-title">{{ _('Now tell us a little about yourself:') }}</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<label for="person-name">{{ _('Name') }}</label>
|
||||
<input type="text" id="person-name" name="name" required>
|
||||
</li>
|
||||
<li>
|
||||
<label for="person-email">{{ _('Email address') }}</label>
|
||||
<input type="email" id="person-email" name="email" required>
|
||||
</li>
|
||||
<li>
|
||||
<label for="person-country">{{ _('Country') }}</label>
|
||||
<span class="select">
|
||||
<select name="country" id="person-country" required>
|
||||
<option value="" disabled selected>-- {{ _('select') }} --</option>
|
||||
<option value="ar">Albania</option>
|
||||
<option value="br">Brazil</option>
|
||||
<option value="cz">Czech Republic</option>
|
||||
<option value="dk">Denmark</option>
|
||||
<option value="ec">Ecuador</option>
|
||||
<option value="fi">Finland</option>
|
||||
<option value="ga">Guatamala</option>
|
||||
<option value="hu">Hungary</option>
|
||||
<option value="id">Indonesia</option>
|
||||
<option value="jp">Japan</option>
|
||||
<option value="kl">Kuala Lumpur</option>
|
||||
<option value="etc">and so on</option>
|
||||
</select>
|
||||
</span>
|
||||
</li>
|
||||
<li class="form-message">
|
||||
<label for="person-message">{{ _('Why do you want to be a Mozilla volunteer?') }} <i>{{ _('(Optional)') }}</i></label>
|
||||
<textarea id="person-message" cols="60" rows="4" name="message"></textarea>
|
||||
</li>
|
||||
<li class="form-agree">
|
||||
<label class="inline" for="submit-agree">
|
||||
<input type="checkbox" id="submit-agree" name="agree" required>
|
||||
{% trans privacy=url('privacy') %}
|
||||
I’m okay with Mozilla handling my info as explained in <a href="{{ privacy }}">this Privacy Policy</a>
|
||||
{% endtrans %}
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="submit">
|
||||
<p class="form-newsletter">
|
||||
<label class="inline" for="submit-newsletter">
|
||||
<input type="checkbox" id="submit-newsletter" name="newsletter">
|
||||
{{ _('Sign me up for community updates') }}
|
||||
{% if not LANG.startswith('en') %}{{ _('(English)') }}{% endif %}
|
||||
</label>
|
||||
</p>
|
||||
|
||||
<button type="submit">{{ _('Start contributing') }}</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<aside class="category-info">
|
||||
<h2>{{ _('Where would you like to get started?') }}</h2>
|
||||
|
||||
<div class="info-content" id="info-coding">
|
||||
<h3>{{ _('Coding') }}</h3>
|
||||
<p>{{ _('Contribute code to a whole range of Mozilla products, including Firefox and Firefox OS.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-testing">
|
||||
<h3>{{ _('Testing') }}</h3>
|
||||
<p>{{ _('Help make the Mozilla products you use — and love — even better.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-writing">
|
||||
<h3>{{ _('Writing') }}</h3>
|
||||
<p>{{ _('Lend your voice to Mozilla — from blogging and social media to providing technical documents for users and developers.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-teaching">
|
||||
<h3>{{ _('Teaching') }}</h3>
|
||||
<p>{{ _('Share your skills with a community that’s eager to learn. Take advantage of our free tools, teaching resources and events.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-helping">
|
||||
<h3>{{ _('Helping') }}</h3>
|
||||
<p>{{ _('Provide support to users who need it and help everyone get the most out of their Mozilla products.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-localization">
|
||||
<h3>{{ _('Translating') }}</h3>
|
||||
<p>{{ _('Help make Mozilla stuff available in other languages. Translate everything from newsletters and websites to copy for Firefox and Firefox OS.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-activism">
|
||||
<h3>{{ _('Activism') }}</h3>
|
||||
<p>{{ _('Get involved with our opportunities to support freedom, security and privacy on the open Web.') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-content" id="info-dontknow">
|
||||
<h3>{{ _('I don’t know') }}</h3>
|
||||
<p>{{ _('Not sure how you want to help? No problem. We can find the appropriate contribution activity for you.') }}</p>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section next-steps">
|
||||
<div class="container">
|
||||
<ol class="steps">
|
||||
<li class="step1">{{ _('Choose what interests you and tell us how you’d like to help') }}</li>
|
||||
<li class="step2">{{ _('Stand by for an email that will connect you to the Mozilla community') }}</li>
|
||||
<li class="step3">{{ _('Create your Mozillians account and share your contributions with the world') }}</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock contrib_content %}
|
||||
|
||||
{% block contrib_footer %}{% endblock %}
|
||||
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% add_lang_files "mozorg/contribute" "mozorg/contribute-stories" %}
|
||||
|
||||
{% block body_id %}stories{% endblock %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Rubén {% endblock %}
|
||||
|
||||
{% block contrib_page_title %}{{ _('Volunteer with Mozilla!') }}{% endblock %}
|
||||
|
||||
{% block string_data %}
|
||||
{# L10n: Used as a toggle to display more content. #}
|
||||
data-more='{{_('More')}}'
|
||||
{# L10n: Used as a toggle to display less content. #}
|
||||
data-less='{{_('Less')}}'
|
||||
{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
<section class="section stories-intro">
|
||||
<div class="container">
|
||||
<h2 class="section-title">#IAmAMozillian</h2>
|
||||
<p class="section-tagline">{{ _('Meet Mozillians from all around the world. Learn about the projects they’ve worked on and see what they’re currently helping with.') }}</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section story-main">
|
||||
<div class="container">
|
||||
{% block story_content %}{% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section stories-other">
|
||||
<div class="container">
|
||||
<h2 class="section-title">{{ _('Meet a few more Mozillians') }}</h2>
|
||||
<p class="section-tagline">
|
||||
{% trans link_hashtag='https://twitter.com/search?q=%23IAmAMozillian' %}
|
||||
Read their stories here and discover even more on Twitter with <a href="{{ link_hashtag }}">#IAmAMozillian</a>
|
||||
{% endtrans %}
|
||||
</p>
|
||||
{% block stories_list %}{% endblock %}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock contrib_content %}
|
||||
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/stories-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Rubén {% endblock %}
|
||||
|
||||
{% block story_content %}
|
||||
<h2 class="story-title">
|
||||
{# L10n: These <b>s are for formatting so we can style the name and country. #}
|
||||
{{ _('Hi, I’m <b class="name">Rubén</b>, a Mozillian in <b class="country">Spain</b>') }}
|
||||
</h2>
|
||||
|
||||
<div class="story-intro">
|
||||
<img class="photo" src="{{ media('img/contribute/person-ruben.jpg') }}" alt="">
|
||||
<p>
|
||||
{% trans %}
|
||||
I’ve been collaborating with the Mozilla community since 2004, helping
|
||||
with website localization, QA, user support and community marketing. I’ve
|
||||
also helped organize events in Spain and performed IT tasks within the
|
||||
Mozilla Hispano community.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="story-areas">
|
||||
<h3>{{ _('I’m currently helping with:') }}</h3>
|
||||
<ul>
|
||||
<li>{{ _('Mozilla.org localization') }}</li>
|
||||
<li>{{ _('Firefox OS launch in Spain') }}</li>
|
||||
<li>{{ _('Mozilla Hispano mentorship program') }}</li>
|
||||
<li>{{ _('Community events') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="story-links">
|
||||
<li><a href="https://twitter.com/nukeador" class="twitter">@nukeador</a></li>
|
||||
<li><a href="https://www.facebook.com/nukeador" class="facebook">Facebook</a></li>
|
||||
<li><a href="https://github.com/nukeador" class="github">Github</a></li>
|
||||
<li><a href="http://www.nukeador.com/" class="website">nukeador.com</a></li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
{% block stories_list %}
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Shreyas</h3>
|
||||
<p class="meta">{{ _('India · Teaching') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-shreyas') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-shreyas.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Faye</h3>
|
||||
<p class="meta">{{ _('Philippines · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-faye') }}" class="url">{{ _('Read her story') }} <img src="{{ media('img/contribute/person-faye.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Michael</h3>
|
||||
<p class="meta">{{ _('Switzerland · Coding') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-michael') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-michael.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/stories-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Faye {% endblock %}
|
||||
|
||||
{% block story_content %}
|
||||
<h2 class="story-title">
|
||||
{# L10n: These <b>s are for formatting so we can style the name and country. #}
|
||||
{{ _('Hi, I’m <b class="name">Faye</b>, a Mozillian in <b class="country">the Philippines</b>') }}
|
||||
</h2>
|
||||
|
||||
<div class="story-intro">
|
||||
<img class="photo" src="{{ media('img/contribute/person-faye.jpg') }}" alt="">
|
||||
<p>
|
||||
{% trans %}
|
||||
I went to my first local Mozilla event in 2011 and was inspired to do more
|
||||
by all the amazing people I met and got to know. And now, I am the Mozilla
|
||||
Philippines Community Manager.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="story-areas">
|
||||
<h3>{{ _('I’m currently helping with:') }}</h3>
|
||||
<ul>
|
||||
<li>{{ _('Webmaker') }}</li>
|
||||
<li>{{ _('WoMoz') }}</li>
|
||||
<li>{{ _('Firefox Student Ambassadors') }}</li>
|
||||
<li>{{ _('Community Building') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="story-links">
|
||||
<li><a href="https://twitter.com/fayetandog" class="twitter">@fayetandog</a></li>
|
||||
<li><a href="https://www.facebook.com/fayetandog" class="facebook">Facebook</a></li>
|
||||
<li><a href="http://fayetandog.com/" class="website">fayetandog.com</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="story-more">
|
||||
<p>
|
||||
{% trans %}
|
||||
My passion is for organizing local Webmaker and WoMoz (Women in Mozilla)
|
||||
community events where I can train others and help them develop their skills.
|
||||
I also help out with the Firefox Student Ambassadors program and Community
|
||||
Building.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{% trans %}
|
||||
My favorite part of being a Mozillian is the global community. I like to
|
||||
think of us as a “family” where we accept each other openly and are free
|
||||
to speak our minds while we work together.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block stories_list %}
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Rubén</h3>
|
||||
<p class="meta">{{ _('Spain · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-ruben') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-ruben.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Shreyas</h3>
|
||||
<p class="meta">{{ _('India · Teaching') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-shreyas') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-shreyas.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Michael</h3>
|
||||
<p class="meta">{{ _('Switzerland · Coding') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-michael') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-michael.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/stories-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Michael {% endblock %}
|
||||
|
||||
{% block story_content %}
|
||||
<h2 class="story-title">
|
||||
{# L10n: These <b>s are for formatting so we can style the name and country. #}
|
||||
{{ _('Hi, I’m <b class="name">Michael</b>, a Mozillian in <b class="country">Switzerland</b>') }}
|
||||
</h2>
|
||||
|
||||
<div class="story-intro">
|
||||
<img class="photo" src="{{ media('img/contribute/person-michael.jpg') }}" alt="">
|
||||
<p>
|
||||
{% trans %}
|
||||
I started contributing Firefox patches as a teenager in 2008. Four years
|
||||
later, I decided to officially become a Mozilla Rep and have been helping
|
||||
to build the Mozilla Switzerland community ever since.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="story-areas">
|
||||
<h3>{{ _('I’m currently helping with:') }}</h3>
|
||||
<ul>
|
||||
<li>{{ _('Webmaker') }}</li>
|
||||
<li>{{ _('Hack-a-thons') }}</li>
|
||||
<li>Firefox OS</li>
|
||||
<li>{{ _('Localization') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="story-links">
|
||||
<li><a href="https://twitter.com/KohlerSolutions" class="twitter">@KohlerSolutions</a></li>
|
||||
<li><a href="https://github.com/MichaelKohler" class="github">Github</a>
|
||||
<li><a href="http://www.michaelkohler.info/" class="website">michaelkohler.info</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="story-more">
|
||||
<p>
|
||||
{% trans %}
|
||||
In addition to organizing community events in Switzerland, I also coordinate
|
||||
events in Germany and Austria, making me one of only a few Mozillians to help
|
||||
pull off events in three different countries — all within a couple of months
|
||||
of each other.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{% trans %}
|
||||
My goal now is to keep growing our global community through localization
|
||||
(translation), hacking and Webmaker projects. If you’re interested, please
|
||||
get in touch.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block stories_list %}
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Faye</h3>
|
||||
<p class="meta">{{ _('Philippines · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-faye') }}" class="url">{{ _('Read her story') }} <img src="{{ media('img/contribute/person-faye.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Shreyas</h3>
|
||||
<p class="meta">{{ _('India · Teaching') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-shreyas') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-shreyas.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Rubén</h3>
|
||||
<p class="meta">{{ _('Spain · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-ruben') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-ruben.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/stories-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Rubén {% endblock %}
|
||||
|
||||
{% block story_content %}
|
||||
<h2 class="story-title">
|
||||
{# L10n: These <b>s are for formatting. #}
|
||||
{{ _('Hi, I’m <b class="name">Rubén</b>, a Mozillian in <b class="country">Spain</b>') }}
|
||||
</h2>
|
||||
|
||||
<div class="story-intro">
|
||||
<img class="photo" src="{{ media('img/contribute/person-ruben.jpg') }}" alt="">
|
||||
<p>
|
||||
{% trans %}
|
||||
I’ve been collaborating with the Mozilla community since 2004, helping
|
||||
with website localization, QA, user support and community marketing. I’ve
|
||||
also helped organize events in Spain and performed IT tasks within the
|
||||
Mozilla Hispano community.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="story-areas">
|
||||
<h3>{{ _('I’m currently helping with:') }}</h3>
|
||||
<ul>
|
||||
<li>{{ _('Mozilla.org localization') }}</li>
|
||||
<li>{{ _('Firefox OS launch in Spain') }}</li>
|
||||
<li>{{ _('Mozilla Hispano mentorship program') }}</li>
|
||||
<li>{{ _('Community events') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="story-links">
|
||||
<li><a href="https://twitter.com/nukeador" class="twitter">@nukeador</a></li>
|
||||
<li><a href="https://www.facebook.com/nukeador" class="facebook">Facebook</a></li>
|
||||
<li><a href="https://github.com/nukeador" class="github">Github</a></li>
|
||||
<li><a href="http://www.nukeador.com/" class="website">nukeador.com</a></li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
{% block stories_list %}
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Faye</h3>
|
||||
<p class="meta">{{ _('Philippines · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-faye') }}" class="url">{{ _('Read her story') }} <img src="{{ media('img/contribute/person-faye.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Shreyas</h3>
|
||||
<p class="meta">{{ _('India · Teaching') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-shreyas') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-shreyas.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Michael</h3>
|
||||
<p class="meta">{{ _('Switzerland · Coding') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-michael') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-michael.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/stories-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Mozillian Stories')}} : Shreyas {% endblock %}
|
||||
|
||||
{% block story_content %}
|
||||
<h2 class="story-title">
|
||||
{# L10n: These <b>s are for formatting so we can style the name and country. #}
|
||||
{{ _('Hi, I’m <b class="name">Shreyas</b>, a Mozillian in <b class="country">India</b>') }}
|
||||
</h2>
|
||||
|
||||
<div class="story-intro">
|
||||
<img class="photo" src="{{ media('img/contribute/person-shreyas.jpg') }}" alt="">
|
||||
<p>
|
||||
{% trans %}
|
||||
I’m a Webmaker Super Mentor who’s passionate about building a more
|
||||
open Web. I love any chance to bring my community together — whether
|
||||
it’s through MozCafes, teaching opportunities or just getting together
|
||||
to talk about projects.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="story-areas">
|
||||
<h3>{{ _('I’m currently helping with:') }}</h3>
|
||||
<ul>
|
||||
<li>{{ _('KidZilla') }}</li>
|
||||
<li>{{ _('MozCafes') }}</li>
|
||||
<li>{{ _('Maker Party') }}</li>
|
||||
<li>{{ _('Community events') }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="story-links">
|
||||
<li><a href="https://twitter.com/dun3buggi3" class="twitter">@dun3buggi3</a></li>
|
||||
<li><a href="https://www.facebook.com/dunebuggie" class="facebook">Facebook</a></li>
|
||||
<li><a href="http://dunebuggie.wordpress.com/" class="website">dunebuggie.wordpress.com</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="story-more">
|
||||
<p>
|
||||
{% trans %}
|
||||
One thing I’m most proud of in my time as a Mozillian is “KidZilla,”
|
||||
a project that I initiated to educate underprivileged students about
|
||||
the basics of computers and the Internet.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{% trans %}
|
||||
I’m also an avid writer — if you work in Communications or PR, feel
|
||||
free to get in touch with me. I would love to work on something. And
|
||||
if you ever want to talk about Webmaking and teaching, I’m always available.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block stories_list %}
|
||||
<ul class="stories">
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Faye</h3>
|
||||
<p class="meta">{{ _('Philippines · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-faye') }}" class="url">{{ _('Read her story') }} <img src="{{ media('img/contribute/person-faye.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Rubén</h3>
|
||||
<p class="meta">{{ _('Spain · Activism') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-ruben') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-ruben.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
<li class="person hcard">
|
||||
<h3 class="fn given-name">Michael</h3>
|
||||
<p class="meta">{{ _('Switzerland · Coding') }}</p>
|
||||
<a href="{{ url('mozorg.contribute.story-michael') }}" class="url">{{ _('Read his story') }} <img src="{{ media('img/contribute/person-michael.jpg') }}" alt=""></a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
{# 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/. -#}
|
||||
|
||||
{% extends "mozorg/contribute/contribute-base.html" %}
|
||||
|
||||
{% block page_title %}{{_('Thank you!')}}{% endblock %}
|
||||
|
||||
{% block body_id %}thankyou{% endblock %}
|
||||
|
||||
{% block contrib_country_form %}{% endblock %}
|
||||
|
||||
{% block contrib_title %}
|
||||
<div class="container">
|
||||
<h1 class="page-title">{{ _('Thanks!') }}</h1>
|
||||
<p class="section-tagline">
|
||||
<span class="category-coding">{{ _('We’re thrilled to see that you’re interested in coding and can’t wait to get you started.') }}></span>
|
||||
<span class="category-testing">{{ _('We’re thrilled to see that you’re interested in testing and can’t wait to get you started.') }}</span>
|
||||
<span class="category-writing">{{ _('We’re thrilled to see that you’re interested in writing and can’t wait to get you started.') }}</span>
|
||||
<span class="category-teaching">{{ _('We’re thrilled to see that you’re interested in teaching and can’t wait to get you started.') }}</span>
|
||||
<span class="category-helping">{{ _('We’re thrilled to see that you’re interested in helping and can’t wait to get you started.') }}</span>
|
||||
<span class="category-translating">{{ _('We’re thrilled to see that you’re interested in translating and can’t wait to get you started.') }}</span>
|
||||
<span class="category-activism">{{ _('We’re thrilled to see that you’re interested in activism and can’t wait to get you started.') }}</span>
|
||||
<span class="category-dontknow">{{ _('We’re thrilled to see that you’re interested in volunteering and can’t wait to get you started.') }}</span>
|
||||
{{ _('Keep an eye on your inbox for an important message from us.') }}
|
||||
</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block contrib_content %}
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="confirm-body">
|
||||
|
||||
<div class="mozillians-profile">
|
||||
<span class="profile-greeting">{{ _('Hello!') }}</span>
|
||||
<span class="profile-name">{{ _('Your Name') }}</span>
|
||||
</div>
|
||||
<h2 class="section-title">{{ _('In the meantime…') }}</h2>
|
||||
<p class="section-tagline">{{ _('You can create your Mozillians account now to connect with fellow Mozillians.' ) }}</p>
|
||||
<p class="cta-mozillians"><a href="https://mozillians.org/?source=contribute">{{ _('Yes, create my Mozillians account') }} *</a></p>
|
||||
<p class="note">* {{ _('You will be asked to sign in before proceeding') }}</p>
|
||||
|
||||
<div class="cta-other">
|
||||
<p><a href="#other" role="button" aria-controls="other">{{ _('No thanks, I’ll just wait for the email') }}</a></p>
|
||||
</div>
|
||||
<aside id="other">
|
||||
<h3>{{ _('Here are a few other ways you can support Mozilla right now.') }}</h3>
|
||||
<ul class="other-actions">
|
||||
<li><a href="https://sendto.mozilla.org/page/contribute/Give-Now?source=mozillaorg_default_footer&ref=volunteer_getinvolvedpage201410&utm_campaign=volunteer_getinvolvedpage201410&utm_source=newsletter-mofo&utm_medium=referral" class="other-donate">{{ _('Donate to Mozilla') }}</a></li>
|
||||
<li><a href="{{ url('mozorg.about.manifesto') }}" class="other-read">{{ _('Read our Manifesto') }}</a></li>
|
||||
{# Hide until gear store is online }
|
||||
<li><a href="https://gear.mozilla.org" class="other-shop">{{ _('Buy a Mozilla t-shirt') }}</a></li>
|
||||
{ end hiding #}
|
||||
<li><a href="https://www.facebook.com/mozilla" class="other-facebook">{{ _('Like us on Facebook') }}</a></li>
|
||||
<li><a href="https://twitter.com/mozilla" class="other-twitter">{{ _('Follow us on Twitter') }}</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock contrib_content %}
|
||||
|
||||
{% block contrib_footer %}{% endblock %}
|
||||
|
|
@ -164,20 +164,29 @@ urlpatterns = patterns('',
|
|||
page('contact/communities/uganda', 'mozorg/contact/communities/uganda.html'),
|
||||
page('contact/communities/zimbabwe', 'mozorg/contact/communities/zimbabwe.html'),
|
||||
|
||||
page('contribute/signup', 'mozorg/contribute/signup.html'),
|
||||
page('contribute/thankyou', 'mozorg/contribute/thankyou.html'),
|
||||
page('contribute/events', 'mozorg/contribute/events.html'),
|
||||
page('contribute/stories', 'mozorg/contribute/stories.html'),
|
||||
page('contribute/stories/ruben', 'mozorg/contribute/story-ruben.html'),
|
||||
page('contribute/stories/faye', 'mozorg/contribute/story-faye.html'),
|
||||
page('contribute/stories/shreyas', 'mozorg/contribute/story-shreyas.html'),
|
||||
page('contribute/stories/michael', 'mozorg/contribute/story-michael.html'),
|
||||
|
||||
url('^contribute/$', views.contribute, name='mozorg.contribute',
|
||||
kwargs={'template': 'mozorg/contribute.html',
|
||||
kwargs={'template': 'mozorg/contribute/index.html',
|
||||
'return_to_form': False}),
|
||||
url('^contribute/event/$', views.contribute,
|
||||
kwargs={'template': 'mozorg/contribute.html',
|
||||
kwargs={'template': 'mozorg/contribute/index.html',
|
||||
'return_to_form': True},
|
||||
name='mozorg.contribute_event'),
|
||||
url('^contribute/page/$', views.contribute,
|
||||
kwargs={'template': 'mozorg/contribute-page.html',
|
||||
kwargs={'template': 'mozorg/contribute/contribute-page.html',
|
||||
'return_to_form': False},
|
||||
name='mozorg.contribute_page'),
|
||||
url('^contribute/embed/$', views.contribute_embed,
|
||||
name='mozorg.contribute_embed',
|
||||
kwargs={'template': 'mozorg/contribute-embed.html',
|
||||
kwargs={'template': 'mozorg/contribute/contribute-embed.html',
|
||||
'return_to_form': False}),
|
||||
url('^contribute/studentambassadors/$',
|
||||
views.contribute_studentambassadors_landing,
|
||||
|
|
|
|||
|
|
@ -152,12 +152,12 @@ MINIFY_BUNDLES = {
|
|||
'contact-spaces-ie7': (
|
||||
'css/mozorg/contact-spaces-ie7.less',
|
||||
),
|
||||
'contribute': (
|
||||
'css/mozorg/contribute.less',
|
||||
'contribute-old': (
|
||||
'css/mozorg/contribute/contribute-old.less',
|
||||
'css/sandstone/video-resp.less',
|
||||
),
|
||||
'contribute-page': (
|
||||
'css/mozorg/contribute-page.less',
|
||||
'css/mozorg/contribute/contribute-page.less',
|
||||
),
|
||||
'contribute-studentambassadors-landing': (
|
||||
'css/base/social-widgets.less',
|
||||
|
|
@ -410,6 +410,14 @@ MINIFY_BUNDLES = {
|
|||
'tabzilla': (
|
||||
'css/tabzilla/tabzilla.less',
|
||||
),
|
||||
'contribute-2015': (
|
||||
'css/base/mozilla-modal.less',
|
||||
'css/mozorg/contribute/contribute-2015.less',
|
||||
),
|
||||
'contribute-2015-map': (
|
||||
'css/libs/mapbox-1.6.3.css',
|
||||
'css/mozorg/contribute/contribute-2015.less',
|
||||
),
|
||||
'video': (
|
||||
'css/sandstone/video.less',
|
||||
),
|
||||
|
|
@ -481,7 +489,7 @@ MINIFY_BUNDLES = {
|
|||
'contact-spaces-ie7': (
|
||||
'js/mozorg/contact-spaces-ie7.js',
|
||||
),
|
||||
'contribute': (
|
||||
'contribute-faces': (
|
||||
'js/mozorg/contribute-faces.js',
|
||||
),
|
||||
'contribute-form': (
|
||||
|
|
@ -721,6 +729,15 @@ MINIFY_BUNDLES = {
|
|||
'video': (
|
||||
'js/base/mozilla-video-tools.js',
|
||||
),
|
||||
'contribute-2015': (
|
||||
'js/libs/jquery.cycle2.min.js',
|
||||
'js/base/mozilla-modal.js',
|
||||
'js/mozorg/contribute-2015.js',
|
||||
),
|
||||
'contribute-2015-map': (
|
||||
'js/libs/mapbox-1.6.3.js',
|
||||
'js/mozorg/contribute-2015-map.js',
|
||||
),
|
||||
'mosaic': (
|
||||
'js/libs/modernizr.custom.26887.js',
|
||||
'js/libs/jquery.transit.min.js',
|
||||
|
|
|
|||
|
|
@ -194,15 +194,8 @@ RewriteRule ^/ja/about(/?|/.+)$ http://www.mozilla.jp/about/mozilla/ [L,R=301]
|
|||
# bug 889958
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?mission(/?)$ /b/$1mission$2 [PT]
|
||||
|
||||
# bug 793754
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute(/?)$ /b/$1contribute$2 [PT]
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute/page(/?)$ /b/$1contribute/page$2 [PT]
|
||||
|
||||
# bug 807155
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute/embed(/?)$ /b/$1contribute/embed$2 [PT]
|
||||
|
||||
# bug 787953
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute/event(.*)$ /b/$1contribute/event$2 [PT]
|
||||
# bug 793754, 1054437
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute(/?|/.+)$ /b/$1contribute$2 [PT]
|
||||
|
||||
# bug 859564
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?contribute/(student|university)ambassadors(.*)$ /b/$1contribute/$2ambassadors$3 [PT]
|
||||
|
|
|
|||
Разница между файлами не показана из-за своего большого размера
Загрузить разницу
|
|
@ -2,7 +2,7 @@
|
|||
// 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";
|
||||
@import "../../sandstone/lib.less";
|
||||
@import "contribute-form.less";
|
||||
|
||||
.page-title {
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
// 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";
|
||||
@import "../../sandstone/lib.less";
|
||||
@import "contribute-form.less";
|
||||
|
||||
#contribute-page {
|
||||
Двоичные данные
media/fonts/fontawesome-webfont.eot
Двоичные данные
media/fonts/fontawesome-webfont.eot
Двоичный файл не отображается.
Двоичные данные
media/fonts/fontawesome-webfont.ttf
Двоичные данные
media/fonts/fontawesome-webfont.ttf
Двоичный файл не отображается.
Двоичные данные
media/fonts/fontawesome-webfont.woff
Двоичные данные
media/fonts/fontawesome-webfont.woff
Двоичный файл не отображается.
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 55 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 52 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 55 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 38 KiB |
|
До Ширина: | Высота: | Размер: 1.7 KiB После Ширина: | Высота: | Размер: 1.7 KiB |
|
До Ширина: | Высота: | Размер: 2.2 KiB После Ширина: | Высота: | Размер: 2.2 KiB |
|
До Ширина: | Высота: | Размер: 2.4 KiB После Ширина: | Высота: | Размер: 2.4 KiB |
|
До Ширина: | Высота: | Размер: 2.0 KiB После Ширина: | Высота: | Размер: 2.0 KiB |
|
До Ширина: | Высота: | Размер: 5.2 KiB После Ширина: | Высота: | Размер: 5.2 KiB |
|
До Ширина: | Высота: | Размер: 2.0 KiB После Ширина: | Высота: | Размер: 2.0 KiB |
|
До Ширина: | Высота: | Размер: 4.5 KiB После Ширина: | Высота: | Размер: 4.5 KiB |
|
До Ширина: | Высота: | Размер: 1.5 KiB После Ширина: | Высота: | Размер: 1.5 KiB |
|
До Ширина: | Высота: | Размер: 2.5 KiB После Ширина: | Высота: | Размер: 2.5 KiB |
|
До Ширина: | Высота: | Размер: 2.2 KiB После Ширина: | Высота: | Размер: 2.2 KiB |
|
До Ширина: | Высота: | Размер: 2.2 KiB После Ширина: | Высота: | Размер: 2.2 KiB |
|
До Ширина: | Высота: | Размер: 2.1 KiB После Ширина: | Высота: | Размер: 2.1 KiB |
|
До Ширина: | Высота: | Размер: 1.6 KiB После Ширина: | Высота: | Размер: 1.6 KiB |
|
До Ширина: | Высота: | Размер: 1.8 KiB После Ширина: | Высота: | Размер: 1.8 KiB |
|
До Ширина: | Высота: | Размер: 4.8 KiB После Ширина: | Высота: | Размер: 4.8 KiB |
|
До Ширина: | Высота: | Размер: 4.3 KiB После Ширина: | Высота: | Размер: 4.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 20 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 20 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 25 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.1 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 19 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 23 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 13 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 17 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.9 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.9 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 933 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 610 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 902 B |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 66 KiB |
|
|
@ -0,0 +1,54 @@
|
|||
/* 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/. */
|
||||
|
||||
;(function($) {
|
||||
'use strict';
|
||||
|
||||
var map = null;
|
||||
var topPane = null;
|
||||
var topLayer = null;
|
||||
var layers = {};
|
||||
|
||||
var mozMap = {
|
||||
/*
|
||||
* Initialize mapbox and set default control values.
|
||||
* This should only be called once on page load.
|
||||
*/
|
||||
init: function () {
|
||||
// get the mapbox api token.
|
||||
var token = $('#map').data('mapbox');
|
||||
//initialize map and center.
|
||||
map = L.mapbox.map('map').setView([28, 0], 2);
|
||||
// load mozilla custom map tiles
|
||||
var mapLayer = L.mapbox.tileLayer(token,{
|
||||
detectRetina: true
|
||||
});
|
||||
|
||||
// when ready, set the map and page default states
|
||||
mapLayer.on('ready', function () {
|
||||
// add tile layer to the map
|
||||
mapLayer.addTo(map);
|
||||
// touch support detection.
|
||||
var touch = L.Browser.touch || L.Browser.msTouch;
|
||||
// disable map zoom on scroll.
|
||||
map.scrollWheelZoom.disable();
|
||||
// disable dragging for touch devices.
|
||||
if (touch) {
|
||||
// disable drag and zoom handlers.
|
||||
map.dragging.disable();
|
||||
map.touchZoom.disable();
|
||||
map.doubleClickZoom.disable();
|
||||
// disable tap handler, if present.
|
||||
if (map.tap) {
|
||||
map.tap.disable();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
//initialize mapbox
|
||||
mozMap.init();
|
||||
|
||||
})(window.jQuery);
|
||||
|
|
@ -0,0 +1,261 @@
|
|||
/* 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/. */
|
||||
|
||||
;(function($) {
|
||||
'use strict';
|
||||
|
||||
// Add a more/less toggle on story pages
|
||||
if ($('.story-more').length > 0) {
|
||||
var $more_toggle = $('<div class="more-toggle"><button>' + window.trans('more') + '</button></div>');
|
||||
$more_toggle.insertAfter('.story-more');
|
||||
|
||||
$('.more-toggle button').on('click', function() {
|
||||
$('.story-more').slideToggle('fast', function() {
|
||||
if ($('.story-more').is(':visible')) {
|
||||
$('.more-toggle button').addClass('open').text(window.trans('less'));
|
||||
} else {
|
||||
$('.more-toggle button').removeClass('open').text(window.trans('more'));
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Play videos in a modal
|
||||
$('a.video-play').attr('role', 'button').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this);
|
||||
var videoelem = $('#' + $this.attr('data-element-id'));
|
||||
|
||||
Mozilla.Modal.createModal(this, videoelem, {
|
||||
title: '',
|
||||
onCreate: function() {
|
||||
play_video();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Give the modal a chance to open before playing
|
||||
var play_video = function() {
|
||||
setTimeout(function() {
|
||||
$('#modal video:first')[0].play();
|
||||
}, 400);
|
||||
};
|
||||
|
||||
// Style selected option, unstyle previously selected
|
||||
$('#inquiry-form .option input').on('change', function() {
|
||||
$('#inquiry-form .option label').removeClass('selected');
|
||||
$(this).parents('label').addClass('selected');
|
||||
});
|
||||
|
||||
// Style option labels when the option gets focus
|
||||
$('#inquiry-form .option input').on('focus', function() {
|
||||
$('#inquiry-form .option label').removeClass('hover');
|
||||
$(this).parents('label').addClass('hover');
|
||||
});
|
||||
|
||||
// Show 'other ways to contribute' block on thankyou page
|
||||
$('.cta-other a').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
$('.cta-other').fadeOut('fast', function() {
|
||||
$('#other').slideDown();
|
||||
});
|
||||
});
|
||||
|
||||
// Style the selected option if one is selected when the page loads
|
||||
$('#inquiry-form .option input:checked').parents('label').addClass('selected');
|
||||
|
||||
$('#inquiry-form input[name="category"]').on('change', function(){
|
||||
var $this = $(this);
|
||||
|
||||
// Style the selected option (reset all of them first to unstyle previous selection)
|
||||
$('#inquiry-form .option label').removeClass('selected');
|
||||
$this.parents('label').addClass('selected');
|
||||
|
||||
// Get all the area IDs
|
||||
var areas = $('#inquiry-form .area').map(function(index){ return this.id; });
|
||||
// Get the area for the selected category
|
||||
var categoryarea = 'area-' + $this.attr('value');
|
||||
|
||||
// Show the followup question for categories that have one
|
||||
if ($.inArray(categoryarea, areas) !== -1) {
|
||||
if ($('.areas').is(':hidden')) {
|
||||
$('.areas').slideDown('fast', function(){
|
||||
show_area(categoryarea);
|
||||
});
|
||||
} else {
|
||||
show_area(categoryarea);
|
||||
}
|
||||
} else {
|
||||
$('.areas, .area').slideUp('fast', function(){
|
||||
$('.area:visible').find('select').prop('selectedIndex', 0);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var show_area = function(categoryarea) {
|
||||
// Get the ID of the previously selected area
|
||||
var oldarea = $('.area:visible').attr('id');
|
||||
|
||||
if ($('#'+oldarea).length > 0) {
|
||||
$('#'+oldarea).fadeOut('fast', function(){
|
||||
$('#'+categoryarea).fadeIn('fast', function(){
|
||||
$(this).find('select').attr('required', true).focus();
|
||||
});
|
||||
$('#'+oldarea).find('select').prop('selectedIndex', 0).attr('required', false);
|
||||
});
|
||||
} else {
|
||||
$('#'+categoryarea).fadeIn('fast');
|
||||
}
|
||||
};
|
||||
|
||||
// Fake focus styles for styled selects
|
||||
$('.select select').on('focus', function(){
|
||||
$(this).parent('.select').addClass('focus');
|
||||
});
|
||||
|
||||
$('.select select').on('blur', function(){
|
||||
$(this).parent('.select').removeClass('focus');
|
||||
});
|
||||
|
||||
// Info tooltips
|
||||
$('#inquiry-form .info').on('mouseenter focus', function() {
|
||||
var $this = $(this);
|
||||
// Get the target element's ID from the link's href.
|
||||
var target = $(this).attr('href').replace( /.*?(#.*)/g, "$1" );
|
||||
$('<div class="tooltip arrow-top">'+ $(target + ' p').text() +'</div>').insertAfter($this).fadeIn('fast');
|
||||
});
|
||||
|
||||
$('#inquiry-form .info').on('mouseleave blur', function() {
|
||||
var $this = $(this);
|
||||
var tooltip = $this.parents('.option').find('.tooltip');
|
||||
tooltip.delay(100).fadeOut('fast', function() {
|
||||
tooltip.remove();
|
||||
});
|
||||
});
|
||||
|
||||
$('#inquiry-form .info').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
|
||||
|
||||
/* // Info modal with navigation. Might need this later...
|
||||
|
||||
var ltr = document.dir === 'ltr';
|
||||
|
||||
// Set up the modal navigation
|
||||
var modal_paging = function(direction) {
|
||||
// get the current blurb
|
||||
var $current = $('.info-content:visible');
|
||||
var action;
|
||||
|
||||
if (direction === 1) {
|
||||
action = 'modal next';
|
||||
// Fade out the current blurb
|
||||
$current.fadeOut('fast', function(){
|
||||
// Get the next blurb and fade it in; it becomes the new current blurb.
|
||||
$current = $current.next('.info-content').length ? $current.next('.info-content').fadeIn() : $current.siblings('.info-content:first').fadeIn();
|
||||
// Reset the nav
|
||||
$('.category-nav .current').removeClass('current');
|
||||
// Highlight the new current blurb's icon
|
||||
$('.category-nav a[href="#' + $current.attr('id') + '"]').addClass('current');
|
||||
});
|
||||
} else {
|
||||
action = 'modal prev';
|
||||
// Fade out the current blurb
|
||||
$current.fadeOut('fast', function(){
|
||||
// Get the previous blurb and fade it in; it becomes the new current blurb.
|
||||
$current = $current.prev('.info-content').length ? $current.prev('.info-content').fadeIn() : $current.siblings('.info-content:last').fadeIn();
|
||||
// Reset the nav
|
||||
$('.category-nav .current').removeClass('current');
|
||||
// Highlight the new current blurb's icon
|
||||
$('.category-nav a[href="#' + $current.attr('id') + '"]').addClass('current');
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Set up the modal
|
||||
$('#inquiry-form .info').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $this = $(this);
|
||||
var target = $(this).attr('href').replace( /.*?(#.*)/g, "$1" );// Extract the target element's ID from the link's href.
|
||||
|
||||
Mozilla.Modal.createModal(this, $('.category-info'), {
|
||||
title: $('.category-info h2').text(),
|
||||
'onCreate': function () {
|
||||
// Hide all blurbs to reset
|
||||
$('.info-content').hide();
|
||||
// Show the target blurb
|
||||
$(target).show();
|
||||
|
||||
// Reset the nav
|
||||
$('.category-nav .current').removeClass('current');
|
||||
// Highlight the target blurb's icon
|
||||
$('.category-nav a[href="' + target + '"]').addClass('current');
|
||||
|
||||
// Add the prev/next buttons
|
||||
var $paging = $('<nav class="modal-nav" role="presentation"></nav>').insertBefore('#modal-close');
|
||||
$('<button class="button-prev" aria-controls="modal"></button>')
|
||||
.text(window.trans('global-previous')).appendTo($paging);
|
||||
$('<button class="button-next" aria-controls="modal"></button>')
|
||||
.text(window.trans('global-next')).appendTo($paging);
|
||||
|
||||
$paging.on('click', 'button', function() {
|
||||
modal_paging($(this).hasClass('button-prev') ? -1 : 1);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.category-nav a').on('click', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
// get the current blurb
|
||||
var $current = $('.info-content:visible');
|
||||
|
||||
var $this = $(this);
|
||||
var target = $(this).attr('href').replace( /.*?(#.*)/g, "$1" );// Extract the target element's ID from the link's href.
|
||||
|
||||
// Hide all blurbs to reset
|
||||
$current.fadeOut('fast', function(){
|
||||
// Show the target blurb
|
||||
$(target).fadeIn();
|
||||
});
|
||||
|
||||
// Reset the nav
|
||||
$('.category-nav a').removeClass('current');
|
||||
// Highlight the new current blurb's icon
|
||||
$this.addClass('current');
|
||||
});
|
||||
|
||||
// Set up keyboard shortcuts for the modal
|
||||
$(document).on('keydown', '#modal', function(event) {
|
||||
var direction = 0;
|
||||
|
||||
switch (event.keyCode) {
|
||||
case 37: // Left arrow
|
||||
direction = ltr ? -1 : 1;
|
||||
break;
|
||||
case 38: // Up arrow
|
||||
direction = -1;
|
||||
break;
|
||||
case 39: // Right arrow
|
||||
direction = ltr ? 1 : -1;
|
||||
break;
|
||||
case 40: // Down arrow
|
||||
direction = 1;
|
||||
break;
|
||||
}
|
||||
|
||||
if (direction) {
|
||||
event.preventDefault();
|
||||
nav_modal(direction);
|
||||
}
|
||||
});
|
||||
*/
|
||||
|
||||
|
||||
})(window.jQuery);
|
||||
Загрузка…
Ссылка в новой задаче