website Files · www/conservancy/templates/base_learn.html

Files @ 26ff31bb7878

Branch filter:

Location: website/www/conservancy/templates/base_learn.html

26ff31bb7878 723 B text/html Show Annotation Show as Raw Download as Raw

bsturmfels

progress bar: Drop JS, make mobile friendly, match design to new site.

The existing jQuery UI-based fundraising progress bar used a float layout,
making it hard to adapt for mobile use. Given that there is not interactivity,
I've dropped all the JS and switched to a flexbox layout. This works well
because the bar will stretch to fit the text rather than always maintaining its scale.

{% extends "base_conservancy.html" %}
{% block category %}Learn{% endblock %}
{% block outercontent %}
    <div id="container">
         <div id="sidebar" class="{% block submenuselection %}{% endblock %}">
            <h2>Learn</h2>
            {% include 'submenus/learn_partial.html' %}
            <h2>Resources for Journalists</h2>
            <ul>
            <li class="News"><a href="/news/">News</a></li>
            <li class="PressKit"><a href="/press/">Press Kit</a></li>
            <li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
            </ul>
   </div>
               <div id="mainContent">{% block content %}{% endblock %}
               </div>
</div>
{% endblock %}