Tails

#1 Updated by sajolida 2020-04-17 00:53:37

• Status changed from Confirmed to Needs Validation
• Assignee changed from sajolida to moire

I pushed a commit that does this on the production website: dcdc56b611.

moire or intrigeri: Please have a look!

https://tails.boum.org/about/staging/home/

Once we have an agreement on the Donate button, I’ll prepare a branch to release the topbar, independently from the new Home and About.

#3 Updated by moire 2020-04-19 11:15:15

• File search-donate-style-20200419.cleaned.png added
• Assignee changed from moire to sajolida

Cool! Maybe the Search and Donate buttons are a bit too large?

See an attempt at modifying the page in the screenshot attached.

I support the idea of having an icon. I put ❤ but the current “receiving hand” would probably work too.

Reduced the size of the “search-and-donate” div and pushed it down the edge of the purple banner.

form#searchform, .donate a {
width: 130px;

#search-and-donate {
[…]
margin: 35px 15px 15px 0;
height: 70px;

Also, if relevant, regarding the searchbox:

“text-align:center” “Search” instead of “search” in the searchbox:

and

input#searchbox {
[…]
text-align: center;

#4 Updated by sajolida 2020-04-21 18:53:25

• Assignee changed from sajolida to moire

Thanks for the quick review and all the proposals :) I pushed 0b3a2ae388..a40105fa2d.
a40105fa2d.

• In a40105fa2d I’m using a CSS flexbox to space Search and Donate evenly.
• We can’t reduce the width further because of translations. For example, Portuguese is pretty wide and I used it as my base test case.
• I didn’t try the donating hand because I’m afraid I won’t be accessible at such a small size.
• I didn’t think I could capitalize “search” because it comes straight from ikiwiki but in the end I could :)

@moire: Could you have a last look?

#5 Updated by moire 2020-04-22 15:50:29

• Assignee changed from moire to sajolida

So many details I’m oblivious of!
Great that you could Capitalize Search in the end.
Looks good to me.

#6 Updated by sajolida 2020-04-22 21:55:40

• Status changed from Needs Validation to Resolved
• Assignee deleted (sajolida)

So we have a design. Yay!