Digital-Humanities-Quarterly/dhq-journal

Reimplement the DHQ About page with show/hide headings

Opened this issue · 2 comments

juliaflanders commented

Make the lengthy About page more legible, using better headings and minimization, maybe along the lines of Kairos: https://kairos.technorhetoric.net/about.html. The DHQ People page already uses a similar technique.

joelsjlee commented

I have two things that I wanted to mention for the About Page, # 1 the show/hide headings, and # 2 some content edits.

# 1
As Julia has mentioned, this implementation exists on the DHQ People page, and here's how it would be implemented for the about file. For the <h2> headings, we would wrap those with the same types of divs as are on the about page. The only change I recommend is that the <a> tags here be inside an <h2> tag so that it matches the size of the headers. Although I don't have a good way of seeing how this looks. Here's an example where we take this part of the code:

<h2 id="dhq_data">Getting DHQ Data</h2>
        <p>The source data for DHQ is encoded in XML...</p>

and turn it into this:

<div>
    <div id="BioExpander16" style="DISPLAY: inline">
        <h2><a class="expandCollapse" title="View Bio" href="javascript:expandBio(16)">[+]</a></h2>
    </div>
    <h2 id="dhq_data">Getting DHQ Data</h2>
</div>
<div id="Bio1" style="DISPLAY: none">
    <p>The source data for DHQ is encoded in XML...</p>
</div>

and then subsequently do it for the rest of the items. We could do this for every <h2> header, or just the ones after Overview.

# 2
In addition to the code, I also just read through the about page and here are some suggestions.

  • In the Overview, Literary and Linguistic Computing should be changed to Digital Scholarship in the Humanities.
  • In the Overview, it might be good to specify what the "Preview area" is, which I think is the left hand side with the heading "Preview Issue". It wasn't immediately clear to me what that meant.
  • In the DHQ Statement on Black Lives Matter and Structural Racism, is 16.3 the special issue that is under way? If so, we can edit that and link it, or mention it.
  • Lastly, the About page links to an FAQ page and a Code of Ethics page. I wanted to just make note of the conversation we had about dropdowns in the navbar, and maybe this page, as well as the Submissions page could have hover dropdowns. DSH does this where only a couple of the navbar items have dropdowns, and the others don't. I'm not convinced we should implement this, but just wanted to bring it up again.

Depending on how we feel about these changes, I'm happy to submit a PR with some or all of the changes.

  • 👀1
juliaflanders commented

In case it's helpful: Ash also suggested a couple of other show/hide tools to consider:

  • 👍1