Coder Social home page Coder Social logo

activate.mozilla.community's Introduction

This content now lives at https://community.mozilla.org/.

Activity Campaign site

How to add or update content

To update content, please change the respective file and make sure you use <Localized> with an id atrribute that is not yet used. Then add a line to the public/locales/en-US/activate.ftl file with the key and your new content. Please use a Localized element per HTML tag you are adding. It's best to have a quick look at existing content to make sure you understand the logic. It's not needed to add the new strings to any other language, this will be done through Pontoon.

Example:

in your content:

<Localized id="some-key">
  <p>This is my paragraph</p> <!-- this text here will only be used if the translation file can't be fetched -->
</Localized>

in public/locales/en-US/activate.ftl:

some-key = This is my paragraph that can be localized

will result in:

<p>This is my paragraph that can be localized</p>

Warning: if you change a string in the public/locales/en-US/activate.ftl file and want to make sure that it will be shown as "needs re-translation" in Pontoon, please change the id of the <Localized> element to new key and use that key for your updated sentence. Fixing typos in the en-US strings does not require a new key as it doesn't need to re-trigger a translation. If this is not done, the new string will not show up as "untranslated" in Pontoon and localizers won't know that it has changed.

Example:

existing content:

<Localized id="existing-content">
  <p>Existing content</p>
</Localized>

should be changed to

<Localized id="new-key">
  <p>Completely new text</p>
</Localized>

and then in public/locales/en-US/activate.ftl remove the existing-content key if it's not used anywhere else and add your new key:

new-key = This is my completely new text that needs re-translation

Submit a new localization

To submit a new localization:

  1. Check on Pontoon if the language is already being translated
  2. If not, open an issue in this repository to add the new language to Pontoon
  3. Somebody with access will add the new language to Pontoon to be translated
  4. File an issue in this repository to have us enable the language on the production website - this can either be when you're done or earlier, if you for example only want to translate the front page and a certain activity

Hack the site

First you need to install the dependencies. Make sure you have node/npm installed first.

$ npm install

Run the site using

$ npm start

You will be able to access the site at http://127.0.0.1:3000/

Building the site for production

To build the site like it is in production, you can run the following npm script:

$ npm run build

How deployment works

This website is hosted on GitHub Pages. There are automated builds and deployments by Travis CI:

  • whenever there is a push to the master branch
  • every 24 hours

To make sure there are not too many concurrent builds, Travis CI is set to:

  • cancel builds if it deems necessary
  • no parallel builds to make sure we keep order

Once the Travis job is done, you will see the changes live at https://activate.mozilla.community/. Please note that currently the github.io link would not work as there are static / dependent links.

activate.mozilla.community's People

Contributors

21lidya avatar alexlakatos avatar andy-moz avatar avelper avatar brianking avatar bychekru avatar caitmuenster avatar cognition9144 avatar comzeradd avatar deimidis avatar dwb17 avatar fjoerfoks avatar iropal avatar jimsp472000 avatar karm46 avatar kelimuttu avatar kitsunenosarat avatar marceloghelman avatar markh-bz avatar mcdutchie avatar michaelkohler avatar petercpg avatar skade avatar sn-o-w avatar taqbaylitassa avatar theochevalier avatar ujdhesa avatar unghost avatar wannaphong avatar zirisut avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

activate.mozilla.community's Issues

Breadcumbs for subpages

Since we are going with Front page > Initiative page > Activity page we need a way to navigate, specially from Activity page back to Initiative page.

Add Guidelines for Budget and Swag

  1. no swag being shipped except big events maybe (150+ attendees)
  2. local production with budget is okay as long as it fits guidelines
  3. swag only for events that have budget too

We could adapt and update https://wiki.mozilla.org/ReMo/SOPs/Swag_production and add

  1. the kind of swag we want to support local production for
  2. the guidelines on which activities we accept additional funds for swag production

In the end I guess this will be its own document (probably on activate.mozilla.org?) since it will be quite specific (nevertheless we should update the generic infos on the SOP).

India has an existing system for local swag we can use, and $2K leftover from a previous campaign.

[META] Gather Ideas How To Improve Site Content

How do we present information about both the campaign and the activities to promote higher understanding and engagement?

This issue is to gather ideas from people, and decide what ones to prioritise and act on.

Related issues:

  • #35: Idea to Showcase Impact in Activities
  • #43: Incentivization Techniques

Get Metrics Data From Reps Portal

We are created a dashboard to ensure we are hitting our targets for the campaign. See issue #47 for more details.

There are 3 things we are tracking on the portal:

  1. When someone makes an event they can choose the 'MozActivate' initiative.
    From this we would like:
    a. the absolute number of events (per week and total, reported weekly)
    b. the number of unique people doing these events (total, reported weekly) - this is our 'Mobilizers hosting activities' metric
    c. a total of the number of attendees at these events (per week and total, reported weekly) - this is our 'Unique people mobilized' metric.
  2. When reporting, you can choose MozActivate as the activity
    I'm not sure how useful this is, given the less than 100% reporting rate and the fact we can track via events opened.
  3. When reporting, you can choose which activity you ran (MozActivate - ...).
    From this we would like:
    a. the number of each activity (per week and total, reported weekly)
    I see 2 problem here:
    a. Reps not being 100% consistent in reporting
    b. some events mix activities, and Reps may not feel inclined to file a more than one report for one event

One issue we see already is misreporting and I'm not sure how to solve for that. We can socialize more, but it might make a weekly check and manual fixes before each weekly report to mitigate.

I'm open to other ideas to change things if needed to get this data.

Align Design with New Clubs Site

My understanding is that the new Clubs site is being built on the same technology as the Activate site. I think it would make sense for them to have a similar design.

Can we share CSS, image assets, and perhaps even code or markup?

Bring in @comzeradd for initial comments on feasibility.

cc @Lucyeoh and @bacharakis fyi.

Rust Swag Experiment

Experiment with creating some premium Rust swag for distribution to event organisers and/or at events.

  • Have initial conversation with Brian Anderson and @couci
  • Get estimates for local swag production
  • Create and agree on a distribution model
  • Track impact

Blog Post : Post Launch

Within 24 hrs of launch, I will write a blog post on my personal blog about the project, and we can also copy to about:community. This is part of a larger piece where the whole team will be blogging on what they are working on in the next couple of months.

Social Links are Broken

  1. Not all paramaters are passed ... related to how we are using &
  2. mozactivate hashtag is not being passed

Create 2nd Wave Comms Plan

Issue #11 was about the initial launch, now we need to create the 2nd wave comms plan to keep momentum going.

One big question is whether and how we target beyond Reps.

Idea to Showcase Impact in Activities

From @rosanardila ...

I wanted to share some insights from when we redesigned the SUMO get involved pages: https://support.mozilla.org/en-US/get-involved (go to each "way to get involved" to see how they look like).

If you look at them they have little text in the front and they are a bit "inspiring" and showcase the impact. This is of course pretty old, but I think that having a "landing" page for each activity that gives you a short summary, 3 first steps and the impact that could help people get oriented quicker. Then you can add all the details on subpages.

It would be interesting to see if a more simplified and "campaign" approach could help!

Resources Process for India

Let's add something to the FAQ about the budget and swag process for India.

It is basically what @umeshagarwal proposed in issue #21 (also copied below), with the following clarifications:

  • No-resource events are to be promoted first, and only exceptional events should get budget and swag.
  • Sign off on swag design needs to happen before any is produced. We should aim for some general activate branding, to future-proof ourselves for the arrival of new activities. Note we are doing a separate Rust swag experiment in issue #48.
  • All swag requests will be processed by the India review team. However, the requests must be filed in Bugzilla using the usual form
  • All budget requests will need final approval from staff, after review from the India team
  • Each event should have it's own separate Reps event page, budget request (if needed), and swag request (if needed).

Proposal by @umeshagarwal...

  1. Locally produced Swag for Events happening in India - Coordinated by Umesh and Our Logistic team which includes (Chandrakant and Prathmesh)
  2. Direct Fast tract budget which is less than 150 USD. Budget more that 150 USD will go through the usual process. -Coordinated by Umesh and Our Logistic team which includes (Chandrakant and Prathmesh)

Latest Notes:

We will start producing Swags from this week with priority on: -Empower developer communities( Dive Into Rust andWeb Compatibility Sprint) -Second week onwards we will follow the same process for the next topic: -Use and test experimental Firefox features and Maker Party

Swags we will be producing for each topic:
-Limited T-shirt, Round Stickers, Square Stickers, Lanyard, Buttons, Brochures.
-Separate Swag pack for seperate topics.
-We will use our own form and Keep @brianking as reviewer including us(Logistic Team).

Swag Pack:

10-50 Participant -> (One T-shirt for Organizer, 50 Round Stickers, 10 Buttons, 10 Brochures, 5 Lanyard).
50-100 Participant -> (Two T-shirt for Organizer, 100 Round Stickers, 20 Buttons, 20 Brochures, 10 Lanyard).
100-150 Participant -> (Three T-shirt for Organizer, 150 Round Stickers, 30 Buttons, 30 Brochures, 15 Lanyard).
150-300 Participant -> (Three T-shirt for Organizer, 250 Round Stickers, 50 Buttons, 50 Brochures, 20 Lanyard).

Courier/Packing&sending:
-We are partnering with a cheap vendor who will do the packing and take care of sending it though out India.

I already have 2000 USD which is okay for producing the swags for the whole campaign.
But for budget for events we will need funds allocated to us based on your priority of how much you want to allocate and how many events you are expecting through out the event.

Add-ons e10s Activity

In association with the add-ons and 110s team, build out the already in progress activity for launch with the next set.

Site Issues in Responsive Mode

I see at least 3 issues

  • Header navigation pushed the Mozilla link out of place. An ideal solution would be to have a hamburger menu
  • Text starting 'Are you interested in other areas...' sits at the side, instead of underneath
  • Blank section near the bottom

@comzeradd can you possibly help with this?

screen shot 2016-09-06 at 19 01 17
(first 2 issues illustrated)

screen shot 2016-09-06 at 19 01 29
(3rd issue illustrated)

Spanish (es) localization

Tracking issue for Spanish localization.

  • Front page
  • FAQ
  • Roadmap
  • Participation
  • Developer engagement
  • Experiments

Incentivization Techniques

Gather a set of tactics for incentivizing participation in the campaign, evaluate, and roll out a couple of initial steps.

First step: talk to @Lucyeoh about Campus Campaign tactics.

WebVR A-Frame Activity

In association with the A-Frame team, build out an activity for launch with the next set.

Roadmap following "now-next-later"

Job Story

When looking at the Activate roadmap
I want to understand which community campaigns are in the making
So I can plan my time
So I can discuss the next hot things in my community

User Story

Credit to @MichaelKohler for mentioning the story in #33 (comment)

As a volunteer
I want to see a clear roadmap on how things are expected to work out
in order to plan my time

Acceptance Criteria

  • URL: https://activate.mozilla.community/roadmap
  • Motivation: We move away from dates (because this does not allow for agility), while still providing a clear picture on what our functional commitments are.
  • Roadmap categories
    • Now (We are working on that)
    • Next (We plan to do that next; late Aug and Sept pieces go here)
    • Later (We currently think that this is where we are going)

UI Mock-Up

Now Next Later
Dive Into Rust (Rust and Servo) e10s Add-on Compatibility (Developer Engagement) Kittens on Mars
Web Compatibility Sprints (Developer Engagement) Copyright petition (Privacy and Policy) Translate the History of Mozilla into emoji
Test Pilot Install (Test Pilot) Maker Party (Privacy and Policy)

Further Reading

Implement Events Tracking System

In #8 we started work to adapt the Mozilla Clubs Events Reporter for Reps Events. Let's continue the work here...

Links

Questions

  • What site will this be linked from, can you please add a link?

Work left to do

  • Change color palette to match new Reps site
  • Change copy and wording to match new use-case
  • Remove the stats at the top of the page that relate to countries & people
    • Should we leave just the event count?
    • Will leave event count and people
  • Add a dropdown or some way to filter between the three main event types...
    • Rust Hack & Learn
    • Web Compatibility Sprint
    • Add ons..
  • Finish creating the Google Form
    • Make sure all the questions are there and worded correctly
    • Set required fields if necessary
    • Change color scheme of form to match new site
  • Figure out which repo this will be hosted in

cc @brianking @nukeador ...anything else?

Let's make sure we have a complete list of requirements in this issue. We can then estimate the work involved and time allowing, I can pitch in or at least point you all in the right direction.\

Images for activity pages

The area lead in pages have images, and I think the activity pages themselves could benefit from having small images too to compliment the text.

Create Metrics Tracking Dashboard

The metrics are listed in the activities, and the overall ones of the campaign in the FAQ. We need to ensure now that we are tracking correctly.

This issue is to:

  • Create the spreadsheet
  • Add in initial numbers
  • Equations! (with help from @couci)
  • Dashboard visuals v0.1 (with help from @couci)
  • Ensure we can track over time

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.