Port the research portal content to Hugo

This will allow easy update to conform to the styleguide and make it easier to edit the content.

added component::webpages/website owner::irl parent::26836 priority::medium research resolution::fixed severity::normal status::closed type::enhancement ux-team labels

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.

Trac:
Owner: N/A to irl
Cc: antonela to antonela, hiro, mikeperry
Status: new to accepted

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

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 :)

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.

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?

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/

This is not a large site, and it also does not require translation (as discussed with other research team members in Brussels, much of the world's academic community is presenting at conferences/in journals in English).

I found I was fighting with Lektor more than I was working on the content so I have instead ported the styleguide to Hugo (in an evening) and now have something that should be ready to deploy next week.

I have made this live at https://research-staging.torproject.org/ for now.

Deployment will require a single static binary to be available on the continuous deployment machine (for hugo) and no other dependencies.

Once this is done, we can move forward with curating these research ideas and adding the other content we discussed for the research portal.

Trac:
Summary: Port the research portal content to Lektor to Port the research portal content to Hugo
Description: This will allow easy update to conform to the styleguide and make it easier to edit the content, and provide translations if desired.

to

This will allow easy update to conform to the styleguide and make it easier to edit the content.
Cc: antonela, hiro, mikeperry to antonela, hiro, mikeperry, chelseakomlo

Comments from antonela were:

• make safety board page two-column like support.torproject.org
• col-md-6 for research group cards
• use pandoc for rendering bibliography/tech reports list

The first two can be done now, the last one is a bigger thing.

Ok, time to juggle the git branches.

master -> oldmaster staging -> master

Move the existing research website contents out of the way

Deploy new site to production

What could go wrong?

@irl had permission issues while deploying the site in production. i have done the following maneuver on the server (staticiforme):

cd /srv/research.torproject.org && mv htdocs htdocs-old && mkdir htdocs && chmod g+ws htdocs && chown :torresearch htdocs

After looking into the htdocs-old (11MB), I figured it could also be removed so that's done.

Replying to irl:

Ok, time to juggle the git branches.

master -> oldmaster staging -> master

Move the existing research website contents out of the way

Deploy new site to production

What could go wrong?

Excluding the permissions hiccup above, nothing went wrong.

Trac:
Status: accepted to closed
Resolution: N/A to fixed

closed

mentioned in issue #29557 (moved)

mentioned in issue #29558 (moved)

mentioned in issue #29799 (moved)

moved to tpo/web/trac#26838 (closed)