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

Files @ 2ba369aa5c5a

Branch filter:

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

2ba369aa5c5a 790 B text/html Show Annotation Show as Raw Download as Raw

Bradley M. Kuhn

Supporter: js: fade out “Expand All” anchor when all sections expand

The expandable sections can be expanded either one-by-one, or with
the “Expand All” button. Add a counter for each expandable
section (which requires their div's to have 'id' attributes, lest
they be counted in the '__global' section of expandables).

The __global counter will work as advertised if you have no 'id'
attributes on any of your 'expandable-section'-classed div's, but if
you mix a __global without an id with ones that *do* have an id, it's
likely this particular code won't work for that.

Finally, add some documentation which is probably over-documenting
for someone who knows Javascript and jQuery well, but it took me a
while to figure out this code so I felt throwing some notes in there
might be helpful.

{% comment %}

Include this partial in a head section to include a series of URLs for a
given property, like og:image or og:video.

You must pass the following variables:

* property: A string with the name of the property, like 'image' or 'video'.
* urls: A sequence of URL strings.  Each should include at least an absolute
  path.  This partial will fill in a scheme and host if needed.

You may also pass:

* fallback: A URL string, following the same rules as in `urls`.  This URL
  will be used if `urls` is empty.

{% endcomment %}

{% load fill_url %}
{% for url in urls %}
<meta property="og:{{ property }}" content="{{ url|fill_url:host_url }}">
{% empty %}
{% if fallback %}
<meta property="og:{{ property }}" content="{{ fallback|fill_url:host_url }}">
{% endif %}
{% endfor %}