{% load static %}
{% load obfuscator %}

<!-- CSS file that will avoid the user to copy the content in obfuscated class -->
<link rel="stylesheet" href="{% static 'css/django_template_obfuscator.css' %}">

<!-- Place text to encode in between the {% obfuscate %} and {% endobfuscate %} template tags,
then embed it into an Html element with the "obfuscated" class, that will will be "deobfuscated"
using Javascript  -->

<p class="obfuscated">
  {% obfuscate %}
  Text difficult to scrape.
  {% endobfuscate %}
</p>

<p class="obfuscated">
  {% obfuscate %}
  This text as well.
  {% endobfuscate %}
</p>

<!-- JS in charge of deobfuscation, making the content understandable to the web's user -->
<script src="{% static 'js/django_template_obfuscator.js' %}"></script>