<html>#2258: change ET website CSS to provide more contrast
<table style='border-spacing: 1ex 0pt; '>
<tr><td style='text-align:right'> Reporter:</td><td>Roland Haas</td></tr>
<tr><td style='text-align:right'>   Status:</td><td>new</td></tr>
<tr><td style='text-align:right'>Milestone:</td><td></td></tr>
<tr><td style='text-align:right'>  Version:</td><td></td></tr>
<tr><td style='text-align:right'>     Type:</td><td>enhancement</td></tr>
<tr><td style='text-align:right'> Priority:</td><td>minor</td></tr>
<tr><td style='text-align:right'>Component:</td><td>EinsteinToolkit website</td></tr>
</table>

<p>The current css does  the following:</p>
<ul>
<li>set the background to a light blue</li>
<li>set text colour to a darkish grey</li>
<li>hard-codes the font size of the main text to 14px</li>
<li>uses the Helvetica font which is very thin on a monitor</li>
<li>in changes the font size of the h1,…,h5 headings all the way down to h5 being xtra-small (which is neigh unreadable and seems inappropriate for a heading which I think should always be at least as large as the text it is a heading of)</li>
</ul>
<p>The branch rhaas/white undoes the colours and hard-coded font size (resets to the initial css values) so that the user’s preferences in the browser are used. It also tries for the “Lato” font first (same one as used on <a data-is-external-link="true" href="https://yt-project.org" rel="nofollow">https://yt-project.org</a>) which has a bit thicker lines. I have also updated boostrap to version 3.4.1 which is the newest 3.X version available right now. The results can be seen here: <a data-is-external-link="true" href="http://ekohaes8.ncsa.illinois.edu/~rhaas/einsteintoolkit/index.html" rel="nofollow">http://ekohaes8.ncsa.illinois.edu/~rhaas/einsteintoolkit/index.html</a> and I would try and apply this to the main website as well.</p>
<p>--<br/>
Ticket URL: <a href='https://bitbucket.org/einsteintoolkit/tickets/issues/2258/change-et-website-css-to-provide-more'>https://bitbucket.org/einsteintoolkit/tickets/issues/2258/change-et-website-css-to-provide-more</a></p>
</html>