Opened 10 months ago

Closed 3 weeks ago

#26838 closed enhancement (fixed)

Port the research portal content to Hugo

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

Description (last modified by irl)

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

Child Tickets

TicketTypeStatusOwnerSummary
#29557taskclosedtpaPlease create alias research@torproject.org
#29558taskclosedtpaPlease chown /srv/research.torproject.org/htdocs on staticiforme to torresearch group
#29799defectclosedemmapeelfix translations for the research portal

Change History (11)

comment:1 Changed 7 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 7 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 7 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 6 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 6 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 6 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/

comment:7 Changed 3 months ago by irl

Cc: chelseakomlo added
Description: modified (diff)
Summary: Port the research portal content to LektorPort the research portal content to Hugo

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.

comment:8 Changed 3 weeks ago by irl

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.

comment:9 Changed 3 weeks ago by 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?

comment:10 Changed 3 weeks ago by anarcat

@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.

comment:11 in reply to:  9 Changed 3 weeks ago by irl

Resolution: fixed
Status: acceptedclosed

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.

Note: See TracTickets for help on using tickets.