Opened 6 months ago

Last modified 2 months ago

#26838 accepted enhancement

Port the research portal content to Lektor

Reported by: irl Owned by: irl
Priority: Medium Milestone:
Component: Webpages/Website Version:
Severity: Normal Keywords: research, ux-team
Cc: antonela, hiro, mikeperry Actual Points:
Parent ID: #26836 Points:
Reviewer: Sponsor:

Description

This will allow easy update to conform to the styleguide and make it easier to edit the content, and provide translations if desired.

Child Tickets

Change History (6)

comment:1 Changed 3 months ago by irl

Cc: hiro mikeperry added
Owner: set to irl
Status: newaccepted

https://research-staging.torproject.org/

To start this is just a straight copy of the content from research.tpo into Lektor.

These two blog posts should be integrated/referenced as a priority once the content is complete:

https://blog.torproject.org/tors-open-research-topics-2018-edition
https://blog.torproject.org/how-do-effective-and-impactful-tor-research

Need to look at the best way to integrate Tech Reports using Lektor.

comment:2 Changed 3 months ago by antonela

hey, thanks irl for working on this!

Linking Mex notes related with this portal
https://trac.torproject.org/projects/tor/wiki/org/meetings/2018MexicoCity/Notes/Research

comment:3 Changed 3 months ago by antonela

UI Review

General:
css adjustments for sub navigation

  • .navbar-nav .nav-link {padding-right: 1.5rem; padding-left: 1.5rem;}
  • .navbar should have "border-light"
  • .research-nav-item {border:none;}

Safety Board: We could have a two columns layout, like support.tpo.org. You could keep the toggle always open.

Research Groups: I think this content will works better if we use cards!

Something like

<div class="col-md-6"><div class="card"><img class="card-img-top" src="/.png" alt="University College London"><div class="card-body"><h4 class="card-title">Information Security Research Group, University College London</h4><p class="card-text text-muted">The group comprised expertise across all filed of security, cryptography and privacy, including the study of anonymous communications, traffic analysis, censorship resistance, measurement studies, and privacy related cryptography. In related areas the group studies human factors and usability of privacy systems, genetic privacy, infrastructure privacy and abuse in online communities and media.</p></div><ul class="list-group list-group-flush"><li class="list-group-item"><mark>Location:</mark> London, UK </li><li class="list-group-item"><mark>Key People:</mark> Emiliano De Cristofaro, Steven Murdoch, George Danezis.</li><li class="list-group-item"><mark>Additional Links: </mark> <a href="#">Publications</a>.</li></ul></div></div>

Technical Reports: Could we have a border-light line between each <p>?

Looks great Iain! Thanks for working on this :)

comment:4 Changed 2 months ago by emmapeel

About localization, is there any plan? I could not find the repo, but I can add the file to transifex for translating.

I see there is a Romanian translation already, so I guess you don't need help with the lektor-i18n-plugin.

comment:5 in reply to:  4 ; Changed 2 months ago by irl

Replying to emmapeel:

I see there is a Romanian translation already, so I guess you don't need help with the lektor-i18n-plugin.

"translation" is perhaps an overstatement. Only the menu items are translated.

I'm hoping to pick this up again next week, either Wednesday or Thursday. There is not currently a repo as I am waiting for hiro to build the workflow for how we build and deploy these sites.

If I make the changes that antonela has suggested and put everything in a git repo, perhaps you can take a look to get it translatable?

comment:6 in reply to:  5 Changed 2 months ago by emmapeel

Replying to irl:

If I make the changes that antonela has suggested and put everything in a git repo, perhaps you can take a look to get it translatable?

sure thing!

maybe you can look at

https://gitweb.torproject.org/project/web/template.git/

Note: See TracTickets for help on using tickets.