Add about and legal notices pages

SADiLaR · Jul 26, 2024 · 4ddc132 · 4ddc132
1 parent 607aa16
commit 4ddc132
Show file tree

Hide file tree

Showing 6 changed files with 159 additions and 4 deletions.
diff --git a/app/app/urls.py b/app/app/urls.py
@@ -31,6 +31,8 @@
     path("admin/", admin.site.urls),
     path("_health/", views.health, name="health"),
     path("", views.home, name="home"),
+    path("contact/", views.contact, name="contact"),
+    path("legal_notices/", views.legal_notices, name="legal_notices"),
     path("institutions/", views.institutions, name="institutions"),
     path("documents/", views.documents, name="documents"),
     path("projects/", views.projects, name="projects"),

diff --git a/app/app/views.py b/app/app/views.py
@@ -23,6 +23,20 @@ def home(request):
     return render(request, template_name=template, context=context)
 
 
+def contact(request):
+    template = "app/contact.html"
+    context = {"current_page": "contact"}
+
+    return render(request, template_name=template, context=context)
+
+
+def legal_notices(request):
+    template = "app/legal_notices.html"
+    context = {"current_page": "legal_notices"}
+
+    return render(request, template_name=template, context=context)
+
+
 def get_date_range(project):
     start_date = project.start_date
     end_date = project.end_date

diff --git a/app/static/css/styles.css b/app/static/css/styles.css
@@ -13,13 +13,17 @@
 /*General*/
 body {
     padding: 0;
-    margin-bottom: 60px;
+    margin: 0;
 }
 
 html {
     position: relative;
     min-height: 100%;
-    padding-bottom: 60px;
+}
+
+.content {
+    overflow: hidden;
+    padding-bottom: 130px;
 }
 
 .footer {
@@ -449,6 +453,9 @@ html {
     .gap-2 > * {
         margin-right: 0;
     }
+    .content {
+        padding-bottom: 200px;
+    }
 }
 
 /*small devices (tablets, 600px and up) */
@@ -489,6 +496,9 @@ html {
     .gap-2 > * {
         margin-right: 0;
     }
+    .content {
+        padding-bottom: 200px;
+    }
 }
 
 /*Medium screens (tablets, between 768px and 1001px)*/

diff --git a/app/templates/app/contact.html b/app/templates/app/contact.html
@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+{% load static %}
+{% load i18n %}
+
+{% block content %}
+
+<div class="body">
+    <div class="section mt-3 mb-3">
+        <div class="card content-card">
+            <div class="card-body">
+                <h3 class="card-title">{% trans "Contact us" %}</h3>
+                    <div class="row">
+                      <div class="col-md-4 contact-info">
+                          <h6>Contact details for more information:</h6>
+                          <p>Juan Steyn<br>
+                          South African Centre for Digital Language Resources (SADiLaR)<br>
+                          North-West University<br>
+                          South Africa</p>
+                          <p>+27 18 285 2750</p>
+                          <p><a href="mailto:[email protected]">[email protected]</a></p>
+                      </div>
+
+                      <div class="col-md-4 contact-info">
+                          <h6>Physical address:</h6>
+                          <address>
+                              Buildings F16 C & F16 D<br>
+                              North-West University<br>
+                              Potchefstroom Campus<br>
+                              Potchefstroom<br>
+                              South Africa
+                          </address>
+                          <p>
+                            <a href="https://www.google.com/maps/place/26%C2%B041'13.8%22S+27%C2%B005'41.4%22E/@-26.687157,27.094845,17z/data=!3m1!4b1!4m4!3m3!8m2!3d-26.687157!4d27.094845?entry=ttu">Directions</a>
+                          </p>
+                      </div>
+
+                      <div class="col-md-4 contact-info">
+                          <h6>Postal address:</h6>
+                          <address>
+                              SADiLaR<br>
+                              Internal Box 340<br>
+                              Private bag X6001<br>
+                              Potchefstroom<br>
+                              South Africa<br>
+                              2520
+                          </address>
+                      </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock content %}
diff --git a/app/templates/app/legal_notices.html b/app/templates/app/legal_notices.html
@@ -0,0 +1,71 @@
+{% extends "base.html" %}
+{% load static %}
+{% load i18n %}
+
+{% block content %}
+
+<div class="body">
+    <div class="section mt-3 mb-3">
+        <div class="card content-card">
+            <div class="card-body">
+                <h3 class="card-title">{% trans "Terms of use" %}</h3>
+                <p class="card-text">
+                  <a href="https://sadilar.org/en/terms-of-use/">{% trans "The terms of use statement for the SADiLaR website and services" %}</a>
+                </p>
+                <br>
+                <h3 class="card-title">{% trans "Copyright" %}</h3>
+                <p class="card-text">
+                    {% blocktrans %}Intellectual property rights concerning the materials shared via this website and the website
+                    as such belong to the original creator or to SADiLaR. Where exceptions apply, the license
+                    agreement governing a particular resource will be explicitly listed.
+                    Content included in the website is shared under the Creative Commons License Attribution
+                    2.0, unless indicated otherwise for specific materials. This license agreement does not allow
+                    the inclusion of any elements contained in the website (such as images, logos, videos and
+                    other resources) in a frame-set or an in-line link to another web page without giving due
+                    credit to the origin of the material.{% endblocktrans %}
+                </p>
+                <h6 class="card-title">{% trans "Disclaimer" %}</h6>
+                <p class="card-text">
+                    {% blocktrans %}SADiLaR and its partners make a conscious effort to obtain copyright clearance for any
+                    materials shared on or used in creation of the website before publication. Should you notice
+                    any potential infringement on your own or anyone else’s intellectual property rights, we ask
+                    that you inform us directly so that we may remove the material and/or clear any outstanding
+                    copyright matters with the rightful owner immediately.{% endblocktrans %}
+                </p>
+                <br>
+                <h3 class="card-title">{% trans "Privacy Policy and Privacy Statement" %}</h3>
+                <p class="card-text">
+                    {% blocktrans %}Please find the privacy policy and privacy statement for the SADiLaR website and services
+                    here.{% endblocktrans %}
+                </p>
+                <h6 class="card-title">{% trans "Protection of Personal Information" %}</h6>
+                <p class="card-text">
+                    {% blocktrans %}The purpose of the South African Protection of Personal Information Act 4 of 2013 (POPIA)
+                    is to ensure responsible handling of an individual’s personal information and to hold all South
+                    African institutions accountable should they not safeguard the collection, storing or sharing
+                    of such information against possible abuse in any way. SADiLaR is strongly committed to
+                    protecting personal information/data and strives to adhere to the {% endblocktrans %}<a href="https://www.nwu.ac.za/POPIA_Policy_NWU">{% trans "guidelines" %}</a>
+                    {% blocktrans %} as set out by the host institution for the Centre, the North-West University.{% endblocktrans %}
+                </p>
+                <h6 class="card-title">{% trans "Use of cookies" %}</h6>
+                <p class="card-text">
+                    {% blocktrans %}Cookies are data saved on the device with which you access this website to customise your
+                    experience or provide essential functions of the website such as enabling you to log in to
+                    secure areas, e.g. the Repository. You can learn more about the different types of cookies
+                    and how to disable non-essential cookies {% endblocktrans %}<a href="https://www.nwu.ac.za/POPIA_Policy_NWU">{% trans "here." %}</a>
+                </p>
+                <p class="card-text">
+                    {% blocktrans %}By using the SADiLaR website, you consent to our use of cookies and storage thereof on
+                    your device. Should you not accept our use of cookies (or your browser is set to block all
+                    cookies), your ability to access all functions on this website might be impaired.{% endblocktrans %}
+                </p>
+                <h6 class="card-title">{% trans "User support" %}</h6>
+                <p class="card-text">
+                    {% blocktrans %}Any questions concerning the website or services offered via the website can be addressed
+                    to SADiLaR via email to {% endblocktrans %}<a href="mailto:[email protected]">[email protected]</a>
+                </p>
+            </div>
+        </div>
+    </div>
+
+{% endblock content %}
diff --git a/app/templates/base.html b/app/templates/base.html
@@ -79,7 +79,7 @@
 {% endblock app_header %}
 <!--end of header-->
 
-<div id="content">
+<div class="content">
     {% block content %}
 
     {% endblock content %}
@@ -89,8 +89,13 @@
 <footer class="footer text-white p-3">
     <div class="footer-class">
         <div class="text-center footer-text">
-            Developed by <a class="text-white" href="https://sadilar.org">SADiLaR</a>
+            <p>{% trans "Developed by" %} <a class="text-white" href="https://sadilar.org">SADiLaR</a></p>
+            <div class="row">
+              <a class="text-white" href="{% url 'legal_notices' %}">{% trans "Legal Notices" %}</a>
+              <a class="text-white" href="{% url 'contact' %}">{% trans "Contact Us" %}</a>
+            </div>
         </div>
+
         <div class="language-toggle">
             <form action="{% url 'set_language' %}" method="post">
                 {% csrf_token %}