linked announcement detail page to each announcment in index

announcements/templates/index.html

@@ -10,7 +10,7 @@
   <h2>Important Announcements:</h2>
   <ul>
     {% for announcement in announcements %}
-      <li>{{ announcement.announcement_title }} by {{ announcement.author.first_name }} {{ announcement.author.last_name }} dated {{ announcement.pub_date|date:'d/m/Y' }}</li>
+      <li><a href="/announcements/{{ announcement.id }}/details">{{ announcement.announcement_title }} by {{ announcement.author.first_name }} {{ announcement.author.last_name }} dated {{ announcement.pub_date|date:'d/m/Y' }}</a></li>
     {% endfor %}
   </ul>
 </body>