Revert "Merge pull request #2 from mgrove36/development"

This reverts commit 8b8da21593.

2018.md

@@ -1,5 +0,0 @@
----
-title: BBC Young Reporter
-description: News articles written by Reading School students in year 8
-layout: year
----

2019.md

@@ -1,5 +0,0 @@
----
-title: BBC Young Reporter
-description: News articles written by Reading School students in year 8
-layout: year
----

2020.md

@@ -1,5 +0,0 @@
----
-title: BBC Young Reporter
-description: News articles written by Reading School students in year 8
-layout: year
----

Gemfile.lock

@@ -25,12 +25,10 @@ GEM
     ethon (0.12.0)
       ffi (>= 1.3.0)
     eventmachine (1.2.7)
-    eventmachine (1.2.7-x64-mingw32)
     execjs (2.7.0)
     faraday (1.0.0)
       multipart-post (>= 1.2, < 3)
     ffi (1.12.2)
-    ffi (1.12.2-x64-mingw32)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
     github-pages (204)
@@ -208,8 +206,6 @@ GEM
     multipart-post (2.1.1)
     nokogiri (1.10.8)
       mini_portile2 (~> 2.4.0)
-    nokogiri (1.10.8-x64-mingw32)
-      mini_portile2 (~> 2.4.0)
     octokit (4.16.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
@@ -244,7 +240,6 @@ GEM
 
 PLATFORMS
   ruby
-  x64-mingw32
 
 DEPENDENCIES
   github-pages

_includes/article-carousel.html

@@ -0,0 +1,65 @@
+{% if site.categories.articles.size > 1 %}
+    {% assign article_list_displayed = false %}
+    {% for article in site.categories.articles %}
+        {% if article.url != page.url %}
+        {% assign authors = article.authors | split: ", " %}
+        {% for author in authors %}
+            {% 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 %}
+                {% assign break = false %}
+                {% if author == current_author %}
+                    {% if article_list_displayed == false %}
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        {% if current_authors.size > 1 %}
+                        Other Articles By These Authors
+                        {% else %}
+                        Other Articles By This Author
+                        {% endif %}
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    {% assign article_list_displayed = true %}
+                    {% endif %}
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 {{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }}"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">{{ article.title }}</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
+                                     | by {{ article.authors }}
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
+                                    background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
+                                }
+                            </style>
+                        </div>
+                    </div>
+                    {% assign break = true %}
+                    {% break %}
+                    {% endif %}
+            {% endfor %}
+            {% endif %}
+            {% if break == true %}
+            {% break %}
+            {% endif %}
+        {% endfor %}
+        {% endif %}
+    {% endfor %}
+    {% if article_list_displayed == true %}
+    <!-- close carousel -->
+    </div>
+    {% endif %}
+{% endif %}

_includes/article-page-head.html

@@ -1,3 +1,5 @@
+<link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
 <link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>

_includes/footer.html

@@ -1,6 +1,4 @@
-<div class="footer-container">
+<footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School {{ "now" | date: "%Y" }} | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G {{ "now" | date: "%Y" }} | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
-</div>

_includes/head.html

@@ -39,10 +39,8 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>

_includes/navbar.html

@@ -2,7 +2,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">

_includes/top-app-bar.html

@@ -2,7 +2,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">

_layouts/404.html

@@ -18,6 +18,7 @@
                 </div>
             </main>
             {% include footer.html %}
+            {% include top-scroll-button.html %}
         </div>
     </body>
     <style>

_layouts/article-list.html

@@ -1,8 +1,7 @@
 <!DOCTYPE html>
 <html>
     {% include head.html %}
-    <link href="/css/article-list.css" rel="stylesheet">
+    <link href="/css/mdc-card-list.css" rel="stylesheet">
-    <link href="/css/home.css" rel="stylesheet">
     <body>
         <!-- cookie notice is included automatically -->
         {% include cookie-notice.html %}
@@ -19,6 +18,7 @@
                 </div>
             </main>
             {% include footer.html %}
+            {% include top-scroll-button.html %}
         </div>
     </body>
 </html>

_layouts/image-article.html

@@ -14,19 +14,18 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');">
+                    <h2 class="mdc-typography--headline3">{{ page.title }}</h2>
-                        <h2 class="mdc-typography--headline3">{{ page.title }}</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">{{ page.image-caption }}</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="{{ page.date | date: '%Y-%m-%d' }}T{{ page.date | date: '%H:%M:%S' }}">{{ page.date | date: '%A %e %B %Y' }}</time>
                          | by {{ page.authors }}
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        {{ content }}
+                        <img src="/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg" style="width:100%;">
-                    </div>
+                        <figcaption class="mdc-typography--caption-text">{{ page.image-caption }}</figcaption>
-                    <div class="splitter"></div>
+                    </figure>
+                    {{ content }}
+
+                    {% include article-carousel.html %}
                 </div>
             </main>
             {% include footer.html %}

_layouts/video-article.html

@@ -24,6 +24,8 @@
                         <figcaption class="mdc-typography--caption-text">{{ page.video-caption }}</figcaption>
                     </figure>
                     {{ content }}
+
+                    {% include article-carousel.html %}
                 </div>
             </main>
             {% include footer.html %}

_layouts/year.html

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% include head.html %}
-    <link href="/css/article-list.css" rel="stylesheet">
-    <link href="/css/year.css" rel="stylesheet">
-    <body>
-        <!-- cookie notice is included automatically -->
-        {% include cookie-notice.html %}
-
-        <!-- content of navbar is included via jQuery -->
-        {% include navbar.html %}
-
-        <div class="mdc-drawer-app-content">
-            {% include top-app-bar.html %}
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    {% assign pageyear = page.url | relative_url | remove: '.html' | remove: '/' %}
-                    <div class="year-header parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/{{ pageyear }}.jpg');">
-                        <h1 class="mdc-typography--headline1">{{ pageyear }}</h1>
-                    </div>
-                    <div class="splitter"></div>
-                    <div class="article-section">
-                        <div class="articles">
-                            {% assign articles = site.categories.articles | sort: date | reverse %}
-                            {% for article in articles %}
-                            {% assign articleyear = article.date | date: "%Y" %}
-                            {% if pageyear == articleyear %}
-                                <div class="mdc-card" onclick="window.location='{{ article.url | relative_url }}';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">{{ article.title }}</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
-                                            | by {{ article.authors }}
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2">{{ article.description }}</div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            {% endif %}
-                            {% endfor %}
-                        </div>
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            {% include footer.html %}
-        </div>
-    </body>
-</html>

_posts/2018-03-06-test.md

@@ -1,22 +0,0 @@
----
-title: A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?
-date: 2018-03-06 13:38
-authors: Luke H
-image-caption: An anorexic girl | © Getty
-layout: image-article
-categories: articles
----
-
-On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.
-
-Autism, also known as Autism Spectrum Disorder, is a lifelong developmental disability that affects one person for every hundred in the UK.
-
-Anorexia, also known as Anorexia Nervosa, is an eating disorder that makes people try to keep their weight as low as possible. It can affect both men and women, but it is most common in mid-teen women.
-
-More research is required, but the South London and Maudsley NHS Trust’s Eating Disorder Service say almost 35% of its patients have autism.
-
-Will Mandy, a leading autism researcher, believes that high levels of stress and anxiety caused by not being diagnosed with autism in childhood and adolescence can contribute to severe mental health conditions.
-
-Mr Jackson, Learning Support Assistant/First Aider at Reading School, said “Anorexia has been linked to many other mental health disorders, and other mental health disorders have been linked to it. Autism Spectrum Disorder is known to make other mental health disorders more common. So yes, they are probably linked in a way”.
-
-Caroline Norton, from the South London and Maudsley NHS Trust’s Eating Disorder Service (and a former patient at the facility), recently stated that “our autistic patients can have one-to-one sessions”. This is to make the patients feel more comfortable and able to talk about any concerns about anorexia, without feeling like people will judge them for it.

_posts/2020-03-02-test1.md

@@ -1,10 +0,0 @@
----
-title: Title
-date: 2020-03-02 7:01
-authors: Name
-image-caption: A caption for the cover image
-layout: image-article
-categories: articles
----
-
-Content

_posts/2020-03-02-test2.md

@@ -1,10 +0,0 @@
----
-title: Title
-date: 2020-03-02 7:02
-authors: Name
-image-caption: A caption for the cover image
-layout: image-article
-categories: articles
----
-
-Content

_site/2018.html

@@ -1,334 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="BBC Young Reporter | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>BBC Young Reporter | Reading School</title>
-    <meta name="description" content="">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-list.css" rel="stylesheet">
-    <link href="/css/year.css" rel="stylesheet">
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    
-                    <div class="year-header parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/2018.jpg');">
-                        <h1 class="mdc-typography--headline1">2018</h1>
-                    </div>
-                    <div class="splitter"></div>
-                    <div class="article-section">
-                        <div class="articles">
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2018/03/06/test.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2018-03-06-test.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2018-03-06T13:38:00">Tuesday  6 March 2018</time>
-                                            | by Luke H
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2018/03/06/test.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                        </div>
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-        </div>
-    </body>
-</html>

_site/2019.html

@@ -1,504 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="BBC Young Reporter | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>BBC Young Reporter | Reading School</title>
-    <meta name="description" content="">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-list.css" rel="stylesheet">
-    <link href="/css/year.css" rel="stylesheet">
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    
-                    <div class="year-header parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/2019.jpg');">
-                        <h1 class="mdc-typography--headline1">2019</h1>
-                    </div>
-                    <div class="splitter"></div>
-                    <div class="article-section">
-                        <div class="articles">
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/young-reporter-team-ready-to-go.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-young-reporter-team-ready-to-go.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T09:36:00">Wednesday  6 March 2019</time>
-                                            | by Mr Baldock
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/young-reporter-team-ready-to-go.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/whats-next-for-reading-prison.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-whats-next-for-reading-prison.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">What's Next For Reading Prison?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T10:38:00">Wednesday  6 March 2019</time>
-                                            | by Tom S-R, Ben S-R
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/whats-next-for-reading-prison.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/what-is-in-the-patients-best-interest.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-what-is-in-the-patients-best-interest.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">What Is 'In The Patient's Best Interest’?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T11:46:00">Wednesday  6 March 2019</time>
-                                            | by Aadith C
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/what-is-in-the-patients-best-interest.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T12:19:00">Wednesday  6 March 2019</time>
-                                            | by Kamran S
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T12:32:00">Wednesday  6 March 2019</time>
-                                            | by Hal R-D
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-could-sky-high-aims-bring-reading-down.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Could Sky-High Aims Bring Reading Down?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T12:56:00">Wednesday  6 March 2019</time>
-                                            | by Ben P
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T13:38:00">Wednesday  6 March 2019</time>
-                                            | by Luke H
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Book Week - Real Life Issues Inspire Sarah Govett</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T14:14:00">Wednesday  6 March 2019</time>
-                                            | by Aadith C, Adit S, Adi V
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T14:38:00">Wednesday  6 March 2019</time>
-                                            | by Tom S-R, Ben S-R
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Are The Roads Around Your Home And School Safe?</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T14:46:00">Wednesday  6 March 2019</time>
-                                            | by Riley C, Oliver C
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2019/03/06/finished-product.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-finished-product.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">The Finished Product</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2019-03-06T15:52:00">Wednesday  6 March 2019</time>
-                                            | by Mr Baldock
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/finished-product.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                        </div>
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-        </div>
-    </body>
-</html>

_site/2020.html

@@ -1,368 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="BBC Young Reporter | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>BBC Young Reporter | Reading School</title>
-    <meta name="description" content="">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-list.css" rel="stylesheet">
-    <link href="/css/year.css" rel="stylesheet">
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    
-                    <div class="year-header parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/2020.jpg');">
-                        <h1 class="mdc-typography--headline1">2020</h1>
-                    </div>
-                    <div class="splitter"></div>
-                    <div class="article-section">
-                        <div class="articles">
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2020/03/01/test.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-01-test.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Test</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2020-03-01T07:01:00">Sunday  1 March 2020</time>
-                                            | by Matthew G
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/01/test.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2020/03/02/test1.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test1.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Title</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2020-03-02T07:01:00">Monday  2 March 2020</time>
-                                            | by Name
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test1.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                            
-                            
-                                <div class="mdc-card" onclick="window.location='/articles/2020/03/02/test2.html';">
-                                    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test2.jpg');"></div>
-                                    <div class="mdc-card-content">
-                                        <h2 class="mdc-typography--headline6">Title</h2>
-                                        <h3 class="mdc-typography--subtitle2">
-                                            <time class="timeago" datetime="2020-03-02T07:02:00">Monday  2 March 2020</time>
-                                            | by Name
-                                        </h3>
-                                    </div>
-                                    <div class="mdc-typography--body2"></div>
-                                    <div class="mdc-card__actions">
-                                        <div class="mdc-card__action-buttons">
-                                            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test2.html';">Read</button>
-                                        </div>
-                                    </div>
-                                </div>
-                            
-                            
-                        </div>
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-        </div>
-    </body>
-</html>

_site/404.html

@@ -41,12 +41,10 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
     <body>
@@ -62,7 +60,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -80,37 +78,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -120,6 +87,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -128,6 +96,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -136,6 +105,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -144,6 +114,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -152,6 +123,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -160,6 +132,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -168,6 +141,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -176,6 +150,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -184,6 +159,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -192,6 +168,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -200,20 +177,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -232,7 +195,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,12 +214,15 @@ Click <a href="/">here</a> to see the articles Reading School’s year 8 student
 
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
+            <a href="javascript:scrollUp()" class="top-scroll-button">
+    <img alt="Scroll to top" src="/images/up-arrow.png">
+</a>
+
         </div>
     </body>
     <style>

_site/README.md

@@ -1,2 +1,2 @@
-# BBC Young Reporter | Reading School
+# BBC School Report | Reading School
-This is Reading School's BBC Young Reporter website. If you have any problems with this website, please [email me at me@mgrove.uk](mailto:me@mgrove.uk), or [create an issue on GitHub](https://github.com/reading-school-code/bbc-school-report/issues/new).
+This is Reading School's BBC School Report website. If you have any problems with this website, please [email me at me@mgrove.uk](mailto:me@mgrove.uk), or [create an issue on GitHub](https://github.com/reading-school-code/bbc-school-report/issues/new).

_site/articles/2018/03/06/test.html

@@ -1,294 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It? | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It? | Reading School</title>
-    <meta name="description" content="<p>On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.</p>
-
-">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-page.css" rel="stylesheet">
-<script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
-
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2018-03-06-test.jpg');">
-                        <h2 class="mdc-typography--headline3">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">An anorexic girl | &copy; Getty</figcaption>
-
-                    <h3 class="mdc-typography--subtitle1">
-                        <time class="timeago" datetime="2018-03-06T13:38:00">Tuesday  6 March 2018</time>
-                         | by Luke H
-                    </h3>
-                    <div class="article-content">
-                        <p>On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.</p>
-
-<p>Autism, also known as Autism Spectrum Disorder, is a lifelong developmental disability that affects one person for every hundred in the UK.</p>
-
-<p>Anorexia, also known as Anorexia Nervosa, is an eating disorder that makes people try to keep their weight as low as possible. It can affect both men and women, but it is most common in mid-teen women.</p>
-
-<p>More research is required, but the South London and Maudsley NHS Trust’s Eating Disorder Service say almost 35% of its patients have autism.</p>
-
-<p>Will Mandy, a leading autism researcher, believes that high levels of stress and anxiety caused by not being diagnosed with autism in childhood and adolescence can contribute to severe mental health conditions.</p>
-
-<p>Mr Jackson, Learning Support Assistant/First Aider at Reading School, said “Anorexia has been linked to many other mental health disorders, and other mental health disorders have been linked to it. Autism Spectrum Disorder is known to make other mental health disorders more common. So yes, they are probably linked in a way”.</p>
-
-<p>Caroline Norton, from the South London and Maudsley NHS Trust’s Eating Disorder Service (and a former patient at the facility), recently stated that “our autistic patients can have one-to-one sessions”. This is to make the patients feel more comfortable and able to talk about any concerns about anorexia, without feeling like people will judge them for it.</p>
-
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <img alt="Scroll to top" src="/images/up-arrow.png">
-</a>
-
-        </div>
-    </body>
-</html>

_site/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg');">
+                    <h2 class="mdc-typography--headline3">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
-                        <h2 class="mdc-typography--headline3">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">An anorexic girl | &copy; Getty</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T13:38:00">Wednesday  6 March 2019</time>
                          | by Luke H
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p>On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.</p>
+                        <img src="/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">An anorexic girl | &copy; Getty</figcaption>
+                    </figure>
+                    <p>On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.</p>
 
 <p>Autism, also known as Autism Spectrum Disorder, is a lifelong developmental disability that affects one person for every hundred in the UK.</p>
 
@@ -275,16 +239,237 @@
 
 <p>Caroline Norton, from the South London and Maudsley NHS Trust’s Eating Disorder Service (and a former patient at the facility), recently stated that “our autistic patients can have one-to-one sessions”. This is to make the patients feel more comfortable and able to talk about any concerns about anorexia, without feeling like people will judge them for it.</p>
 
-                    </div>
+
-                    <div class="splitter"></div>
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg');">
+                    <h2 class="mdc-typography--headline3">Are The Roads Around Your Home And School Safe?</h2>
-                        <h2 class="mdc-typography--headline3">Are The Roads Around Your Home And School Safe?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">An example of a car parking on a double yellow line | &copy; Getty</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T14:46:00">Wednesday  6 March 2019</time>
                          | by Riley C, Oliver C
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><strong>The Royal Berkshire Hospital earlier this month released a study revealing that there has been a 45% increase in accidents involving children and vulnerable pedestrians walking in Reading between February 2018 to 2019. Now, many students may not feel safe when walking in Reading.</strong></p>
+                        <img src="/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">An example of a car parking on a double yellow line | &copy; Getty</figcaption>
+                    </figure>
+                    <p><strong>The Royal Berkshire Hospital earlier this month released a study revealing that there has been a 45% increase in accidents involving children and vulnerable pedestrians walking in Reading between February 2018 to 2019. Now, many students may not feel safe when walking in Reading.</strong></p>
 
 <p>Reading School’s BBC Young Reporters conducted their own poll of fifty students which reinforced this point and revealed that 76% worry how secure when commuting on foot to and from school.</p>
 
@@ -287,16 +251,268 @@
     <figcaption class="mdc-typography--caption-text">An example of cars blocking the path for disabled and elderly people | &copy; BBC</figcaption>
 </figure>
 
-                    </div>
+
-                    <div class="splitter"></div>
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett.jpg');">
+                    <h2 class="mdc-typography--headline3">Book Week - Real Life Issues Inspire Sarah Govett</h2>
-                        <h2 class="mdc-typography--headline3">Book Week - Real Life Issues Inspire Sarah Govett</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Sarah Govett visited Reading School as part of Book Week | &copy; Reading School</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T14:14:00">Wednesday  6 March 2019</time>
                          | by Aadith C, Adit S, Adi V
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><strong>Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.</strong></p>
+                        <img src="/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Sarah Govett visited Reading School as part of Book Week | &copy; Reading School</figcaption>
+                    </figure>
+                    <p><strong>Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.</strong></p>
 
 <p>Ms Govett, who studied law at Oxford University, said that her career as an author kick-started when she took maternity leave from her job running a law firm. She said, “I would write in my free time. When my daughter went to sleep, I would write. It just sort of took off from there.”</p>
 
@@ -282,16 +246,325 @@
 
 <p>Ms Govett also revealed she was working on a new dystopian novel. It is set around the idea of a world where antibiotics do not work. This comes at a time when many bacteria are becoming immune to certain antibiotics due to their use in scenarios when they are not needed as can be seen in the recently launched campaign by the NHS to stop the overuse of antibiotics: Keep Antibiotics Working.</p>
 
+
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By These Authors
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-what-is-in-the-patients-best-interest-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">What Is 'In The Patient's Best Interest’?</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T11:46:00">Wednesday  6 March 2019</time>
+                                     | by Aadith C
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/what-is-in-the-patients-best-interest.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-what-is-in-the-patients-best-interest-html {
+                                    background-image: url("/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-could-sky-high-aims-bring-reading-down.jpg');">
+                    <h2 class="mdc-typography--headline3">Could Sky-High Aims Bring Reading Down?</h2>
-                        <h2 class="mdc-typography--headline3">Could Sky-High Aims Bring Reading Down?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">One of the buildings in CNM Estates' Verto developments | &copy; Reading School</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T12:56:00">Wednesday  6 March 2019</time>
                          | by Ben P
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p>On February 6th, 2019, Berkeley Developments started to tear down the old Homebase and Toys R Us in Forbury Retail Park, Reading, to turn it into a housing estate. Homebase and Toys R Us are some of the many buildings being knocked down in the area to make way for new high-rise flats, but could reaching for the sky also have a negative effect that brings the people of Reading down?</p>
+                        <img src="/images/2019-03-06-could-sky-high-aims-bring-reading-down--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">One of the buildings in CNM Estates' Verto developments | &copy; Reading School</figcaption>
+                    </figure>
+                    <p>On February 6th, 2019, Berkeley Developments started to tear down the old Homebase and Toys R Us in Forbury Retail Park, Reading, to turn it into a housing estate. Homebase and Toys R Us are some of the many buildings being knocked down in the area to make way for new high-rise flats, but could reaching for the sky also have a negative effect that brings the people of Reading down?</p>
 
 <p>As of worldpopulationreview.com, since the year 2000, the population of Reading has increased by 43,253 people. The population of Reading continues to increase so more residencies are needed to give people the shelter and safety they need. The Government has a target to build 300,000 new homes nationally each year which must be met.</p>
 
@@ -287,16 +251,237 @@
 
 <p>So, Reading needs to plan carefully and take action to respond to all the needs of its growing population, to keep it an attractive place to live and work and make sure its success doesn’t become its downfall.</p>
 
-                    </div>
+
-                    <div class="splitter"></div>
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/finished-product.html

@@ -42,17 +42,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -67,7 +67,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -85,37 +85,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -125,6 +94,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -133,6 +103,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -141,6 +112,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -149,6 +121,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -157,6 +130,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -165,6 +139,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -173,6 +148,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -181,6 +157,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -189,6 +166,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -197,6 +175,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -205,20 +184,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -237,7 +202,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -250,28 +215,286 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-finished-product.jpg');">
+                    <h2 class="mdc-typography--headline3">The Finished Product</h2>
-                        <h2 class="mdc-typography--headline3">The Finished Product</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team at the end of the day</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T15:52:00">Wednesday  6 March 2019</time>
                          | by Mr Baldock
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        
+                        <img src="/images/2019-03-06-finished-product--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team at the end of the day</figcaption>
+                    </figure>
+                    
 
+
+                    
+    
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By This Author
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-young-reporter-team-ready-to-go-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T09:36:00">Wednesday  6 March 2019</time>
+                                     | by Mr Baldock
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/young-reporter-team-ready-to-go.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-young-reporter-team-ready-to-go-html {
+                                    background-image: url("/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg');">
+                    <h2 class="mdc-typography--headline3">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
-                        <h2 class="mdc-typography--headline3">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Rosa Parks - who topped the poll | &copy; BBC</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T14:38:00">Wednesday  6 March 2019</time>
                          | by Tom S-R, Ben S-R
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><strong>Tomorrow is International Women’s Day (7th March 2019) and we went around our school finding out who people in the school environment thought was the most inspirational woman ever. 90 students and staff took part in the survey which crowned Rosa Parks as the winner.</strong></p>
+                        <img src="/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Rosa Parks - who topped the poll | &copy; BBC</figcaption>
+                    </figure>
+                    <p><strong>Tomorrow is International Women’s Day (7th March 2019) and we went around our school finding out who people in the school environment thought was the most inspirational woman ever. 90 students and staff took part in the survey which crowned Rosa Parks as the winner.</strong></p>
 
 <p>Rosa Parks was an American civil rights activist in the mid-20th century, who became famous for refusing to give up her seat on a bus to a white person in December 1955. When Ben P, who voted for Rosa Parks, was asked why he voted this way, he said “She devoted her life to freeing people and giving rights to the people who need them most, which is quite a sacrifice.”</p>
 
@@ -280,16 +244,289 @@
     <figcaption class="mdc-typography--caption-text">The results from our student survey | &copy; Reading School</figcaption>
 </figure>
 
+
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By These Authors
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-whats-next-for-reading-prison-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">What's Next For Reading Prison?</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T10:38:00">Wednesday  6 March 2019</time>
+                                     | by Tom S-R, Ben S-R
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/whats-next-for-reading-prison.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-whats-next-for-reading-prison-html {
+                                    background-image: url("/images/2019-03-06-whats-next-for-reading-prison--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg');">
+                    <h2 class="mdc-typography--headline3">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h2>
-                        <h2 class="mdc-typography--headline3">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">A rainy winters day at Caversham lawn tennis club | &copy; Reading School</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T12:32:00">Wednesday  6 March 2019</time>
                          | by Hal R-D
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><em>A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.</em></p>
+                        <img src="/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">A rainy winters day at Caversham lawn tennis club | &copy; Reading School</figcaption>
+                    </figure>
+                    <p><em>A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.</em></p>
 
 <p><strong>Caversham Lawn Tennis Club, which celebrates its centenary in 2020, has voted to move venues following the rejection of their planning application for floodlights.</strong></p>
 
@@ -301,16 +265,237 @@ Others objected to the planning application by expressing fears of the damaging
 
 <p>The club is now preparing for the move which members hope will happen within the next few years.   The club will move when new facilities are built at proposed site of Caversham Heath golf club, but the tennis club is still looking for a buyer for the current location within the next few months.</p>
 
-                    </div>
+
-                    <div class="splitter"></div>
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison.jpg');">
+                    <h2 class="mdc-typography--headline3">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
-                        <h2 class="mdc-typography--headline3">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Fortnite - one of the world's biggest video games | &copy; Getty</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T12:19:00">Wednesday  6 March 2019</time>
                          | by Kamran S
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p>With Fortnite Season 8 unveiled last week, Tom Clancy’s Rainbow 6 Siege Year 4 beginning yesterday and two of the world’s most anticipated games, Red Dead Redemption 2 and Call of Duty: Black Ops 4, just released, there’s no better time for young people to be educated on how to stay safe while gaming. Xbox player and Rainbow 6 enthusiast Kamran S reports on the issues to do with bullying in video games.</p>
+                        <img src="/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Fortnite - one of the world's biggest video games | &copy; Getty</figcaption>
+                    </figure>
+                    <p>With Fortnite Season 8 unveiled last week, Tom Clancy’s Rainbow 6 Siege Year 4 beginning yesterday and two of the world’s most anticipated games, Red Dead Redemption 2 and Call of Duty: Black Ops 4, just released, there’s no better time for young people to be educated on how to stay safe while gaming. Xbox player and Rainbow 6 enthusiast Kamran S reports on the issues to do with bullying in video games.</p>
 
 <p>Three Reading School gamers were involved in a situation where one of them had been playing online with another player they didn’t know who sent him a pornographic image “as a joke”. When speaking about how he tackled the situation he said, “I didn’t want to lose the privilege of playing on the Playstation”, that was the reason he didn’t tell his parents. The other two students he told took it upon themselves to sort it out and tell their school what the victim couldn’t because he thought he would get in trouble. This proves that awareness needs to be raised as the victim didn’t know what to do, in fear that he would not be able to play on his PlayStation.</p>
 
@@ -303,16 +267,237 @@ Well of course the most effective and most common method experienced by Reading
 
 <p>The gamers I contacted said that there is a lack of awareness in the community on how to deal with these situations. Declan says: “awareness is not raised enough for young people to know what to do when they experience these situations.” Tom thinks that the un-educated should be told in PSHE lessons, or made aware of the problems: “This will encourage them to ask how they are able to address the problems themselves.” Reading School gamers, Xbox and Playstation alike, agreed that developers do try to raise awareness about in-game bullying but they do not do it enough.</p>
 
-                    </div>
+
-                    <div class="splitter"></div>
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/what-is-in-the-patients-best-interest.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-what-is-in-the-patients-best-interest.jpg');">
+                    <h2 class="mdc-typography--headline3">What Is 'In The Patient's Best Interest’?</h2>
-                        <h2 class="mdc-typography--headline3">What Is 'In The Patient's Best Interest’?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? | &copy; BBC</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T11:46:00">Wednesday  6 March 2019</time>
                          | by Aadith C
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><strong>The Royal College of Physicians (RCP) has announced they are polling their fellows and members on their stance on assisted dying. The poll opened on the 5th of February and it closed on the 1st of March. The RCP is yet to release the results. The debate has been reignited by a public push to look into what the patient’s ‘best interest’ is in many different scenarios.</strong></p>
+                        <img src="/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? | &copy; BBC</figcaption>
+                    </figure>
+                    <p><strong>The Royal College of Physicians (RCP) has announced they are polling their fellows and members on their stance on assisted dying. The poll opened on the 5th of February and it closed on the 1st of March. The RCP is yet to release the results. The debate has been reignited by a public push to look into what the patient’s ‘best interest’ is in many different scenarios.</strong></p>
 
 <p>The UK law currently allows medical decisions that are classified as in ‘the best interest’ of the patient. But what is it and how is it used in the NHS?</p>
 
@@ -314,16 +278,253 @@ It is standard protocol in the NHS that doctors must consult with the patient an
 
 <p>In their view, palliative care is a ‘wonderful resource’ but ‘cannot help in all situations’. They also suggest that discussions on how assisted dying can be ‘safely and comprehensively’ implemented into UK healthcare.</p>
 
+
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By This Author
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">Book Week - Real Life Issues Inspire Sarah Govett</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T14:14:00">Wednesday  6 March 2019</time>
+                                     | by Aadith C, Adit S, Adi V
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html {
+                                    background-image: url("/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/whats-next-for-reading-prison.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,17 +216,16 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-whats-next-for-reading-prison.jpg');">
+                    <h2 class="mdc-typography--headline3">What's Next For Reading Prison?</h2>
-                        <h2 class="mdc-typography--headline3">What's Next For Reading Prison?</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">A view of one of the prison buildings | &copy; BBC</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T10:38:00">Wednesday  6 March 2019</time>
                          | by Tom S-R, Ben S-R
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p><strong>After being shut 63 months ago, Reading Gaol has remained unused. Reading East MP Matt Rodda says, during this time, “The government has spent over one million pounds on just maintaining the site … whilst homelessness has increased in our borough [Reading East] by 700%.” Currently a feasibility study is being undertaken by Theatre and Arts Reading (TAR) and is nearing completion. Mrs Scott, the TAR Executive Secretary said TAR hopes “to have some sort of public announcement in March which will update everyone on what is happening.”</strong></p>
+                        <img src="/images/2019-03-06-whats-next-for-reading-prison--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">A view of one of the prison buildings | &copy; BBC</figcaption>
+                    </figure>
+                    <p><strong>After being shut 63 months ago, Reading Gaol has remained unused. Reading East MP Matt Rodda says, during this time, “The government has spent over one million pounds on just maintaining the site … whilst homelessness has increased in our borough [Reading East] by 700%.” Currently a feasibility study is being undertaken by Theatre and Arts Reading (TAR) and is nearing completion. Mrs Scott, the TAR Executive Secretary said TAR hopes “to have some sort of public announcement in March which will update everyone on what is happening.”</strong></p>
 
 <p>In June 2014, it was proposed locally that Reading Gaol should be turned into a theatre and arts centre. However, 17 months later, the then Chancellor George Osborne and the then Justice Secretary Michael Gove announced that the site might be sold to housing developers.</p>
 
@@ -308,16 +272,289 @@ Under the plan, the main theatre would operate on a commercial basis with the re
     <figcaption class="mdc-typography--caption-text">An inside view of the prison | &copy; BBC</figcaption>
 </figure>
 
+
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By These Authors
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T14:38:00">Wednesday  6 March 2019</time>
+                                     | by Tom S-R, Ben S-R
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html {
+                                    background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+                
+                
+            
+            
+            
+        
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2019/03/06/young-reporter-team-ready-to-go.html

@@ -43,17 +43,17 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+    <link href="/css/slick.css" rel="stylesheet">
+<link href="/css/slick-theme.css" rel="stylesheet">
+<script src="/js/slick.min.js"></script>
+<link href="/css/article-page.css" rel="stylesheet">
 <script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
 
     <body>
         <!-- cookie notice is included automatically -->
@@ -68,7 +68,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -86,37 +86,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -126,6 +95,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -134,6 +104,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -142,6 +113,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -150,6 +122,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -158,6 +131,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -166,6 +140,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -174,6 +149,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -182,6 +158,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -190,6 +167,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -198,6 +176,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -206,20 +185,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -238,7 +203,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,30 +216,288 @@
 
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-young-reporter-team-ready-to-go.jpg');">
+                    <h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
-                        <h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
-
                     <h3 class="mdc-typography--subtitle1">
                         <time class="timeago" datetime="2019-03-06T09:36:00">Wednesday  6 March 2019</time>
                          | by Mr Baldock
                     </h3>
-                    <div class="article-content">
+                    <figure>
-                        <p>Here are our intrepid Young Reporters, chomping at the bit to bring you lots of terrific stories about Reading School, our local area and the amazing things happening here.  And rest assured, this will be a Brexit-free zone.</p>
+                        <img src="/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg" style="width:100%;">
+                        <figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
+                    </figure>
+                    <p>Here are our intrepid Young Reporters, chomping at the bit to bring you lots of terrific stories about Reading School, our local area and the amazing things happening here.  And rest assured, this will be a Brexit-free zone.</p>
 
 <p>Breaking news will appear here as it happens…</p>
 
+
+                    
+    
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+                    
+                    <h2 class="mdc-typography--headline5 article-carousel-title">
+                        
+                        Other Articles By This Author
+                        
+                    </h2>
+                    <!-- define carousel -->
+                    <div class="carousel">
+                    
+                    
+                    <!-- display article -->
+                    <div class="carousel-item">
+                        <div class="mdc-card">
+                            <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-finished-product-html"></div>
+                            <div class="mdc-card-content">
+                                <h2 class="mdc-typography--headline6">The Finished Product</h2>
+                                <h3 class="mdc-typography--subtitle2">
+                                    <time class="timeago" datetime="2019-03-06T15:52:00">Wednesday  6 March 2019</time>
+                                     | by Mr Baldock
+                                </h3>
+                            </div>
+                            <div class="mdc-card__actions">
+                                <div class="mdc-card__action-buttons">
+                                    <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/finished-product.html';">Read</button>
+                                </div>
+                            </div>
+
+                            <style>
+                                .-articles-2019-03-06-finished-product-html {
+                                    background-image: url("/images/2019-03-06-finished-product--cover.jpg");
+                                }
+                            </style>
+                        </div>
                     </div>
-                    <div class="splitter"></div>
+                    
+                    
+            
+            
+            
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+        
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+            
+            
+            
+            
+            
+                
+                
+            
+            
+            
+        
+        
+    
+        
+    
+    
+    <!-- close carousel -->
+    </div>
+    
+
+
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
             <a href="javascript:scrollUp()" class="top-scroll-button">
     <img alt="Scroll to top" src="/images/up-arrow.png">
 </a>

_site/articles/2020/03/01/test.html

@@ -1,281 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="Test | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>Test | Reading School</title>
-    <meta name="description" content="<p>Content</p>
-">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-page.css" rel="stylesheet">
-<script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
-
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-01-test.jpg');">
-                        <h2 class="mdc-typography--headline3">Test</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
-
-                    <h3 class="mdc-typography--subtitle1">
-                        <time class="timeago" datetime="2020-03-01T07:01:00">Sunday  1 March 2020</time>
-                         | by Matthew G
-                    </h3>
-                    <div class="article-content">
-                        <p>Content</p>
-
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <img alt="Scroll to top" src="/images/up-arrow.png">
-</a>
-
-        </div>
-    </body>
-</html>

_site/articles/2020/03/02/test1.html

@@ -1,281 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="Title | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>Title | Reading School</title>
-    <meta name="description" content="<p>Content</p>
-">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-page.css" rel="stylesheet">
-<script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
-
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-02-test1.jpg');">
-                        <h2 class="mdc-typography--headline3">Title</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
-
-                    <h3 class="mdc-typography--subtitle1">
-                        <time class="timeago" datetime="2020-03-02T07:01:00">Monday  2 March 2020</time>
-                         | by Name
-                    </h3>
-                    <div class="article-content">
-                        <p>Content</p>
-
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <img alt="Scroll to top" src="/images/up-arrow.png">
-</a>
-
-        </div>
-    </body>
-</html>

_site/articles/2020/03/02/test2.html

@@ -1,281 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
-    <meta name="HandheldFriendly" content="True">
-    <link rel="icon" href="/images/favicon.ico">
-
-    <!-- add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="/images/favicon.png">
-
-    <!-- add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="Title | Reading School">
-    <link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
-
-    <!-- tile icon & colour for Windows 8 -->
-    <meta name="msapplication-TileImage" content="/images/favicon.png">
-    <meta name="msapplication-TileColor" content="#d84315">
-
-    <title>Title | Reading School</title>
-    <meta name="description" content="<p>Content</p>
-">
-
-    <!-- import Roboto (font) -->
-    <link href="/css/roboto.css" rel="stylesheet">
-
-    <!-- import jQuery -->
-    <script src="/js/jquery.min.js"></script>
-
-    <!-- import jQuery timeago -->
-    <script src="/js/jquery.timeago.min.js"></script>
-
-    <!-- import cookie JavaScript -->
-    <script src="/js/cookies.js"></script>
-
-    <!-- import Material Design components & icons -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
-    <link href="/css/material_icons.css" rel="stylesheet">
-    <script src="/js/material-components-web.min.js"></script>
-
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
-    <!-- import local styling & scripts -->
-    <script src="/js/global.js"></script>
-    <link href="/css/global.css" rel="stylesheet">
-</head>
-
-    <link href="/css/article-page.css" rel="stylesheet">
-<script src="/js/article-page.js"></script>
-<script src="/js/top-scroll-button.js"></script>
-
-    <body>
-        <!-- cookie notice is included automatically -->
-        <div id="cookies">
-    <p>Just to let you know, we use cookies on our site.</p>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
-</div>
-
-
-        <!-- content of navbar is included via jQuery -->
-        <aside class="mdc-drawer mdc-drawer--modal">
-    <div class="mdc-drawer__content">
-        <nav class="mdc-list">
-            <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
-                <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
-            </div>
-            <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
-                <span class="mdc-list-item__text">Reading School Website</span>
-            </a>
-            <a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
-                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
-                <span class="mdc-list-item__text">Home Page</span>
-            </a>
-            
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                
-                    
-                    
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2019</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/finished-product.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">The Finished Product</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/what-is-in-the-patients-best-interest.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/whats-next-for-reading-prison.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/03/06/young-reporter-team-ready-to-go.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
-                    
-                    </div>
-                    
-                
-            </div>
-            
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>
-
-
-        <div class="mdc-drawer-app-content">
-            <header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
-    <div class="mdc-top-app-bar__row">
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
-            <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
-        </section>
-        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
-            <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
-                <img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
-            </a>
-        </section>
-    </div>
-</header>
-
-
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-02-test2.jpg');">
-                        <h2 class="mdc-typography--headline3">Title</h2>
-                    </div>
-                    <figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
-
-                    <h3 class="mdc-typography--subtitle1">
-                        <time class="timeago" datetime="2020-03-02T07:02:00">Monday  2 March 2020</time>
-                         | by Name
-                    </h3>
-                    <div class="article-content">
-                        <p>Content</p>
-
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <img>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-  </footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <img alt="Scroll to top" src="/images/up-arrow.png">
-</a>
-
-        </div>
-    </body>
-</html>

_site/css/article-list.css

@@ -1,51 +0,0 @@
-/* adjust header styling */
-.article-section-header h1, .year-header h1 {
-    margin-block-start: 0;
-    margin-block-end: 0;
-    margin: 6px;
-    display: inline;
-}
-
-.article-section-header, .year-header {
-    background-color: rgba(24,26,27,0.5);
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-
-/* make cards display next to each other with correct dimensions and adjust styling */
-.main-content .mdc-card {
-    display: inline-flex;
-    width: calc((100% / 3) - 18px);
-    box-shadow: none;
-    margin: 6px 6px 10px 6px;
-    background: none;
-    cursor: pointer;
-}
-
-
-/* style cards */
-.mdc-card-content {
-    margin: 5px 15px 5px 15px;
-}
-
-.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
-    margin: 0;
-}
-
-.mdc-card .mdc-typography--headline6 {
-    text-transform: capitalize;
-}
-
-
-/* change number of articles in each row depending on screen size */
-@media screen and (max-width: 600px) {
-    .article-section .mdc-card {
-        width: calc((100% / 2) - 18px);
-    }
-}
-@media screen and (max-width: 350px) {
-    .article-section .mdc-card {
-        width: calc((100% / 1) - 18px);
-    }
-}

_site/css/article-page.css

@@ -7,59 +7,93 @@
 }
 .mdc-typography--caption-text {
     font-style: italic;
-    margin: 5px;
 }
 .mdc-typography--headline5 {
     margin-bottom: 5px;
 }
 
-/* change background */
-.article-content {
-    background-color: var(--mdc-theme-background);
-    padding-top: 6px;
-    padding-bottom: 6px;
-}
-
-/* hide empty black bar if there is no content to the article */
-.article-content:empty {
-    display: none;
-}
-
-/* position headline in middle of image */
-.parallax-section {
-    text-align: center;
-    vertical-align: middle;
-    padding: 150px 15px;
-}
 
 /* adjust video dimensions depending on screen size */
 iframe {
     width: 100%;
     height: calc(68.8vw / 16 * 9);
 }
+
 @media screen and (max-width: 1550px) {
     iframe {
       width: 100%;
         height: calc(70vw / 16 * 9 - 6px);
     }
 }
+
 @media screen and (max-width: 800px) {
     iframe {
       height: calc(90vw / 16 * 9 - 5px);
     }
     .mdc-typography--headline3, .mdc-typography--headline5 {
-        font-size: 2.5rem;
+        font-size: 1.5rem;
-        line-height: 2.625rem;
+        line-height: 1.625rem;
-    }
-}
-@media screen and (max-width: 400px) {
-    .mdc-typography--headline3, .mdc-typography--headline5 {
-        font-size: 2rem;
-        line-height: 2.125rem;
     }
 }
+
 @media screen and (max-width: 600px) {
     iframe {
         height: calc(93.5vw / 16 * 9);
     }
+}
+
+
+/* make article cards look nice by altering margins */
+.mdc-card-content {
+    margin: 5px 15px 5px 15px;
+}
+
+.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
+    margin: 0;
+}
+
+
+/* change carousel dots' styling to make them more visible */
+.slick-dots {
+    position: relative;
+    bottom: 0;
+    margin: auto;
+}
+
+.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);
+}
+
+
+/* ensure buttons don't get in the way & enable scrolling */
+.slick-next {
+    right: 0;
+}
+
+.slick-prev {
+    left: 0;
+}
+
+
+/* ensure MDC cards are separated enough that they are distinguishable */
+.carousel-item {
+    margin: 4px;
+}
+
+/* remove excessive margin below carousel */
+.slick-dotted.slick-slider {
+    margin-bottom: 13px;
+}
+
+/* align article carousel title with carousel items */
+.article-carousel-title {
+    text-align: center;
 }

_site/css/global.css

@@ -1,119 +1,49 @@
 /* change theme */
 :root {
-    --mdc-theme-primary: #253a67;
+    --mdc-theme-primary: #273967;
-    --mdc-theme-secondary: #ea6343;
+    --mdc-theme-secondary: #ef6c00;
-    --mdc-theme-background: #181a1b;
 }
+
+.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-list-item--activated .mdc-list-item__text, .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
+   color: var(--mdc-theme-primary);
+}
+
 body {
     font-family: 'Roboto', sans-serif;
     display: flex;
     margin: 0;
-    background-color: var(--mdc-theme-primary);
-    color: #ffffff;
-}
-.mdc-drawer {
-    background-color: var(--mdc-theme-background);
-}
-.mdc-drawer *, .mdc-drawer .material-icons, .mdc-drawer h3 {
-    color: #ddd;
-}
-.mdc-drawer .mdc-list-group__subheader {
-    color: #ccc;
-}
-.mdc-button:not(:disabled) {
-    color: var(--mdc-theme-secondary);
-    border-color: var(--mdc-theme-secondary);
-}
-.mdc-button::before, .mdc-button::after {
-    background-color: var(--mdc-theme-secondary);
 }
+
 a {
     color: var(--mdc-theme-secondary);
 }
-/* navbar buttons */
-.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-list-item--activated .mdc-list-item__text, .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
-    color: var(--mdc-theme-secondary);
-}
-:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
-    background-color: var(--mdc-theme-secondary);
-}
 
-/* change cursor on top app bar */
-.mdc-top-app-bar__title {
-    cursor: pointer;
-}
-
-/* remove margin above main content */
-.mdc-top-app-bar--short-fixed-adjust {
-    padding-top: 41px;
-}
-
-/* make content display properly */
 .mdc-list-group h3 {
     margin: 20px 16px auto 16px;
     font-weight: normal;
 }
+
 .mdc-drawer-app-content {
     flex: auto;
     overflow: auto;
 }
+
 .mdc-drawer {
     width: 350px;
 }
-.main-content {
-    margin: 15px 0;
-    overflow: auto;
-}
-.app-bar {
-    position: absolute;
-}
 
-/* footer */
+.main-content {
-.footer-container {
-    background: var(--mdc-theme-background);
-    padding: 5px 0;
-}
-footer {
     margin: 15px;
     overflow: auto;
 }
 
-/* parallax backgrounds */
+.app-bar {
-.parallax-section {
+    position: absolute;
-    position: relative;
-    z-index: 0;
-    display: flow-root;
-}
-.parallax-section #jarallax-container-0 div, .parallax-section #jarallax-container-1 div {
-    background-color: rgba(0,0,0,0.45);
-    background-blend-mode: multiply;
 }
 
-
+footer {
-/* splitter for between sections */
+    margin: 15px;
-.splitter {
+    overflow: auto;
-    height: 15px;
-    width: 100%;
-    background-color: var(--mdc-theme-primary);
-}
-
-
-/* responsive side margins */
-.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-    padding-left: 15%;
-    padding-right: 15%;
-}
-@media screen and (max-width: 1000px) {
-    .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-        padding-left: 8%;
-        padding-right: 8%;
-    }
-}
-@media screen and (max-width: 800px) {
-    .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-        padding-left: 2%;
-        padding-right: 2%;
-    }
 }
 
 /* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
@@ -121,6 +51,7 @@ footer span {
   position: relative;
   top: 19px;
 }
+
 footer img {
   display: block;
   width: 125px;
@@ -128,6 +59,7 @@ footer img {
   content: url("/images/young-reporter-logo.png");
   vertical-align: middle;
 }
+
 @media screen and (max-width: 800px) {
     footer {
       text-align: center;
@@ -144,7 +76,25 @@ footer img {
     }
 }
 
-/* cookie notice */
+/* add side margins */
+.main-content, footer {
+    margin-left: 15%;
+    margin-right: 15%;
+}
+@media screen and (max-width: 600px) {
+    .main-content, footer {
+        margin-left:  5%;
+        margin-right: 5%;
+    }
+}
+@media screen and (max-width: 500px) {
+    .main-content, footer {
+        margin-left:  2%;
+        margin-right: 2%;
+    }
+}
+
+/* for cookie notice */
 #cookies {
     display: none;
     width: 100%;
@@ -156,15 +106,18 @@ footer img {
     left: 0;
     z-index: 1;
 }
+
 #cookies p {
     margin: 10px;
 }
+
 #cookies p a {
     color: var(--mdc-theme-secondary);
     text-decoration: none;
 }
 
-/* scroll-to-top button */
+
+/* for scroll-to-top button */
 .top-scroll-button {
     width: 50px;
     height: 50px;
@@ -183,6 +136,7 @@ footer img {
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
+
 .top-scroll-button img {
     position: relative;
     top: 7px;
@@ -193,9 +147,11 @@ footer img {
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
+
 .top-scroll-button:hover, .top-scroll-button:focus {
     background-color: #1C2E56;
 }
+
 .top-scroll-button:hover img {
     top: 3px;
 }

_site/css/home.css

@@ -1,43 +0,0 @@
-/* place button on right */
-.article-section-header button {
-    display: inline;
-    padding: 5px 14px;
-    position: relative;
-    float: right;
-    top: 3.5px;
-}
-
-/* animate button on hover */
-.article-section-header button span {
-    position: relative;
-    left: 0;
-    top: 1.25px;
-    transition: left 0.1s linear;
-    font-size: inherit;
-}
-.article-section-header button:hover span {
-    left: 4px;
-}
-
-/* alternate section backgrounds */
-.article-section:nth-of-type(3n) {
-    background: var(--mdc-theme-background);
-}
-.article-section:nth-of-type(3n) > div:nth-of-type(3), .article-section:nth-of-type(3n+2) > div:nth-of-type(3) {
-    display: none;
-}
-.article-section:nth-of-type(3n+2) {
-    background: var(--mdc-theme-primary);
-}
-
-/* hide articles on smaller screen sizes */
-@media screen and (max-width: 600px) {
-    .article-section .mdc-card:nth-of-type(3) {
-        display: none;
-    }
-}
-@media screen and (max-width: 350px) {
-    .article-section .mdc-card:nth-of-type(2) {
-        display: none;
-    }
-}

_site/css/mdc-card-list.css

@@ -0,0 +1,81 @@
+/* make article cards look nice by altering margins */
+.mdc-card {
+    margin: 2px 2px 10px 2px;
+}
+
+.mdc-card-content {
+    margin: 5px 15px 5px 15px;
+}
+
+.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
+    margin: 0;
+}
+
+.mdc-card .mdc-typography--headline6 {
+    text-transform: capitalize;
+}
+
+
+/* automatically display articles on either side of the page, alternating */
+.main-content .mdc-card {
+	float: right;
+	clear: right;
+	width: calc(50% - 6px);
+}
+
+.main-content .mdc-card:nth-of-type(even) {
+	float: left;
+	clear: left;
+}
+
+
+/* make first article full-width */
+.main-content .mdc-card:first-of-type {
+	float: none;
+	clear: both;
+  width: auto;
+}
+
+
+/* makes last article full-width if it is on its own in a row - i.e. if there is an even number of articles in total */
+.main-content .mdc-card:nth-of-type(odd):nth-last-of-type(2) ~ .mdc-card:last-of-type {
+    float: none;
+    clear: both;
+    width: auto;
+}
+
+
+/* styling for when 1 article present */
+.main-content .mdc-card:first-of-type:last-of-type {
+  float: none;
+  clear: both;
+  width: auto;
+}
+
+
+/* styling for when 2 articles present & small screen is detected */
+@media screen and (max-width: 1000px) {
+  .main-content .mdc-card:nth-child(1):nth-last-of-type(2), .main-content .mdc-card:nth-of-type(2):last-of-type {
+    float: none;
+    clear: both;
+    width: auto;
+  }
+}
+
+
+/* styling for when 3 articles present */
+.main-content .mdc-card:first-of-type:nth-last-of-type(3) {
+  float: none;
+  clear: both;
+  width: auto;
+}
+
+.main-content .mdc-card:nth-of-type(3):last-of-type {
+  float: right;
+  clear: right;
+}
+
+.main-content .mdc-card:nth-of-type(2):nth-last-of-type(2) {
+  float: left;
+  clear: left;
+}

_site/css/slick-theme.css

@@ -0,0 +1,204 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

_site/css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

_site/css/year.css

@@ -1,12 +0,0 @@
-/* position heading in middle of image */
-.parallax-section {
-    text-align: center;
-    vertical-align: middle;
-    padding: 150px 15px;
-}
-/* list of articles */
-.articles {
-    background-color: var(--mdc-theme-background);
-    padding-top: 12px;
-    padding-bottom: 12px;
-}

_site/index.html

@@ -41,16 +41,13 @@
     <link href="/css/material_icons.css" rel="stylesheet">
     <script src="/js/material-components-web.min.js"></script>
 
-    <!-- import Jarallax for parallax backgrounds -->
-    <script src="/js/jarallax.min.js"></script>
-
     <!-- import local styling & scripts -->
     <script src="/js/global.js"></script>
     <link href="/css/global.css" rel="stylesheet">
+    <script src="/js/top-scroll-button.js"></script>
 </head>
 
-    <link href="/css/article-list.css" rel="stylesheet">
+    <link href="/css/mdc-card-list.css" rel="stylesheet">
-    <link href="/css/home.css" rel="stylesheet">
     <body>
         <!-- cookie notice is included automatically -->
         <div id="cookies">
@@ -64,7 +61,7 @@
     <div class="mdc-drawer__content">
         <nav class="mdc-list">
             <div style="margin: 15px;text-align:center;">
-                <img src="/images/logo-white.png" style="width: 90%;"/>
+                <img src="/images/page-logo.png" style="width: 90%;"/>
                 <img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
             </div>
             <a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
@@ -82,37 +79,6 @@
                     
                     
                     
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2020</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test2.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/02/test1.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Title</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/03/01/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">Test</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
                     <div class="mdc-list-group">
                     <h3 class="mdc-list-group__subheader">2019</h3>
                     
@@ -122,6 +88,7 @@
                         <span class="mdc-list-item__text">The Finished Product</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -130,6 +97,7 @@
                         <span class="mdc-list-item__text">Are The Roads Around Your Home And School Safe?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -138,6 +106,7 @@
                         <span class="mdc-list-item__text">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -146,6 +115,7 @@
                         <span class="mdc-list-item__text">Book Week - Real Life Issues Inspire Sarah Govett</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -154,6 +124,7 @@
                         <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -162,6 +133,7 @@
                         <span class="mdc-list-item__text">Could Sky-High Aims Bring Reading Down?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -170,6 +142,7 @@
                         <span class="mdc-list-item__text">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -178,6 +151,7 @@
                         <span class="mdc-list-item__text">Video Games - Virtual Fantasy Or A Virtual Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -186,6 +160,7 @@
                         <span class="mdc-list-item__text">What Is 'In The Patient's Best Interest’?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -194,6 +169,7 @@
                         <span class="mdc-list-item__text">What's Next For Reading Prison?</span>
                     </a>
                     
+                    
                 
                     
                     
@@ -202,20 +178,6 @@
                         <span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
                     </a>
                     
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">2018</h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
-                    </a>
                     
                     </div>
                     
@@ -234,7 +196,7 @@
     <div class="mdc-top-app-bar__row">
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
             <a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
-            <span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
+            <span class="mdc-top-app-bar__title">BBC Young Reporter | Reading School</span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
             <a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -248,112 +210,15 @@
             <main class="main-content" id="main-content">
                 <div class="mdc-top-app-bar--short-fixed-adjust">
                     
-<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2020.jpg');">
+<div class="mdc-card">
-    <div class="article-section-header">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-finished-product-html"></div>
-        <h1 class="mdc-typography--headline4">2020</h1>
-        <button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2020';">See All <span class="material-icons">keyboard_arrow_right</span></button>
-    </div>
-    <div class="articles">
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2020/03/02/test2.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test2.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">Title</h2>
-        <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2020-03-02T07:02:00">Monday  2 March 2020</time>
-            | by Name
-        </h3>
-    </div>
-    <div class="mdc-typography--body2"></div>
-    <div class="mdc-card__actions">
-        <div class="mdc-card__action-buttons">
-            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test2.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2020/03/02/test1.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test1.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">Title</h2>
-        <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2020-03-02T07:01:00">Monday  2 March 2020</time>
-            | by Name
-        </h3>
-    </div>
-    <div class="mdc-typography--body2"></div>
-    <div class="mdc-card__actions">
-        <div class="mdc-card__action-buttons">
-            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test1.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2020/03/01/test.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-01-test.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">Test</h2>
-        <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2020-03-01T07:01:00">Sunday  1 March 2020</time>
-            | by Matthew G
-        </h3>
-    </div>
-    <div class="mdc-typography--body2"></div>
-    <div class="mdc-card__actions">
-        <div class="mdc-card__action-buttons">
-            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/01/test.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-    </div>
-</div>
-<div class="splitter"></div>
-
-<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2019.jpg');">
-    <div class="article-section-header">
-        <h1 class="mdc-typography--headline4">2019</h1>
-        <button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2019';">See All <span class="material-icons">keyboard_arrow_right</span></button>
-    </div>
-    <div class="articles">
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2019/03/06/finished-product.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-finished-product.jpg');"></div>
     <div class="mdc-card-content">
         <h2 class="mdc-typography--headline6">The Finished Product</h2>
         <h3 class="mdc-typography--subtitle2">
             <time class="timeago" datetime="2019-03-06T15:52:00">Wednesday  6 March 2019</time>
-            | by Mr Baldock
+             | by Mr Baldock
         </h3>
     </div>
-    <div class="mdc-typography--body2"></div>
     <div class="mdc-card__actions">
         <div class="mdc-card__action-buttons">
             <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/finished-product.html';">Read</button>
@@ -361,23 +226,21 @@
     </div>
 </div>
 
+<style>
+    .-articles-2019-03-06-finished-product-html {
+        background-image: url("/images/2019-03-06-finished-product--cover.jpg");
+    }
+</style>
 
-
+<div class="mdc-card">
-
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-are-the-roads-around-your-home-and-school-safe-html"></div>
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg');"></div>
     <div class="mdc-card-content">
         <h2 class="mdc-typography--headline6">Are The Roads Around Your Home And School Safe?</h2>
         <h3 class="mdc-typography--subtitle2">
             <time class="timeago" datetime="2019-03-06T14:46:00">Wednesday  6 March 2019</time>
-            | by Riley C, Oliver C
+             | by Riley C, Oliver C
         </h3>
     </div>
-    <div class="mdc-typography--body2"></div>
     <div class="mdc-card__actions">
         <div class="mdc-card__action-buttons">
             <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html';">Read</button>
@@ -385,23 +248,21 @@
     </div>
 </div>
 
+<style>
+    .-articles-2019-03-06-are-the-roads-around-your-home-and-school-safe-html {
+        background-image: url("/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg");
+    }
+</style>
 
-
+<div class="mdc-card">
-
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html"></div>
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg');"></div>
     <div class="mdc-card-content">
         <h2 class="mdc-typography--headline6">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
         <h3 class="mdc-typography--subtitle2">
             <time class="timeago" datetime="2019-03-06T14:38:00">Wednesday  6 March 2019</time>
-            | by Tom S-R, Ben S-R
+             | by Tom S-R, Ben S-R
         </h3>
     </div>
-    <div class="mdc-typography--body2"></div>
     <div class="mdc-card__actions">
         <div class="mdc-card__action-buttons">
             <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">Read</button>
@@ -409,106 +270,200 @@
     </div>
 </div>
 
+<style>
+    .-articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html {
+        background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg");
+    }
+</style>
 
-
+<div class="mdc-card">
-
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html"></div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    </div>
-</div>
-<div class="splitter"></div>
-
-<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2018.jpg');">
-    <div class="article-section-header">
-        <h1 class="mdc-typography--headline4">2018</h1>
-        <button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2018';">See All <span class="material-icons">keyboard_arrow_right</span></button>
-    </div>
-    <div class="articles">
-
-
-
-
-<div class="mdc-card" onclick="window.location='/articles/2018/03/06/test.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2018-03-06-test.jpg');"></div>
     <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
+        <h2 class="mdc-typography--headline6">Book Week - Real Life Issues Inspire Sarah Govett</h2>
         <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2018-03-06T13:38:00">Tuesday  6 March 2018</time>
+            <time class="timeago" datetime="2019-03-06T14:14:00">Wednesday  6 March 2019</time>
-            | by Luke H
+             | by Aadith C, Adit S, Adi V
         </h3>
     </div>
-    <div class="mdc-typography--body2"></div>
     <div class="mdc-card__actions">
         <div class="mdc-card__action-buttons">
-            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2018/03/06/test.html';">Read</button>
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html';">Read</button>
         </div>
     </div>
 </div>
 
+<style>
+    .-articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html {
+        background-image: url("/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg");
+    }
+</style>
 
-
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T13:38:00">Wednesday  6 March 2019</time>
+             | by Luke H
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html';">Read</button>
+        </div>
     </div>
 </div>
 
+<style>
+    .-articles-2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it-html {
+        background-image: url("/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-could-sky-high-aims-bring-reading-down-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">Could Sky-High Aims Bring Reading Down?</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T12:56:00">Wednesday  6 March 2019</time>
+             | by Ben P
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-could-sky-high-aims-bring-reading-down-html {
+        background-image: url("/images/2019-03-06-could-sky-high-aims-bring-reading-down--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T12:32:00">Wednesday  6 March 2019</time>
+             | by Hal R-D
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out-html {
+        background-image: url("/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T12:19:00">Wednesday  6 March 2019</time>
+             | by Kamran S
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison-html {
+        background-image: url("/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-what-is-in-the-patients-best-interest-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">What Is 'In The Patient's Best Interest’?</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T11:46:00">Wednesday  6 March 2019</time>
+             | by Aadith C
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/what-is-in-the-patients-best-interest.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-what-is-in-the-patients-best-interest-html {
+        background-image: url("/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-whats-next-for-reading-prison-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">What's Next For Reading Prison?</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T10:38:00">Wednesday  6 March 2019</time>
+             | by Tom S-R, Ben S-R
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/whats-next-for-reading-prison.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-whats-next-for-reading-prison-html {
+        background-image: url("/images/2019-03-06-whats-next-for-reading-prison--cover.jpg");
+    }
+</style>
+
+<div class="mdc-card">
+    <div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-young-reporter-team-ready-to-go-html"></div>
+    <div class="mdc-card-content">
+        <h2 class="mdc-typography--headline6">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
+        <h3 class="mdc-typography--subtitle2">
+            <time class="timeago" datetime="2019-03-06T09:36:00">Wednesday  6 March 2019</time>
+             | by Mr Baldock
+        </h3>
+    </div>
+    <div class="mdc-card__actions">
+        <div class="mdc-card__action-buttons">
+            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/young-reporter-team-ready-to-go.html';">Read</button>
+        </div>
+    </div>
+</div>
+
+<style>
+    .-articles-2019-03-06-young-reporter-team-ready-to-go-html {
+        background-image: url("/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg");
+    }
+</style>
+
 
                 </div>
             </main>
-            <div class="footer-container">
+            <footer>
-  <footer>
+  <img>
-    <img>
+  <span >&copy; Reading School 2019 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
+</footer>
-  </footer>
+
-</div>
+            <a href="javascript:scrollUp()" class="top-scroll-button">
+    <img alt="Scroll to top" src="/images/up-arrow.png">
+</a>
+
         </div>
     </body>
 </html>

_site/js/article-page.js

@@ -1,6 +1,39 @@
 $(document).ready(function(){
-  // remove black bar if article has no content
+    // initiate carousel
-  if (! $.trim($(".article-content").html())) {
+    $('.carousel').slick({
-    $(".article-content").hide();
+      dots: true,
-  }
+      infinite: false,
+      speed: 300,
+      slidesToShow: 4,
+      slidesToScroll: 4,
+      adaptiveHeight: true,
+      autoplay: true,
+      responsive: [
+        {
+          breakpoint: 1024,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 2,
+            dots: true
+          }
+        },
+        {
+          breakpoint: 600,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 1
+          }
+        },
+        {
+          breakpoint: 480,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1
+          }
+        }
+      ]
+    });
+
+    // overwrite auto-generated inline styling
+    $(".slick-prev, .slick-next").hide();
 });

_site/sitemap.xml

@@ -3,42 +3,9 @@
     
     
     
-    <url>
-        <loc>/2018.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    
-    
-    
-    
-    <url>
-        <loc>/2019.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    
-    
-    
-    
-    <url>
-        <loc>/2020.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    
-    
-    
-    
     <url>
         <loc>/404.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -49,7 +16,7 @@
     
     <url>
         <loc>/auto-refresh.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -60,7 +27,7 @@
     
     <url>
         <loc>/</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -73,107 +40,79 @@
     
 
     
-    <url>
-        <loc>/articles/2020/03/02/test2.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    <url>
-        <loc>/articles/2020/03/02/test1.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    <url>
-        <loc>/articles/2020/03/01/test.html</loc>
-        <lastmod>2020-03-03</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
     <url>
         <loc>/articles/2019/03/06/finished-product.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/what-is-in-the-patients-best-interest.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/whats-next-for-reading-prison.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>
     
     <url>
         <loc>/articles/2019/03/06/young-reporter-team-ready-to-go.html</loc>
-        <lastmod>2020-03-03</lastmod>
+        <lastmod>2019-09-01</lastmod>
-        <changefreq>hourly</changefreq>
-        <priority>0.5</priority>
-    </url>
-    
-    <url>
-        <loc>/articles/2018/03/06/test.html</loc>
-        <lastmod>2020-03-03</lastmod>
         <changefreq>hourly</changefreq>
         <priority>0.5</priority>
     </url>

css/article-list.css

@@ -1,51 +0,0 @@
-/* adjust header styling */
-.article-section-header h1, .year-header h1 {
-    margin-block-start: 0;
-    margin-block-end: 0;
-    margin: 6px;
-    display: inline;
-}
-
-.article-section-header, .year-header {
-    background-color: rgba(24,26,27,0.5);
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-
-/* make cards display next to each other with correct dimensions and adjust styling */
-.main-content .mdc-card {
-    display: inline-flex;
-    width: calc((100% / 3) - 18px);
-    box-shadow: none;
-    margin: 6px 6px 10px 6px;
-    background: none;
-    cursor: pointer;
-}
-
-
-/* style cards */
-.mdc-card-content {
-    margin: 5px 15px 5px 15px;
-}
-
-.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
-    margin: 0;
-}
-
-.mdc-card .mdc-typography--headline6 {
-    text-transform: capitalize;
-}
-
-
-/* change number of articles in each row depending on screen size */
-@media screen and (max-width: 600px) {
-    .article-section .mdc-card {
-        width: calc((100% / 2) - 18px);
-    }
-}
-@media screen and (max-width: 350px) {
-    .article-section .mdc-card {
-        width: calc((100% / 1) - 18px);
-    }
-}

css/article-page.css

@@ -7,59 +7,93 @@
 }
 .mdc-typography--caption-text {
     font-style: italic;
-    margin: 5px;
 }
 .mdc-typography--headline5 {
     margin-bottom: 5px;
 }
 
-/* change background */
-.article-content {
-    background-color: var(--mdc-theme-background);
-    padding-top: 6px;
-    padding-bottom: 6px;
-}
-
-/* hide empty black bar if there is no content to the article */
-.article-content:empty {
-    display: none;
-}
-
-/* position headline in middle of image */
-.parallax-section {
-    text-align: center;
-    vertical-align: middle;
-    padding: 150px 15px;
-}
 
 /* adjust video dimensions depending on screen size */
 iframe {
     width: 100%;
     height: calc(68.8vw / 16 * 9);
 }
+
 @media screen and (max-width: 1550px) {
     iframe {
       width: 100%;
         height: calc(70vw / 16 * 9 - 6px);
     }
 }
+
 @media screen and (max-width: 800px) {
     iframe {
       height: calc(90vw / 16 * 9 - 5px);
     }
     .mdc-typography--headline3, .mdc-typography--headline5 {
-        font-size: 2.5rem;
+        font-size: 1.5rem;
-        line-height: 2.625rem;
+        line-height: 1.625rem;
-    }
-}
-@media screen and (max-width: 400px) {
-    .mdc-typography--headline3, .mdc-typography--headline5 {
-        font-size: 2rem;
-        line-height: 2.125rem;
     }
 }
+
 @media screen and (max-width: 600px) {
     iframe {
         height: calc(93.5vw / 16 * 9);
     }
+}
+
+
+/* make article cards look nice by altering margins */
+.mdc-card-content {
+    margin: 5px 15px 5px 15px;
+}
+
+.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
+    margin: 0;
+}
+
+
+/* change carousel dots' styling to make them more visible */
+.slick-dots {
+    position: relative;
+    bottom: 0;
+    margin: auto;
+}
+
+.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);
+}
+
+
+/* ensure buttons don't get in the way & enable scrolling */
+.slick-next {
+    right: 0;
+}
+
+.slick-prev {
+    left: 0;
+}
+
+
+/* ensure MDC cards are separated enough that they are distinguishable */
+.carousel-item {
+    margin: 4px;
+}
+
+/* remove excessive margin below carousel */
+.slick-dotted.slick-slider {
+    margin-bottom: 13px;
+}
+
+/* align article carousel title with carousel items */
+.article-carousel-title {
+    text-align: center;
 }

css/global.css

@@ -1,119 +1,49 @@
 /* change theme */
 :root {
-    --mdc-theme-primary: #253a67;
+    --mdc-theme-primary: #273967;
-    --mdc-theme-secondary: #ea6343;
+    --mdc-theme-secondary: #ef6c00;
-    --mdc-theme-background: #181a1b;
 }
+
+.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-list-item--activated .mdc-list-item__text, .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
+   color: var(--mdc-theme-primary);
+}
+
 body {
     font-family: 'Roboto', sans-serif;
     display: flex;
     margin: 0;
-    background-color: var(--mdc-theme-primary);
-    color: #ffffff;
-}
-.mdc-drawer {
-    background-color: var(--mdc-theme-background);
-}
-.mdc-drawer *, .mdc-drawer .material-icons, .mdc-drawer h3 {
-    color: #ddd;
-}
-.mdc-drawer .mdc-list-group__subheader {
-    color: #ccc;
-}
-.mdc-button:not(:disabled) {
-    color: var(--mdc-theme-secondary);
-    border-color: var(--mdc-theme-secondary);
-}
-.mdc-button::before, .mdc-button::after {
-    background-color: var(--mdc-theme-secondary);
 }
+
 a {
     color: var(--mdc-theme-secondary);
 }
-/* navbar buttons */
-.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-list-item--activated .mdc-list-item__text, .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
-    color: var(--mdc-theme-secondary);
-}
-:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
-    background-color: var(--mdc-theme-secondary);
-}
 
-/* change cursor on top app bar */
-.mdc-top-app-bar__title {
-    cursor: pointer;
-}
-
-/* remove margin above main content */
-.mdc-top-app-bar--short-fixed-adjust {
-    padding-top: 41px;
-}
-
-/* make content display properly */
 .mdc-list-group h3 {
     margin: 20px 16px auto 16px;
     font-weight: normal;
 }
+
 .mdc-drawer-app-content {
     flex: auto;
     overflow: auto;
 }
+
 .mdc-drawer {
     width: 350px;
 }
-.main-content {
-    margin: 15px 0;
-    overflow: auto;
-}
-.app-bar {
-    position: absolute;
-}
 
-/* footer */
+.main-content {
-.footer-container {
-    background: var(--mdc-theme-background);
-    padding: 5px 0;
-}
-footer {
     margin: 15px;
     overflow: auto;
 }
 
-/* parallax backgrounds */
+.app-bar {
-.parallax-section {
+    position: absolute;
-    position: relative;
-    z-index: 0;
-    display: flow-root;
-}
-.parallax-section #jarallax-container-0 div, .parallax-section #jarallax-container-1 div {
-    background-color: rgba(0,0,0,0.45);
-    background-blend-mode: multiply;
 }
 
-
+footer {
-/* splitter for between sections */
+    margin: 15px;
-.splitter {
+    overflow: auto;
-    height: 15px;
-    width: 100%;
-    background-color: var(--mdc-theme-primary);
-}
-
-
-/* responsive side margins */
-.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-    padding-left: 15%;
-    padding-right: 15%;
-}
-@media screen and (max-width: 1000px) {
-    .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-        padding-left: 8%;
-        padding-right: 8%;
-    }
-}
-@media screen and (max-width: 800px) {
-    .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
-        padding-left: 2%;
-        padding-right: 2%;
-    }
 }
 
 /* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
@@ -121,6 +51,7 @@ footer span {
   position: relative;
   top: 19px;
 }
+
 footer img {
   display: block;
   width: 125px;
@@ -128,6 +59,7 @@ footer img {
   content: url("/images/young-reporter-logo.png");
   vertical-align: middle;
 }
+
 @media screen and (max-width: 800px) {
     footer {
       text-align: center;
@@ -144,7 +76,25 @@ footer img {
     }
 }
 
-/* cookie notice */
+/* add side margins */
+.main-content, footer {
+    margin-left: 15%;
+    margin-right: 15%;
+}
+@media screen and (max-width: 600px) {
+    .main-content, footer {
+        margin-left:  5%;
+        margin-right: 5%;
+    }
+}
+@media screen and (max-width: 500px) {
+    .main-content, footer {
+        margin-left:  2%;
+        margin-right: 2%;
+    }
+}
+
+/* for cookie notice */
 #cookies {
     display: none;
     width: 100%;
@@ -156,15 +106,18 @@ footer img {
     left: 0;
     z-index: 1;
 }
+
 #cookies p {
     margin: 10px;
 }
+
 #cookies p a {
     color: var(--mdc-theme-secondary);
     text-decoration: none;
 }
 
-/* scroll-to-top button */
+
+/* for scroll-to-top button */
 .top-scroll-button {
     width: 50px;
     height: 50px;
@@ -183,6 +136,7 @@ footer img {
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
+
 .top-scroll-button img {
     position: relative;
     top: 7px;
@@ -193,9 +147,11 @@ footer img {
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
 }
+
 .top-scroll-button:hover, .top-scroll-button:focus {
     background-color: #1C2E56;
 }
+
 .top-scroll-button:hover img {
     top: 3px;
 }

css/home.css

@@ -1,43 +0,0 @@
-/* place button on right */
-.article-section-header button {
-    display: inline;
-    padding: 5px 14px;
-    position: relative;
-    float: right;
-    top: 3.5px;
-}
-
-/* animate button on hover */
-.article-section-header button span {
-    position: relative;
-    left: 0;
-    top: 1.25px;
-    transition: left 0.1s linear;
-    font-size: inherit;
-}
-.article-section-header button:hover span {
-    left: 4px;
-}
-
-/* alternate section backgrounds */
-.article-section:nth-of-type(3n) {
-    background: var(--mdc-theme-background);
-}
-.article-section:nth-of-type(3n) > div:nth-of-type(3), .article-section:nth-of-type(3n+2) > div:nth-of-type(3) {
-    display: none;
-}
-.article-section:nth-of-type(3n+2) {
-    background: var(--mdc-theme-primary);
-}
-
-/* hide articles on smaller screen sizes */
-@media screen and (max-width: 600px) {
-    .article-section .mdc-card:nth-of-type(3) {
-        display: none;
-    }
-}
-@media screen and (max-width: 350px) {
-    .article-section .mdc-card:nth-of-type(2) {
-        display: none;
-    }
-}

css/mdc-card-list.css

@@ -0,0 +1,81 @@
+/* make article cards look nice by altering margins */
+.mdc-card {
+    margin: 2px 2px 10px 2px;
+}
+
+.mdc-card-content {
+    margin: 5px 15px 5px 15px;
+}
+
+.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
+    margin: 0;
+}
+
+.mdc-card .mdc-typography--headline6 {
+    text-transform: capitalize;
+}
+
+
+/* automatically display articles on either side of the page, alternating */
+.main-content .mdc-card {
+	float: right;
+	clear: right;
+	width: calc(50% - 6px);
+}
+
+.main-content .mdc-card:nth-of-type(even) {
+	float: left;
+	clear: left;
+}
+
+
+/* make first article full-width */
+.main-content .mdc-card:first-of-type {
+	float: none;
+	clear: both;
+  width: auto;
+}
+
+
+/* makes last article full-width if it is on its own in a row - i.e. if there is an even number of articles in total */
+.main-content .mdc-card:nth-of-type(odd):nth-last-of-type(2) ~ .mdc-card:last-of-type {
+    float: none;
+    clear: both;
+    width: auto;
+}
+
+
+/* styling for when 1 article present */
+.main-content .mdc-card:first-of-type:last-of-type {
+  float: none;
+  clear: both;
+  width: auto;
+}
+
+
+/* styling for when 2 articles present & small screen is detected */
+@media screen and (max-width: 1000px) {
+  .main-content .mdc-card:nth-child(1):nth-last-of-type(2), .main-content .mdc-card:nth-of-type(2):last-of-type {
+    float: none;
+    clear: both;
+    width: auto;
+  }
+}
+
+
+/* styling for when 3 articles present */
+.main-content .mdc-card:first-of-type:nth-last-of-type(3) {
+  float: none;
+  clear: both;
+  width: auto;
+}
+
+.main-content .mdc-card:nth-of-type(3):last-of-type {
+  float: right;
+  clear: right;
+}
+
+.main-content .mdc-card:nth-of-type(2):nth-last-of-type(2) {
+  float: left;
+  clear: left;
+}

css/slick-theme.css

@@ -0,0 +1,204 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

css/year.css

@@ -1,12 +0,0 @@
-/* position heading in middle of image */
-.parallax-section {
-    text-align: center;
-    vertical-align: middle;
-    padding: 150px 15px;
-}
-/* list of articles */
-.articles {
-    background-color: var(--mdc-theme-background);
-    padding-top: 12px;
-    padding-bottom: 12px;
-}

index.md

@@ -1,53 +1,38 @@
 ---
 title: BBC Young Reporter
 description: News articles written by Reading School students in year 8
-layout: home
+layout: article-list
 ---
 
 {% if site.categories.articles %}
-{% assign currentdate_count = 0 %}
+{% for article in site.categories.articles %}
-{% assign articles = site.categories.articles | sort: date | reverse %}
+<div class="mdc-card">
-{% for article in articles %}
+    <div class="mdc-card__media mdc-card__media--16-9 {{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }}"></div>
-{% assign currentdate = article.date | date: "%Y" %}
-{% if currentdate != date %}
-{% assign currentdate_count = 0 %}
-{% if article.url != articles.first.url %}
-    </div>
-</div>
-<div class="splitter"></div>
-{% endif %}
-<div class="article-section parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/{{ currentdate }}.jpg');">
-    <div class="article-section-header">
-        <h1 class="mdc-typography--headline4">{{ currentdate }}</h1>
-        <button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/{{ currentdate }}';">See All <span class="material-icons">keyboard_arrow_right</span></button>
-    </div>
-    <div class="articles">
-{% assign date = currentdate %}
-{% endif %}
-{% if currentdate_count < 3 %}
-{% assign currentdate_count = currentdate_count | plus: 1 %}
-<div class="mdc-card" onclick="window.location='{{ article.url | relative_url }}';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');"></div>
     <div class="mdc-card-content">
         <h2 class="mdc-typography--headline6">{{ article.title }}</h2>
         <h3 class="mdc-typography--subtitle2">
             <time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%A %e %B %Y' }}</time>
-            | by {{ article.authors }}
+             | by {{ article.authors }}
         </h3>
     </div>
-    <div class="mdc-typography--body2">{{ article.description }}</div>
     <div class="mdc-card__actions">
         <div class="mdc-card__action-buttons">
             <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article.url | relative_url }}';">Read</button>
         </div>
     </div>
 </div>
-{% endif %}
+
-{% if currentdate != date %}
+<style>
-{% endif %}
+    .{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
-{% if article.url == articles.last.url %}
+        background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
-    </div>
+    }
-</div>
+</style>
-{% endif %}
 {% endfor %}
-{% endif %}
+{% else %}
+<center>We haven't got any articles for you yet! Come back during this year's BBC Young Reporter day to see what Reading School's year 8 students have produced!</center>
+<style>
+    center {
+        margin: 25vh auto 25vh auto;
+    }
+</style>
+{% endif %}

js/article-page.js

@@ -1,6 +1,39 @@
 $(document).ready(function(){
-  // remove black bar if article has no content
+    // initiate carousel
-  if (! $.trim($(".article-content").html())) {
+    $('.carousel').slick({
-    $(".article-content").hide();
+      dots: true,
-  }
+      infinite: false,
+      speed: 300,
+      slidesToShow: 4,
+      slidesToScroll: 4,
+      adaptiveHeight: true,
+      autoplay: true,
+      responsive: [
+        {
+          breakpoint: 1024,
+          settings: {
+            slidesToShow: 3,
+            slidesToScroll: 2,
+            dots: true
+          }
+        },
+        {
+          breakpoint: 600,
+          settings: {
+            slidesToShow: 2,
+            slidesToScroll: 1
+          }
+        },
+        {
+          breakpoint: 480,
+          settings: {
+            slidesToShow: 1,
+            slidesToScroll: 1
+          }
+        }
+      ]
+    });
+
+    // overwrite auto-generated inline styling
+    $(".slick-prev, .slick-next").hide();
 });