website-v2/templates/news/detail.html

{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block content %}
  <!-- Breadcrumb used on filtered views -->
  <div class="p-3 md:p-0">
    <a class="text-orange" href="{% url "news" %}">News</a> > {{ entry.title }}
  </div>

  <!-- end breadcrumb -->
  <div class="py-0 px-3 mb-3 md:py-6 md:px-0">
    <div class="py-16 md:mx-auto md:w-3/4">
      <h1 class="text-4xl">{{ entry.title }}</h1>

      <p class="mt-0 text-sm font-light">{{ entry.publish_at|date:"M jS, Y" }}</p>

      <p>{{ entry.description|linebreaks }}</p>

    </div>

    <div class="flex py-8 my-5 space-x-4 border-t border-b md:mx-auto md:w-3/4 border-slate">
      <span class="inline-block">Share:</span>
      <img class="inline-block" src="{% static 'img/icons/icon_Facebook-logo.svg' %}" alt="Facebook" />
      <img class="inline-block" src="{% static 'img/icons/icon_Twitter-logo.svg' %}" alt="Twitter" />
      <img class="inline-block" src="{% static 'img/icons/icon_Linkedin-logo.svg' %}" alt="Linkedin" />
      <img class="inline-block" src="{% static 'img/icons/icon_email.svg' %}" alt="Email" />
    </div>

    {% if next or prev %}
    <div class="block flex my-16 md:mx-auto md:w-3/4">
      {% if next %}
      <div class="w-1/2 text-left">
        <a href="{{ next.get_absolute_url }}" class="py-2 px-4 text-sm font-medium uppercase rounded-md border border-slate text-orange">< Newer Entries</a>
      </div>
      {% endif  %}
      {% if prev %}
      <div class="w-1/2 text-right">
        <a href="{{ prev.get_absolute_url }}" class="py-2 px-4 text-sm font-medium uppercase rounded-md border border-slate text-orange">Older Entries ></a>
      </div>
      {% endif %}
    </div>
    {% endif %}

  </div>
{% endblock %}