Update templates & fix carousel bugs

Templates now have date of 2019 BBC Young Reporter day on them;
Carousel bug whereby if a dot was clicked & then the used scrolled away, 
the dot would turn black;
Dots now appear in the correct position on all screen sizes (they were 
too low on mobile).

_includes/article-carousel.html

@@ -4,13 +4,15 @@
         {% if article.url != page.url %}
         {% assign authors = article.authors | split: ", " %}
         {% for author in authors %}
-            {% if article.date | date: "%Y" == page.date | date: "%Y" %}
+            {% assign article_date = article.date | date: "%Y" %}
+            {% assign current_article_date = page.date | date: "%Y" %}
+            {% if article_date == current_article_date %}
             {% assign current_authors = page.authors | split: ", " %}
             {% for current_author in current_authors %}
                 {% if author == current_author %}
                     {% if article_list_displayed == false %}
                     <h2 class="mdc-typography--headline5">
-                        {% if current_authors.first %}
+                        {% if current_authors.size > 1 %}
                         Other Articles By These Authors
                         {% else %}
                         Other Articles By This Author

_posts/_template/2019-03-06-image-article-name.md

@@ -1,6 +1,6 @@
 ---
 title: Title
-date: 2019-01-01 7:01
+date: 2019-03-06 7:01
 authors: Name
 image-caption: A caption for the cover image
 layout: image-article

_posts/_template/2019-03-06-video-article-name.md

@@ -1,6 +1,6 @@
 ---
 title: Title
-date: 2019-01-01 7:01
+date: 2019-03-06 7:01
 authors: Name
 video-caption: A caption for the video
 video-id:

_site/css/article-page.css

@@ -55,12 +55,14 @@ iframe {
 
 .slick-dots li button:before {
     font-size: 30px;
+    opacity: 1;
+    color: #ababab;
 }
 
 .slick-dots li.slick-active button::before {
     font-size: 40px;
+    opacity: 1;
     color: var(--mdc-theme-primary);
-    top: 0.5px;
 }
 
 

css/article-page.css

@@ -55,12 +55,14 @@ iframe {
 
 .slick-dots li button:before {
     font-size: 30px;
+    opacity: 1;
+    color: #ababab;
 }
 
 .slick-dots li.slick-active button::before {
     font-size: 40px;
+    opacity: 1;
     color: var(--mdc-theme-primary);
-    top: 0.5px;
 }