website Files · www/conservancy/templates/news/pressrelease_detail.html

Files @ 26ff31bb7878

Branch filter:

Location: website/www/conservancy/templates/news/pressrelease_detail.html

26ff31bb7878 748 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_news.html" %}

{% block head %}
{% include "opengraph_partial.html" with url=object.get_absolute_url title=object.headline description=object.get_description %}
{% include "opengraph_urllist_partial.html" with property='image' urls=object.get_one_image_url fallback='/img/conservancy-logo.png' %}
{% include "opengraph_urllist_partial.html" with property='video' urls=object.get_one_video_url %}
{% endblock %}

{% block subtitle %}{{ object.headline|striptags|safe }} - {% endblock %}

{% block content %}

<div id="mainContent">
  <div class="breadcrumbs">
    <p><a href="/">Home</a> / <a href="/news/">News</a></p>
  </div>
{% include "news/pressrelease_partial.html" with pressr=object htag="h2" only %}
</div>
{% endblock %}