[tor-bugs] #26838 [Webpages/Website]: Port the research portal content to Lektor

[Tor Bug Tracker & Wiki]

#26838: Port the research portal content to Lektor
------------------------------+--------------------------
 Reporter:  irl               |          Owner:  irl
     Type:  enhancement       |         Status:  accepted
 Priority:  Medium            |      Milestone:
Component:  Webpages/Website  |        Version:
 Severity:  Normal            |     Resolution:
 Keywords:  research,ux-team  |  Actual Points:
Parent ID:  #26836            |         Points:
 Reviewer:                    |        Sponsor:
------------------------------+--------------------------

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

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/26838#comment:3>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online