Fix dynamic anchors

Author: sdelquin

apps/about/templates/about/faq_list.html

@@ -11,10 +11,10 @@ <h1 class="title">FAQ</h1>
 </div>
 
 {% for faq in faqs %}
-    <article class="faq" id="faq{{ faq.id }}">
+    <article class="anchor" id="{{ faq.question|slugify }}">
         <div class="message-header dyn-anchor-heading">
             {{ faq.question }}
-            <a class="dyn-anchor-link" href="#faq{{ faq.id }}"><i class="fas fa-link"></i></a>
+            <a class="dyn-anchor-link" href="#{{ faq.question|slugify }}"><i class="fas fa-link"></i></a>
         </div>
         <div class="faq-answer">
             <p>{{ faq.answer|linebreaksbr }}</p>