Foundation.mozilla.org: #DearInternet - Landing Page Planning

[sabrinang]

• [x] Stakeholder Kickoff with Audrey https://github.com/mozilla/foundation.mozilla.org/issues/5618
  
  
  
  • fill out brief and conduct interview
  
  
  • ask Audrey about legal review process (sharing story submissions)
  
  

---

• [x] Create project timeline https://github.com/mozilla/foundation.mozilla.org/issues/5619
  
  
  
  • Launch date: Thanksgiving Nov 26
  
  
  • work back to create schedule
  
  
  • time for brainstorm, design iterations, mobile considerations, QA
  
  
• [x] Scope technical requirements with Stakeholder/Front-End https://github.com/mozilla/foundation.mozilla.org/issues/5619
  
  
  
  • identify parts/content that should be editable in the CMS and QA process
  
  
• [x] Determine URL: https://foundation.mozilla.org/en/campaigns/dearinternet/

---

• [x] Benchmarks & Brainstorm (3) Directions https://github.com/mozilla/foundation.mozilla.org/issues/5621

  • explore range from blue sky to MVPs
  • include live sites, code examples to exemplify ideas to Mavis

• [x] FIle issue for wireframe https://github.com/mozilla/foundation.mozilla.org/issues/5650

• [x] File issue mockup (desktop/mobile) https://github.com/mozilla/foundation.mozilla.org/issues/5652

[sabrinang]

cc @mmmavis

[sabrinang]

@audreymofo Thanks for meeting and going over the design brief with us. As you mentioned the need for a MVP page for next weeks milestone, please review the wagtail page here: https://foundation.mozilla.org/en/campaigns/dearinternet/

[Audreymofo]

Thanks! I think this is looking good! A few questions, none of these are necessarily blockers though:

1. With the length bio I've given these people - it looks a bit strange in all-caps, is that changable?
2. Is there a way for me to hyperlink their names to their twitters?
3. Xavier's looks a bit strange being so long. I do anticipate responses of different lengths, proper "letters" down the line. What's the best way to deal with that? Perhaps just the first line is in megafont, and the rest is smaller?

[sabrinang]

Hey @Audreymofo , thanks for bringing these up! Designers and I discussed this a bit last week as well.

1. No it isn’t changeable for the quote block in wagtail. Styling wise quote attributions remain in small caps as it typically is used for name/role and not necessarily bio. I think the suggestions of using a text block in wagtail is the most flexible for various content instead so this could solve the small caps and hyperlink issue.
2. For quote block attribution currently no. There is a ticket requesting devs to add hyperlinks in quote block attributions but it's ever enough of a priority to get it done.
3. Yeah, I think best way of dealing with longer length and variable submissions is using another block more flexible than quote block. I’d experiment with the text block in wagtail.

Feel free to edit in wagtail in the meantime or I'll be able to continue iterating on it later this afternoon.

[sabrinang]

example: _Kristina's screenshot trying paragraph block_

[Audreymofo]

Thanks! I agree that is a good solution and looks better.

On Mon, Nov 16, 2020 at 7:31 PM sabrinang [e-mail] wrote:

example: Kristina's screenshot trying paragraph block [image: image(3)]
https://user-images.githubusercontent.com/2492510/99298744-07723100-27ff-11eb-88aa-b84b00a94808.png

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mozilla/foundation.mozilla.org/issues/5598#issuecomment-728276683,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AOPDQKBINEN4NQ6TLB4PML3SQF4Z3ANCNFSM4TNIX3YA
.

--
Audrey Hingle
[phone]

[kristinashu]

@natalieworth would you be able to update the quotes temporary page https://foundation.mozilla.org/en/campaigns/dearinternet/ with a different wagtail component so that links are possible?

[natalieworth]

Hey @Audreymofo Does this work better? https://foundation.mozilla.org/en/campaigns/dearinternet/

[Audreymofo]

Much better! Thanks! v

On Wed, Nov 18, 2020 at 8:10 PM Natalie Worth [e-mail]
wrote:

Hey @Audreymofo https://github.com/Audreymofo Does this work better?
https://foundation.mozilla.org/en/campaigns/dearinternet/

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mozilla/foundation.mozilla.org/issues/5598#issuecomment-729925028,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AOPDQKBZB3H3FSTUSUE4T3DSQQSZ7ANCNFSM4TNIX3YA
.

--
Audrey Hingle
[phone]

[kristinashu]

Since finalizing the comps https://github.com/mozilla/foundation.mozilla.org/issues/5652 is the only remaining ticket and dev has started, I'm going to go ahead and close this epic! Excellent planning, scoping, and designing Sabs!

[kristinashu]

Sorry, reopening this epic since it includes dev. cc @mmmavis

[mmmavis]

All done!