Create new question page (following style guide!)

[jywarren]

#1994 describes the new design style guide, and we now have new designs for the basic Note and Wiki pages. But the Questions page is still looking a bit old. We should make the questions page use the same template as the notes page, so it is similarly cleaned up. We may need to preserve the "related questions" on the sidebar. But otherwise let's get it looking nice and minimal again!

We'd love help with this!

[jywarren]

Please Note: We are preparing to participate in Google Code-in, and have reserved this issue for participants in GCI - but we'd love to have your help with another one! Please check out https://code.publiclab.org to see more

Problem

Here, we're trying to work on the full question page itself - like at this URL:

https://publiclab.org/questions/adam-griffith/08-27-2019/favorite-camera-for-balloon-kite-mapping

See how it differs (not a huge amount, but in some key ways) from the basic notes page:

https://publiclab.org/notes/warren/08-27-2019/bringing-public-lab-s-multispectral-image-processing-to-leaflet-maps

The changes are pretty small, actually, just the header, really:

[pydevsg]

Updated on GCI Dashboard

[SidharthBansal]

Published

[Uzay-G]

Hey @jywarren I was trying to look at how I could change the design and noticed that the question page sidebar is not placing itself next to the body of the question but instead it is placed after all the comments at the bottom of the page.

I don't have this problem on my local server so I used my devtools and noticed that this div of the application.html.erb file is somehow not a parent of the sidebar.

plots2/app/views/layouts/application.html.erb

Line 117 in 3bd5522

<div class="row">

I'm not sure if this is an actual problem because the stable version of publiclab and my local server work fine so it's just the publiclab.org website.

A potential cause for this would be that an </div> tag was added somewhere that is closing the <div class="row"> too early.

[jywarren]

Oof, those are the toughest type of HTML error to find. Can you confirm this is happening on all question pages, or is it possibly related to just that one page? Thanks!

[Uzay-G]

The error (at least for me) is present on about half of the questions of the publiclab site I am looking at and is not present at all locally. Example problem pages are:

• https://publiclab.org/questions/stevie/12-04-2019/what-are-the-health-impacts-of-the-aluf-plastics-plant-from-air-pollution
• https://publiclab.org/questions/stevie/12-16-2019/are-there-simple-tests-for-nitrates-in-well-water
  -https://publiclab.org/questions/francesco49/11-22-2019/driver-usb-camera-community-microscope
• https://publiclab.org/notes/warren/08-27-2019/bringing-public-lab-s-multispectral-image-processing-to-leaflet-maps
  This one seems fine: https://publiclab.org/questions/ThomasTaufan/11-26-2019/how-can-i-process-the-images-taken-from-modified-camera

[Uzay-G]

Should I create an issue?