Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  closed
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:  fixed
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+
Changes (by antonela):

 * status:  needs_information => closed
 * resolution:   => fixed


Comment:

 blog.torproject.org

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+---
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  needs_information
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+---

Comment (by hiro):

 Thanks Linda!

 I do not have a design eye, so sometimes I need a bit of extra help to
 implement things that I miss :)

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+---
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  needs_information
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+---

Comment (by linda):

 Hiro:

 You're right-- the banner is an example of something that we wanted, and
 demonstrating a way that we can use that space. I was not suggesting that
 you should put those banners there. Sorry about the confusion.

 The intention was to remove the left column as a left column, but not
 necessarily the content from the left column. I think that it's okay to
 use the right column to display the top posts and recent updates from the
 Tor project.

 I am do prefer the original logo, but I assumed that this was changed with
 other people and was fine with the changes. Let's see what Isabela says.
 I'll ask antonela for the images that she used for the blog page, and for
 her to put the images in this ticket.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+---
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  needs_information
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+---
Changes (by hiro):

 * status:  reopened => needs_information


Comment:

 I thought the banner on the right was an example not something that should
 be added. I am happy to add it if that's the case. Is that what we want?

 This also reopen the question regarding the posts on the left. I was under
 the impression that we wanted to remove them and leave only the events.
 Are we not? Would we like to have most-reads posts?

 The Tor Project blog text was decided on a separate thread, again I'd be
 happy to remove it if that's what we want. Isabela could you clarify this?

 Linda can you clarify regarding the font size and the banner? The invision
 page has a sketch file, but I can't open it. Is there any way we could
 export it? Also if we want to change the tor blog logo could we get that
 in png on the invision assets page?

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  reopened
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+--
Changes (by cypherpunks):

 * status:  closed => reopened
 * resolution:  fixed =>


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  closed
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:  fixed
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+

Comment (by cypherpunks):

 Replying to [comment:11 hiro]:
 > This has now been implemented
 What about the "Internet was blocked today in #egypt. It can be your
 country. Help us protect your privacy and anonymity. DONATE NOW" banner in
 the right?

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  closed
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:  fixed
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+
Changes (by hiro):

 * status:  needs_review => closed
 * resolution:   => fixed


Comment:

 This has now been implemented

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  needs_review
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+--
Changes (by hiro):

 * status:  reopened => needs_review


Comment:

 Sorry. forgot about the footer.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  reopened
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+--
Changes (by cypherpunks):

 * status:  closed => reopened
 * resolution:  fixed =>


Comment:

 I don't think everything was fixed here, example: the bottom footer.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  closed
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:  fixed
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+
Changes (by hiro):

 * status:  needs_information => closed
 * resolution:   => fixed


Comment:

 This was fixed.

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+---
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  needs_information
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+---
Changes (by cypherpunks):

 * status:  new => needs_information


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+--

Comment (by hiro):

 Hi UX,

 What do I do with the blog post tags? Where shall I move them?

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID:  #22013 | Points:
 Reviewer: |Sponsor:
---+--
Changes (by hiro):

 * parent:   => #22013


--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID: | Points:
 Reviewer: |Sponsor:
---+--

Comment (by linda):

 Replying to [comment:3 cypherpunks]:
 > It definitely looks much better, great work!

 Thanks! :)

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID: | Points:
 Reviewer: |Sponsor:
---+--

Comment (by cypherpunks):

 It definitely looks much better, great work!

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID: | Points:
 Reviewer: |Sponsor:
---+--
Description changed by linda:

Old description:

> We've taken the time to redesign blog.torproject.org. We think the new
> design is easier to read, uses the space better, and looks more Tor!
>
> [[Image(tor-blogpage-before.png,300px)]] [[Image(tor-blogpage-
> comments.png,300px)]]
>
> Before: too much whitespace, confusing comments, too white.
>
> [[Image(tor-blogpage-after.png,300px)]]
>
> After: more space used for content, intuitive comments, tor colors.
>
> Since we're finished with the design, the next step is to incorporate all
> these changes and ship them. These include:
>
> * #22392: removing the left column
> * #22395: more intuitive comment threading
> * #22510: increasing brand presence
> * changes in font hierarchy, specifically h2 not being bold and in all
> caps.
> * changes in color and styling
> * including an onion icon next to tor people's comments (people who are
> registered on the blog) so that people can see which answers are more
> tor-official--see the attached image. Notice that the color of the onion
> depends on the color of the comment. For that, I suggest looking at:
> https://css-tricks.com/cascading-svg-fill-color/
>
> The assets for the new design can be found here:
> https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
> (look at the top navigation bar, and it has assets)

New description:

 We've taken the time to redesign blog.torproject.org. We think the new
 design is easier to read, uses the space better, and looks more Tor!

 [[Image(tor-blogpage-before.png,300px)]]

 [[Image(tor-blogpage-comments.png,300px)]]

 Before: too much whitespace, confusing comments, too white.

 [[Image(tor-blogpage-after.png,300px)]]

 After: more space used for content, intuitive comments, tor colors.

 Since we're finished with the design, the next step is to incorporate all
 these changes and ship them. These include:

 * #22392: removing the left column
 * #22395: more intuitive comment threading
 * #22510: increasing brand presence
 * changes in font hierarchy, specifically h2 not being bold and in all
 caps.
 * changes in color and styling
 * including an onion icon next to tor people's comments (people who are
 registered on the blog) so that people can see which answers are more tor-
 official--see the attached image. Notice that the color of the onion
 depends on the color of the comment. For that, I suggest looking at: https
 ://css-tricks.com/cascading-svg-fill-color/

 The assets for the new design can be found here:
 https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
 (look at the top navigation bar, and it has assets)

--

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

Re: [tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+--
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal | Resolution:
 Keywords:  ux-team|  Actual Points:
Parent ID: | Points:
 Reviewer: |Sponsor:
---+--
Description changed by linda:

Old description:

> We've taken the time to redesign blog.torproject.org. We think the new
> design is easier to read, uses the space better, and looks more Tor!
>
> Since we're finished with the design, the next step is to incorporate all
> these changes and ship them. These include:
>
> * #22392: removing the left column
> * #22395: more intuitive comment threading
> * #22510: increasing brand presence
> * changes in font hierarchy, specifically h2 not being bold and in all
> caps.
> * changes in color and styling
> * including an onion icon next to tor people's comments (people who are
> registered on the blog) so that people can see which answers are more
> tor-official--see the attached image. Notice that the color of the onion
> depends on the color of the comment. For that, I suggest looking at:
> https://css-tricks.com/cascading-svg-fill-color/
>
> The assets for the new design can be found here:
> https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
> (look at the top navigation bar, and it has assets)

New description:

 We've taken the time to redesign blog.torproject.org. We think the new
 design is easier to read, uses the space better, and looks more Tor!

 [[Image(tor-blogpage-before.png,300px)]] [[Image(tor-blogpage-
 comments.png,300px)]]

 Before: too much whitespace, confusing comments, too white.

 [[Image(tor-blogpage-after.png,300px)]]

 After: more space used for content, intuitive comments, tor colors.

 Since we're finished with the design, the next step is to incorporate all
 these changes and ship them. These include:

 * #22392: removing the left column
 * #22395: more intuitive comment threading
 * #22510: increasing brand presence
 * changes in font hierarchy, specifically h2 not being bold and in all
 caps.
 * changes in color and styling
 * including an onion icon next to tor people's comments (people who are
 registered on the blog) so that people can see which answers are more tor-
 official--see the attached image. Notice that the color of the onion
 depends on the color of the comment. For that, I suggest looking at: https
 ://css-tricks.com/cascading-svg-fill-color/

 The assets for the new design can be found here:
 https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
 (look at the top navigation bar, and it has assets)

--

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs

[tor-bugs] #22671 [Webpages/Blog]: Implement design changes to blog.torproject.org

[Tor Bug Tracker & Wiki]

#22671: Implement design changes to blog.torproject.org
---+-
 Reporter:  linda  |  Owner:  hiro
 Type:  defect | Status:  new
 Priority:  Medium |  Milestone:
Component:  Webpages/Blog  |Version:
 Severity:  Normal |   Keywords:  ux-team
Actual Points: |  Parent ID:
   Points: |   Reviewer:
  Sponsor: |
---+-
 We've taken the time to redesign blog.torproject.org. We think the new
 design is easier to read, uses the space better, and looks more Tor!

 Since we're finished with the design, the next step is to incorporate all
 these changes and ship them. These include:

 * #22392: removing the left column
 * #22395: more intuitive comment threading
 * #22510: increasing brand presence
 * changes in font hierarchy, specifically h2 not being bold and in all
 caps.
 * changes in color and styling
 * including an onion icon next to tor people's comments (people who are
 registered on the blog) so that people can see which answers are more tor-
 official--see the attached image. Notice that the color of the onion
 depends on the color of the comment. For that, I suggest looking at: https
 ://css-tricks.com/cascading-svg-fill-color/

 The assets for the new design can be found here:
 https://projects.invisionapp.com/d/main#/console/11254922/239848960/inspect
 (look at the top navigation bar, and it has assets)

--
Ticket URL: 
Tor Bug Tracker & Wiki 
The Tor Project: anonymity online
___
tor-bugs mailing list
tor-bugs@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-bugs