Retheme site

404.md

@@ -1,8 +1,12 @@
 ---
 title: Page Not Found
-description: This page can't be found - Reading School - BBC Young Reporter
+description: Error 404
-layout: 404
 ---
 
-Sorry, but we can't find that page.
+<section class="wrapper">
-Click [here](/) to see the articles Reading School's year 8 students have written during this year's BBC Young Reporter day.
+	<div class="inner">
+		<header class="special">
+			<p>Sorry, but we can't find that page. Click <a href="/">here</a> for the homepage.</p>
+		</header>
+	</div>
+</section>

Gemfile

@@ -1,2 +1,3 @@
 source 'https://rubygems.org'
 gem 'github-pages'
+gem 'wdm', '>= 0.1.0' if Gem.win_platform?

Gemfile.lock

@@ -1,7 +1,7 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (6.0.3.1)
+    activesupport (6.0.3.4)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
@@ -16,10 +16,10 @@ GEM
     colorator (1.1.0)
     commonmarker (0.17.13)
       ruby-enum (~> 0.5)
-    concurrent-ruby (1.1.6)
+    concurrent-ruby (1.1.7)
-    dnsruby (1.61.3)
+    dnsruby (1.61.5)
-      addressable (~> 2.5)
+      simpleidn (~> 0.1)
-    em-websocket (0.5.1)
+    em-websocket (0.5.2)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
     ethon (0.12.0)
@@ -27,29 +27,30 @@ GEM
     eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
     execjs (2.7.0)
-    faraday (1.0.1)
+    faraday (1.2.0)
       multipart-post (>= 1.2, < 3)
-    ffi (1.13.0)
+      ruby2_keywords
-    ffi (1.13.0-x64-mingw32)
+    ffi (1.14.2)
+    ffi (1.14.2-x64-mingw32)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
-    github-pages (206)
+    github-pages (209)
       github-pages-health-check (= 1.16.1)
-      jekyll (= 3.8.7)
+      jekyll (= 3.9.0)
       jekyll-avatar (= 0.7.0)
       jekyll-coffeescript (= 1.1.1)
       jekyll-commonmark-ghpages (= 0.1.6)
       jekyll-default-layout (= 0.1.4)
-      jekyll-feed (= 0.13.0)
+      jekyll-feed (= 0.15.1)
       jekyll-gist (= 1.5.0)
       jekyll-github-metadata (= 2.13.0)
-      jekyll-mentions (= 1.5.1)
+      jekyll-mentions (= 1.6.0)
       jekyll-optional-front-matter (= 0.3.2)
       jekyll-paginate (= 1.1.0)
       jekyll-readme-index (= 0.3.0)
-      jekyll-redirect-from (= 0.15.0)
+      jekyll-redirect-from (= 0.16.0)
       jekyll-relative-links (= 0.6.1)
-      jekyll-remote-theme (= 0.4.1)
+      jekyll-remote-theme (= 0.4.2)
       jekyll-sass-converter (= 1.5.2)
       jekyll-seo-tag (= 2.6.1)
       jekyll-sitemap (= 1.4.0)
@@ -57,7 +58,7 @@ GEM
       jekyll-theme-architect (= 0.1.1)
       jekyll-theme-cayman (= 0.1.1)
       jekyll-theme-dinky (= 0.1.1)
-      jekyll-theme-hacker (= 0.1.1)
+      jekyll-theme-hacker (= 0.1.2)
       jekyll-theme-leap-day (= 0.1.1)
       jekyll-theme-merlot (= 0.1.1)
       jekyll-theme-midnight (= 0.1.1)
@@ -68,13 +69,14 @@ GEM
       jekyll-theme-tactile (= 0.1.1)
       jekyll-theme-time-machine (= 0.1.1)
       jekyll-titles-from-headings (= 0.5.3)
-      jemoji (= 0.11.1)
+      jemoji (= 0.12.0)
-      kramdown (= 1.17.0)
+      kramdown (= 2.3.0)
+      kramdown-parser-gfm (= 1.1.0)
       liquid (= 4.0.3)
       mercenary (~> 0.3)
       minima (= 2.5.1)
       nokogiri (>= 1.10.4, < 2.0)
-      rouge (= 3.19.0)
+      rouge (= 3.23.0)
       terminal-table (~> 1.4)
     github-pages-health-check (1.16.1)
       addressable (~> 2.3)
@@ -82,20 +84,20 @@ GEM
       octokit (~> 4.0)
       public_suffix (~> 3.0)
       typhoeus (~> 1.3)
-    html-pipeline (2.13.0)
+    html-pipeline (2.14.0)
       activesupport (>= 2)
       nokogiri (>= 1.4)
     http_parser.rb (0.6.0)
     i18n (0.9.5)
       concurrent-ruby (~> 1.0)
-    jekyll (3.8.7)
+    jekyll (3.9.0)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
       i18n (~> 0.7)
       jekyll-sass-converter (~> 1.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 1.14)
+      kramdown (>= 1.17, < 3)
       liquid (~> 4.0)
       mercenary (~> 0.3.3)
       pathutil (~> 0.9)
@@ -115,14 +117,14 @@ GEM
       rouge (>= 2.0, < 4.0)
     jekyll-default-layout (0.1.4)
       jekyll (~> 3.0)
-    jekyll-feed (0.13.0)
+    jekyll-feed (0.15.1)
       jekyll (>= 3.7, < 5.0)
     jekyll-gist (1.5.0)
       octokit (~> 4.2)
     jekyll-github-metadata (2.13.0)
       jekyll (>= 3.4, < 5.0)
       octokit (~> 4.0, != 4.4.0)
-    jekyll-mentions (1.5.1)
+    jekyll-mentions (1.6.0)
       html-pipeline (~> 2.3)
       jekyll (>= 3.7, < 5.0)
     jekyll-optional-front-matter (0.3.2)
@@ -130,14 +132,15 @@ GEM
     jekyll-paginate (1.1.0)
     jekyll-readme-index (0.3.0)
       jekyll (>= 3.0, < 5.0)
-    jekyll-redirect-from (0.15.0)
+    jekyll-redirect-from (0.16.0)
       jekyll (>= 3.3, < 5.0)
     jekyll-relative-links (0.6.1)
       jekyll (>= 3.3, < 5.0)
-    jekyll-remote-theme (0.4.1)
+    jekyll-remote-theme (0.4.2)
       addressable (~> 2.0)
       jekyll (>= 3.5, < 5.0)
-      rubyzip (>= 1.3.0)
+      jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
+      rubyzip (>= 1.3.0, < 3.0)
     jekyll-sass-converter (1.5.2)
       sass (~> 3.4)
     jekyll-seo-tag (2.6.1)
@@ -154,8 +157,8 @@ GEM
     jekyll-theme-dinky (0.1.1)
       jekyll (~> 3.5)
       jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.1.1)
+    jekyll-theme-hacker (0.1.2)
-      jekyll (~> 3.5)
+      jekyll (> 3.5, < 5.0)
       jekyll-seo-tag (~> 2.0)
     jekyll-theme-leap-day (0.1.1)
       jekyll (~> 3.5)
@@ -189,13 +192,16 @@ GEM
       jekyll (>= 3.3, < 5.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    jemoji (0.11.1)
+    jemoji (0.12.0)
       gemoji (~> 3.0)
       html-pipeline (~> 2.2)
       jekyll (>= 3.0, < 5.0)
-    kramdown (1.17.0)
+    kramdown (2.3.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.2.1)
+    listen (3.3.3)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
@@ -204,13 +210,13 @@ GEM
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    minitest (5.14.1)
+    minitest (5.14.2)
     multipart-post (2.1.1)
-    nokogiri (1.10.9)
+    nokogiri (1.10.10)
       mini_portile2 (~> 2.4.0)
-    nokogiri (1.10.9-x64-mingw32)
+    nokogiri (1.10.10-x64-mingw32)
       mini_portile2 (~> 2.4.0)
-    octokit (4.18.0)
+    octokit (4.19.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
     pathutil (0.16.2)
@@ -219,9 +225,11 @@ GEM
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.19.0)
+    rexml (3.2.4)
+    rouge (3.23.0)
     ruby-enum (0.8.0)
       i18n
+    ruby2_keywords (0.0.2)
     rubyzip (2.3.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
@@ -232,15 +240,22 @@ GEM
     sawyer (0.8.2)
       addressable (>= 2.3.5)
       faraday (> 0.8, < 2.0)
+    simpleidn (0.1.1)
+      unf (~> 0.1.4)
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
     thread_safe (0.3.6)
     typhoeus (1.4.0)
       ethon (>= 0.9.0)
-    tzinfo (1.2.7)
+    tzinfo (1.2.9)
       thread_safe (~> 0.1)
+    unf (0.1.4)
+      unf_ext
+    unf_ext (0.0.7.7)
+    unf_ext (0.0.7.7-x64-mingw32)
     unicode-display_width (1.7.0)
-    zeitwerk (2.3.0)
+    wdm (0.1.1)
+    zeitwerk (2.4.2)
 
 PLATFORMS
   ruby
@@ -248,6 +263,7 @@ PLATFORMS
 
 DEPENDENCIES
   github-pages
+  wdm (>= 0.1.0)
 
 BUNDLED WITH
    2.1.4

_articles/2019/are-the-roads-around-your-home-and-school-safe.md

@@ -7,8 +7,6 @@ copyright: Getty
 description: 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.
 ---
 
-**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.**
-
 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.
 
 During the most busy periods immediately before and after school starts and finishes, Reading School boys face danger from motorists who violate the Highway Code.  Simon Beasley, the Network and Parking Manager for Reading Borough Council, told us that six hundred and thirty three tickets were given out in January 2019 for offences such as parking on double yellow lines.  Our eyewitnesses have told us that it is this kind of careless driving which can often pose the biggest threat.
@@ -21,8 +19,8 @@ The effects of this behaviour can be seen in the morning when commuting motorist
 
 There are three main types of collisions on roads: pedestrian/cyclist collision, a side impact collision and a head-on collision.  The Road Safety Foundation provided our BBC Young Reporter team with evidence that pedestrians and cyclists are more susceptible to injury even at lower speeds.
 
-{% include image.html id=1 caption="A graph showing the probability of fatality for motor accidents" copyright="Getty" %}
+{% include image.html caption="A graph showing the probability of fatality for motor accidents" copyright="Getty" %}
 
 Reading School’s Head Master Mr Robson has recently given students advice on how to keep themselves safe when walking home, recommending that they do not take out their mobile devices and instead pay attention to their surroundings.  RoSPA also says that young pedestrians should wear reflective clothing during winter months and practice the Green Cross Code.
 
-{% include image.html id=2 caption="An example of cars blocking the path for disabled and elderly people" copyright="BBC" %}
+{% include image.html caption="An example of cars blocking the path for disabled and elderly people" copyright="BBC" %}

_articles/2019/book-week-real-life-issues-inspire-sarah-govett.md

@@ -19,7 +19,7 @@ Ms Govett also spoke about the real-life issues that the book addresses, stating
 
 Global warming and climate change, as far-fetched as it is in the ‘Territory’ series is a growing issue in real life. Research in 2018 by NASA scientists shows that the sea level will rise by 1-4 feet by 2100 at the current rate. So, the partial submerging portrayed in the ‘Territory’ books could not be as far off as you imagine.
 
-{% include image.html id=1 caption="Sarah Govett's books are set in a world where global warming has wrecked the planet" copyright="Reading School" %}
+{% include image.html caption="Sarah Govett's books are set in a world where global warming has wrecked the planet" copyright="Reading School" %}
 
 She also said, “I don’t like dystopia where people are evil for the sake of being evil. I like to have the people doing wrong things to have a reason. The ‘Territory’ series shows how global warming can do this.”
 

_articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.md

@@ -21,4 +21,4 @@ The response from teachers was extremely diverse; each of the thirteen teachers
 
 What is clear from our poll is that there are is really diverse range of women who have inspired this generation. With the English Women’s football team winning the ‘SheBelives’ cup against Japan in the USA last night, that there are many more women inspiring others every day.
 
-{% include image.html id=1 caption="The results from our student survey" copyright="Reading School" %}
+{% include image.html caption="The results from our student survey" copyright="Reading School" %}

_articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.md

@@ -7,8 +7,6 @@ copyright: Reading School
 description: A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.
 ---
 
-*A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.*
-
 **Caversham Lawn Tennis Club, which celebrates its centenary in 2020, has voted to move venues following the rejection of their planning application for floodlights.**
 
 After nighty nine years at the same site in Caversham the members of the local tennis club have taken the opportunity to move after an important planning application was declined.
@@ -24,7 +22,7 @@ Others objected to the planning application by expressing fears of the damaging
 
 Whilst Vivien Jameson, also a close neighbour to the club, said she felt: “sad, I’d much prefer the area to stay as a tennis club, people need exercise”. She explained that some of her next-door neighbours felt the same although others obviously have different views.
 
-{% include image.html id=1 caption="An excellent view of 4 courts at Caversham Lawn Tennis Club" copyright="Reading School" %}
+{% include image.html caption="An excellent view of 4 courts at Caversham Lawn Tennis Club" copyright="Reading School" %}
 
 **Now the club was faced with a big question.**
 

_articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.md

@@ -21,7 +21,7 @@ Firstly, why does bullying occur in video games?   Experienced gamers in the Rea
 
 In competitive game modes, where players are pitted against the best of the best in order to improve their rank to show how good they are (such as Tom Clancy’s Rainbow Six Siege, Call of Duty and FIFA), players can be led astray from the actual enjoyment of the game into being the best at it out of their friend group. Ben says: “one of the main reasons bullying whilst gaming takes place is because someone is better than the bully but the bully wants to be the best at the game, so he goes against the player he is playing with.” They may go about this in many ways in order to get the player angry or upset making them play worse, forcing them to do something in retaliation in order to make them look worse than the person doing it in the first place or making them quit the game and stop playing video games altogether.
 
-{% include image.html id=1 caption="Competitive e-sports competitions are beginning to attract thousands of competitors and millions of viewers" copyright="Getty" %}
+{% include image.html caption="Competitive e-sports competitions are beginning to attract thousands of competitors and millions of viewers" copyright="Getty" %}
 
 Gamers we spoke to also said that in more casual situations, where the players are looking for an escape from the competitive category just looking for a game situation where no one is judged to be better or worse than anyone else, the reasons to bully may be more minor and possibly even pettier. “Maybe the bully’s favourite character was picked by someone else and now since they can’t play as him/her or maybe there was a situation in the last round where a player may have not used simple game logic and the bully may just be angry at them and wants them to feel bad about that last round,” explained Tom.
 

_articles/2019/what-is-in-the-patients-best-interest.md

@@ -7,14 +7,9 @@ copyright: BBC
 description: 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.
 ---
 
-**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.**
-
 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?
 
-<figure>
+{% include image.html caption="Mahesh Nanjudappa, senior neonatologist at King's College Hospital, London" copyright="Reading School" %}
-    <img src="/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--extra-1.jpg" style="width:100%;">
-    <figcaption class="mdc-typography--caption-text">Mahesh Nanjudappa, senior neonatologist at King's College Hospital, London | &copy; Reading School</figcaption>
-</figure>
 
 Mahesh Nanjundappa, a senior neonatologist in the NHS, shared his views with us.
 
@@ -24,10 +19,7 @@ He also mentioned his experience of withdrawal and limitation of treatment, sayi
 
 In 2017, Connie Yates and Chris Gard were involved in a best interests case that concerned their son: Charlie Matthew William Gard who was born with a rare genetic disorder which has no proven treatment. The parents initially wanted to try experimental treatment in the United States. After Charlie’s condition deteriorated, however, the NHS determined that further treatment was futile.
 
-<figure>
+{% include image.html caption="There were many protests in favour of Ms Yates and Mr Gard" copyright="Getty" %}
-    <img src="/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--extra-2.jpg" style="width:100%;">
-    <figcaption class="mdc-typography--caption-text">There were many protests in favour of Ms Yates and Mr Gard | &copy; Getty</figcaption>
-</figure>
 
 Ms Yates and Mr Gard disagreed, and their court battles were subject to widespread attention. However, the parents eventually agreed to the withdrawal of life support, and Charlie passed in late July 2017.
 It is standard protocol in the NHS that doctors must consult with the patient and their close ones regarding treatment. It is patient’s right to refuse treatment. The NHS can also refuse certain treatments, but this can be taken to legal proceedings like in the Charlie Gard case.

_articles/2019/whats-next-for-reading-prison.md

@@ -47,4 +47,4 @@ Matt Rodda MP suggests that members of the public who want to support the projec
 
 In addition to the many educational and cultural benefits of this theatre and arts venue vision, many in the local community and beyond feel that it would be a fitting conclusion to the story of Oscar Wilde and Reading Gaol.
 
-{% include image.html id=1 caption="An inside view of the prison" copyright="BBC" %}
+{% include image.html caption="An inside view of the prison" copyright="BBC" %}

_articles/2020/charity-children-want-to-create-change.md

@@ -7,41 +7,37 @@ copyright: Reading School
 description: Reading School students want to make a difference to the world by getting involved with charities and raising money for them
 ---
 
-### How important is charity in YOUR lives?
+## How important is charity in YOUR lives?
 
 Currently, it is fair to say that many adults think that young students do not take part in enough charity events in the UK. There is a stereotype that children do not know enough information about charities, leading to them completely ignoring something that they need to be involved in. 
 But Reading School students want to change this.
 
-# Are Students Aware of Charity Events?
+## Are Students Aware of Charity Events?
 
 Looking at the most important perspective, the students’ view, 91% of 53 students we surveyed for BBC Young Reporter, agree that children should be more aware of charities and what they do, with one student saying that charities, “Make people aware of not only how much the world can be helped, but also how privileged we are, and that we should help the less privileged population of the world.” Ben, the head of the charity committee run by students in Reading School, feels that, “Charity is a big part of Reading School,” with a steady increase in the number of students taking part in charity events over the years. Many students have ties with local charities because their families are part of them. For example, Balendran, who lives in Woodley, is the head of a charity called Path to The Future, which helps underprivileged families. He agrees with Ben and believes that, “There is quite a lot of awareness among children and the people supporting them, but this awareness could increase with various different methods.” 
 
-# Do People Believe that Charities can Help Develop Character?
+## Do People Believe that Charities can Help Develop Character?
 
 Most people will say that character is something that all schools want to build, and many think that helping in charities is the key to this. Among Year 7 and 8 students at Reading School, 87% say that charities will develop their character. One student gave a very thoughtful response about charity events, saying that they allow him, “To see the different conditions in which others live”, letting him understand their lives and appreciate his own. Ben also agrees. He talked about, “Students’ perspective, humility and interpersonal skills,” improving when children take part in charity events or are part of charities. 
 
-# Do Charity Organisers Feel that Children will Fit into the Charity Spirit well?
+## Do Charity Organisers Feel that Children will Fit into the Charity Spirit well?
 
 Balendran strongly agrees with the fact that many charities need as much help as possible, with “Children fitting into the scheme of things in a charity very well” and that children would definitely enjoy the experience. Even though Ben does not run a charity, he knows what it is like to be the organiser of an event, and stated that most charities are non-profit and, “Need as much help as possible.” He also added that, “Even if children do small jobs, it could be hugely beneficial to charities.” - children tidying up after events could help charities much as actually running the event.
 
-# Would Students Enjoy Taking Part in Charity Events?
+## Would Students Enjoy Taking Part in Charity Events?
 
 Students felt that they would enjoy certain types of charity events. One pupil commented that his favourite event would be, “Running a stall, because as well as attracting people, you get to socialise with people as well.” Balendran feels that, “Students will enjoy taking part in events because it is a different experience for them which will be useful later on in life.” Ben completely agrees with Balendran. He believes that they would enjoy charity events because, “Completing a charity event successfully feels so rewarding, organising and leading it feels so satisfying.” 
 
-# How Would Charities Encourage Students to Take Part More? 
+## How Would Charities Encourage Students to Take Part More? 
 
 Many charities want to find ways to encourage students to take part more, like with Balendran, who thinks that, “Social media, schools and parents are some of the best ways of encouraging students to take part in charity events,” adding that, “This is because they are huge parts of people’s lives and they can demonstrate the importance of charity, hence inspiring them to involve themselves with charity.” However, Ben has a completely different view on this – he thinks that it is better to, “Encourage them by telling them to find a topic of passion, and search up charities related to that passion, taking part in as many of their events as possible,” which is telling the students to do their own research related to what they like or dislike.
 
-{% include image.html id=1 caption="Certificate given to Reading School Students for raising £770 to their chosen charity" copyright="Reading School" %}
+{% include image.html caption="Certificate given to Reading School Students for raising £770 to their chosen charity" copyright="Reading School" %}
 
-# Do students feel that they should take part in more charity events?
+## Do students feel that they should take part in more charity events?
 
 This is an issue which provokes quite contrasting opinions. One student felt that “The school should introduce more events because they are only helping a few charities and support would be welcome in countless others,” while another student thought that, “The school produces a lots of donation money already from events like Non-Uniform Days, House Charity and other charity events such as Children In Need,” which reinforces the fact that charity is very important at Reading School and that the school already does a lot of charity events every year.
 
 Students believe that charity should be a greater part of their society and schools in general. They understand the benefits of charity events, like helping to build their character and encouraging them to try out new things in life. They also think that social media and schools should encourage other students, who may not know as much about charity, to take part in charity events, raise awareness and allow them to understand why charity is so important. Charity achieves so many things, and students in Reading School want to be involved in changing the future of millions around the world.
 
-{% include image.html id=2 caption="Reading School Students Raising Money for the Alzheimer’s Society outside the University of Reading" copyright="Reading School" %}
+{% include image.html caption="Reading School Students Raising Money for the Alzheimer’s Society outside the University of Reading" copyright="Reading School" %}
-
-<!-- Also see our podcast, related to this article:
-
-<iframe scrolling="no" src="https://anchor.fm/nsph/embed/episodes/Charity-Children-Want-to-Create-Change---Behind-the-Scenes-of-our-Article-ebeore/a-a1msk65"> -->

_articles/2020/its-just-not-cricket-anymore.md

@@ -2,11 +2,9 @@
 title: It's just not Cricket... Anymore
 date: 2020-03-29 10:25
 authors: Milan G
-image-caption: It’s just not cricket... anymore
+image-caption: A modern cricket bat and ball
 copyright: Reading School
-video-caption: It’s just not cricket... anymore
-video-id: rGbNvnmoC3w
-layout: video-article
 description: 
 ---
 
+{% include video.html id="rGbNvnmoC3w" %}

_articles/2020/power-to-the-9s.md

@@ -7,7 +7,7 @@ copyright: Reading School
 description: The Power to the 9s is a new project being launched by Reading School this year and being led by Mr. Tom Evans, an Assistant Head of Reading School
 ---
 
-{% include image.html id=1 caption="The logo for Power to the 9s" copyright="Reading School" %}
+{% include image.html caption="The logo for Power to the 9s" copyright="Reading School" %}
 
 # What is the Power to the 9s project?
 
@@ -28,9 +28,9 @@ Toby, who went to Tasmania in 2019, reckons that: “Being away from home shaped
 D
 ylan went on the trip to Sweden last year, and believes he benefited from the experience: “I think it will help build relationships between students."
 
-{% include image.html id=2 caption="An activity on the Sweden trip last year" copyright="Reading School" %}
+{% include image.html caption="An activity on the Sweden trip last year" copyright="Reading School" %}
 
-{% include image.html id=3 caption="The wonderful sights of nighttime Sweden" copyright="Reading School" %}
+{% include image.html caption="The wonderful sights of nighttime Sweden" copyright="Reading School" %}
 
 Mrs. Mole, as well as being the Headmaster’s Executive Assistant, went on the Sweden trip last year, and she had a great time. She said, “I hope that Power to the 9s will develop students as well-rounded young people and make the students think about others as well, in a good-natured way, instead of just themselves.”
 

_articles/2020/reading-gaol-and-its-march-for-the-past.md

@@ -11,7 +11,7 @@ On the 21st of March, a crowd will gather outside the Hexagon in Reading at arou
 
 Reading East MP Matt Rodda has started a petition to save Reading Gaol which, at the start of January, had already attracted over 8,000 signatures. He stated ‘We don’t want the historical Gaol to become luxury flats, we want it to be a world-class arts and heritage site, open to all and an asset to the whole community. The Ministry of Justice could make their decision at any time so we need to act quickly to make our voices’ heard again’. He also believes that ‘Reading Gaol should become a space that we can all enjoy’ and that ‘we have an enormous strength of support for saving this historic site’.
 
-{% include image.html id=1 caption="The jail, while modern, has a rich history" copyright="Matthew Grove" %}
+{% include image.html caption="The jail, while modern, has a rich history" copyright="Matthew Grove" %}
 
 Reading Town Centre is a hotspot for local tourist sites. There is the museum where you can explore the town’s rich history and marvel at the UK’s only full-size, woven copy of the famous Bayeux Tapestry. You could also visit Forbury Garden which is home to the Maiwand Lion, a monument that is one of the largest iron-cast statues in the world. Reading Abbey, an extensive medieval complex, which is currently being restored. It also one of the only places that Parliament was held, outside of Westminster (in 1453). And of course, Reading Gaol: a building constructed in Queen Victoria’s reign to be on the cutting edge of the penal system and housed inmates from poets to boxers.
 

_articles/_template.md

@@ -0,0 +1,10 @@
+---
+title: Headline
+date: 2019-03-06 13:38
+authors: John D, Jane D
+image-caption: 
+copyright: 
+description: 
+---
+
+Content

_articles/_templates/2019-03-06-image-article-name.md

@@ -1,10 +0,0 @@
----
-title: Title
-date: 2020-03-19 08:54
-authors: Name
-image-caption: A caption for the cover image
-copyright: Reading School
-description: Article description
----
-
-Content

_articles/_templates/2019-03-06-sound-article-name.md

@@ -1,12 +0,0 @@
----
-title: Title
-date: 2019-03-06 7:01
-authors: Name
-image-caption: A caption for the cover image
-copyright: Reading School
-sound-caption: A caption for the audio
-layout: sound-article
-description: Article description
----
-
-Content

_articles/_templates/2019-03-06-video-article-name.md

@@ -1,13 +0,0 @@
----
-title: Title
-date: 2020-03-14 15:25
-authors: Name
-image-caption: A caption for the cover image
-copyright: Reading School
-video-caption: A caption for the video
-video-id: YouTube video ID
-layout: video-article
-description: Article description
----
-
-Content

_config.yml

@@ -1,19 +1,18 @@
 name: BBC Young Reporter | Reading School
 title: BBC Young Reporter | Reading School
-parallax-speed: 0.5
 defaults:
   -
     scope:
       path: ""
     values:
-      layout: "year"
+      layout: "home"
   
   -
     scope:
       path: ""
       type: "articles"
     values:
-      layout: "image-article"
+      layout: "article"
 collections:
   articles:
     output: true

_includes/article-heading.html

@@ -1,10 +0,0 @@
-{% assign article_url = page.url | relative_url %}
-<div class="parallax-section article-title-section" data-jarallax data-speed="{{ site.parallax-speed }}" style="background-image: url('/images{{ article_url | remove: '.html' | remove: '/articles' }}.jpg');">
-    <h2 class="mdc-typography--headline3">{{ page.title }}</h2>
-</div>
-<figcaption class="mdc-typography--caption-text">{{ page.image-caption }} &bull; &copy; {{ page.copyright }}</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>
-     &bull; by {{ page.authors }}
-</h3>

_includes/article-page-head.html

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

_includes/cookie-notice.html

@@ -1,4 +1,6 @@
 <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>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>

_includes/footer.html

@@ -1,6 +1,19 @@
-<div class="footer-container">
+<div class="content">
-  <footer>
+    <section>
-    <span >&copy; Matthew G {{ "now" | date: "%Y" }} &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <h4>Reading School</h4>
-    <img>
+        <ul class="plain">
-  </footer>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G {{ "now" | date: "%Y" }}.</a>
 </div>

_includes/head.html

@@ -1,37 +1,49 @@
+{% if page.url contains "/years" %}
+{% assign page_title = page.url | relative_url | remove: ".html" | remove: "/years/" %}
+{% assign page_description = "Articles from Reading School's year 8 students in " | append: page_title %}
+{% else %}
+{% assign page_title = page.title %}
+{% assign page_description = page.description %}
+{% endif %}
+
 <head>
-    {% include meta.html %}
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <meta name="HandheldFriendly" content="True">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-    <!-- import Roboto (font) -->
+    <!-- add to homescreen for Chrome on Android -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <meta name="mobile-web-app-capable" content="yes">
 
-    <!-- import jQuery -->
+    <!-- add to homescreen for Safari on iOS -->
-    <script src="/js/jquery.min.js"></script>
+    <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="{{ page_title }}">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-    <!-- import jQuery timeago -->
+    <!-- tile icon & colour for Windows 8 -->
-    <script src="/js/jquery.timeago.min.js"></script>
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-    <!-- import cookie JavaScript -->
+    <!-- page info -->
-    <script src="/js/cookies.js"></script>
+    <title>{{ page_title }} | Reading School</title>
+    <meta name="description" content="{{ page_description }}">
+    <meta name="keywords" content="" />
 
-    <!-- import Material Design components & icons -->
+    <!-- stylesheets -->
-    <link href="/css/material-components-web.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-    <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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>

_includes/header.html

@@ -0,0 +1,26 @@
+<!-- Header -->
+<header id="header">
+	<img src="/images/logo-white-padded.png" class="logo" />
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
+	<nav>
+		<a href="#menu">Menu</a>
+	</nav>
+</header>
+
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/" {% if page.url == "/" %} class="current-page-link main-navbar-link" {% else %} class="main-navbar-link" {% endif %}>Home</a></li>
+
+	{% for article in site.articles reversed %}
+	{% assign currentdate = article.date | date: "%Y" %}
+	{% if currentdate != date %}
+	{% assign year_url = "/years/" | append: currentdate | append: ".html" %}
+	<li><a href="/years/{{ currentdate }}" {% if page.url == year_url %} class="current-page-link year-navbar-link" {% else %} class="year-navbar-link" {% endif %}>{{ currentdate }}</a></li>
+	{% assign date = currentdate %}
+	{% endif %}
+	<li><a href="{{ article.url | relative_url }}" {% if article.url == page.url %} class="current-page-link article-navbar-link" {% else %} class="article-navbar-link" {% endif %}>{{ article.title }}</a></li>
+	{% endfor %}
+	</ul>
+</nav>

_includes/image.html

@@ -1,5 +1,8 @@
-{% assign article_url = page.url | relative_url %}
+{% assign image-counter = image-counter | plus: 1 %}
-<figure>
+<div class="article-image">
-    <img src="/images{{ article_url | remove: '.html' | remove: '/articles' }}--extra-{{ include.id }}.jpg" style="width:100%;">
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">{{ include.caption }} &bull; &copy; {{ include.copyright }}</figcaption>
+		<img class="image fit" src="/images/{{ page.url | relative_url | remove: '.html' | remove: '/articles/' }}--extra-{{ image-counter }}.jpg" alt="">
-</figure>
+		<p class="image-copyright">&copy; {{ include.copyright }}</p>
+	</div>
+	<p class="image-caption">{{ include.caption }}</p>
+</div>

_includes/mdc-card.html

@@ -1,17 +0,0 @@
-{% assign article_url = include.article.url | relative_url %}
-<div class="mdc-card" onclick="window.location='{{ article_url }}';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images{{ article_url | remove: '.html' | remove: '/articles' }}.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">{{ include.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' }}">{{ include.article.date | date: '%A %e %B %Y' }}</time>
-            &bull; by {{ include.article.authors }}
-        </h3>
-        <div class="mdc-typography--body2 article-description">{{ include.article.description }}</div>
-    </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 }}';">Read</button>
-        </div>
-    </div>
-</div>

_includes/meta.html

@@ -1,22 +0,0 @@
-<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="{{ page.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>{{ page.title }} | Reading School</title>
-<meta name="description" content="{{ page.description }}">

_includes/navbar.html

@@ -1,47 +0,0 @@
-<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>
-            {% if site.articles %}
-            <div class="mdc-list-group">
-                <h3 class="mdc-typography--headline7">Articles</h3>
-                {% for article in site.articles reversed %}
-                    {% assign currentdate = article.date | date: "%Y" %}
-                    {% if currentdate != date %}
-                    {% if article.url != site.articles.last.url %}
-                    </div>
-                    {% endif %}
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/{{ currentdate }}" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">{{ currentdate }}</span>
-                        </a>
-                    </h3>
-                    {% assign date = currentdate %}
-                    {% endif %}
-                    <a class="mdc-list-item" href="{{ article.url | relative_url }}" data-mdc-auto-init="MDCRipple">
-                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
-                        <span class="mdc-list-item__text">{{ article.title }}</span>
-                    </a>
-                    {% if article.url == site.articles.first.url %}
-                    </div>
-                    {% endif %}
-                {% endfor %}
-            </div>
-            {% endif %}
-        </nav>
-    </div>
-</aside>
-
-<div class="mdc-drawer-scrim"></div>

_includes/scripts.html

@@ -0,0 +1,4 @@
+<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>

_includes/top-app-bar.html

@@ -1,13 +0,0 @@
-<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>

_includes/top-scroll-button.html

@@ -1,5 +0,0 @@
-<a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
-    </div>
-</a>

_includes/video.html

@@ -0,0 +1,4 @@
+<div class="video fit">
+	<iframe src="https://www.youtube.com/embed/{{ include.id }}" frameborder="0" allow="autoplay; encrypted-media"
+		allowfullscreen></iframe>
+</div>

_layouts/404.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% include head.html %}
-    <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">
-                    <h2 class="mdc-typography--headline2">{{ page.title }}</h2>
-                    {{ content }}
-                </div>
-            </main>
-            {% include footer.html %}
-        </div>
-    </body>
-    <style>
-        .mdc-top-app-bar--short-fixed-adjust {
-            text-align: center;
-        }
-    </style>
-</html>

_layouts/article.html

@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+
+{% include head.html %}
+
+<body class="is-preload">
+	
+	{% include header.html %}
+
+	{% include cookie-notice.html %}
+
+	{% assign image-counter = 0 %}
+
+	<!-- Heading -->
+	<div id="heading">
+		<h1>{{ page_title }}</h1>
+		<p class="inner">{{ page_description }}</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">{{ page.image-caption }} &bull; &copy; {{ page.copyright }}</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="{{ page.date | date: '%Y-%m-%d' }}T{{ page.date | date: '%H:%M:%S' }}">{{ page.date | date: '%d/%m/%Y' }}</time> &bull; by {{ page.authors }}</p></b>
+				<p class="article-description-mobile"><b>{{ page.description }}</b></p>
+				<p>{{ content }}</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			{% include footer.html %}
+		</div>
+	</footer>
+	
+	{% include scripts.html %}
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images{{ page.url | remove: '.html' | remove: '/articles' }}.jpg");
+}
+</style>
+
+</html>

_layouts/home.html

@@ -1,24 +1,80 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    {% include head.html %}
+
-    <link href="/css/article-list.css" rel="stylesheet">
+{% include head.html %}
-    <link href="/css/home.css" rel="stylesheet">
+	
-    <body>
+<body class="is-preload">
-        <!-- cookie notice is included automatically -->
+
+	{% include header.html %}
+
 	{% include cookie-notice.html %}
 
-        <!-- content of navbar is included via jQuery -->
+	<!-- Banner -->
-        {% include navbar.html %}
+	<section id="banner">
-
+		<div class="inner">
-        <div class="mdc-drawer-app-content">
+			<img src="/images/logo-white.png" class="banner-logo" />
-            {% include top-app-bar.html %}
+			<h1>{{ page_title }}</h1>
-
+			<p>{{ page_description }}</p>
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    {{ content }}
 		</div>
-            </main>
+	</section>
+
+	{% if page.url contains "/years" %}
+
+	<section class="wrapper">
+		<div class="inner">
+			<div class="highlights">
+			{% if site.articles %}
+			{% assign articles = site.articles | sort: date | reverse %}
+			{% for article in articles %}
+			{% assign articleyear = article.date | date: "%Y" %}
+			{% if page_title == articleyear %}
+			<section>
+				<div class="content">
+					<header>
+						{% assign article_url = article.url | relative_url %}
+						<a href="{{ article_url }}" class="image fit"><img
+								src="/images{{ article_url | remove: '.html' | remove: '/articles' }}.jpg"></a>
+						<h3>{{ article.title }}</h3>
+					</header>
+					<p><time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ article.date | date: '%d/%m/%Y' }}</time> &bull; by {{ article.authors }}</p>
+					<p style="text-align: left;">{{ article.description }}</p>
+					<a href="{{ article_url }}" class="button small">Read more</a>
+				</div>
+			</section>
+			{% endif %}
+			{% endfor %}
+			{% endif %}
+		</div>
+	</section>
+
+	{% else %}
+
+	{{ content }}
+
+	{% endif %}
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
 			{% include footer.html %}
 		</div>
-    </body>
+	</footer>
+	
+	{% include scripts.html %}
+
+</body>
+
+{% if page.url contains "/years/" %}
+{% assign banner-image = page.url | remove: '.html' | remove: '/years' | remove: '/' %}
+{% else %}
+{% assign most_recent_article = site.articles | sort: date | reversed | last %}
+{% assign banner-image = most_recent_article.date | date: "%Y" %}
+{% endif %}
+
+<style>
+#banner {
+	background-image: url("/images/backgrounds/{{ banner-image }}.jpg");
+}
+</style>
+
 </html>

_layouts/image-article.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% include head.html %}
-    {% include article-page-head.html %}
-    <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">
-                    {% include article-heading.html %}
-                    <div class="article-content">
-                        {{ content }}
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            {% include footer.html %}
-            {% include top-scroll-button.html %}
-        </div>
-    </body>
-</html>

_layouts/sound-article.html

@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% include head.html %}
-    {% include article-page-head.html %}
-    <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">
-                    {% include article-heading.html %}
-                    <div class="article-content">
-                        <audio controls>
-                            <source src="{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.ogg" type="audio/ogg">
-                            <source src="{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.mp3" type="audio/mpeg">
-                            Sorry, but audio can't be played on your device.
-                        </audio>
-                        <figcaption class="mdc-typography--caption-text">{{ page.audio-caption }}</figcaption>
-                        {{ content }}
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            {% include footer.html %}
-            {% include top-scroll-button.html %}
-        </div>
-    </body>
-</html>

_layouts/video-article.html

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% include head.html %}
-    {% include article-page-head.html %}
-    <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">
-                    {% include article-heading.html %}
-                    <div class="article-content">
-                        <iframe class="video" src="https://www.youtube.com/embed/{{ page.video-id }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-                        <figcaption class="mdc-typography--caption-text">{{ page.video-caption }}</figcaption>
-                        {{ content }}
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            {% include footer.html %}
-            {% include top-scroll-button.html %}
-        </div>
-    </body>
-</html>

_layouts/year.html

@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-    {% assign pageyear = page.url | relative_url | remove: '.html' | remove: '/years/' %}
-    <!-- overwrite default title and description -->
-    <meta name="apple-mobile-web-app-title" content="{{ pageyear }} | BBC Young Reporter | Reading School">
-    <title>{{ pageyear }} | BBC Young Reporter | Reading School</title>
-    <meta name="description" content="News articles written by Reading School students in year 8, in {{ pageyear }}">
-    <link href="/css/article-list.css" rel="stylesheet">
-    <link href="/css/year.css" rel="stylesheet">
-    {% include head.html %}
-    <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">
-                    <div class="year-header parallax-section" data-jarallax data-speed="{{ site.parallax-speed }}" 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.articles | sort: date | reverse %}
-                            {% for article in articles %}
-                            {% assign articleyear = article.date | date: "%Y" %}
-                            {% if pageyear == articleyear %}
-                                {% include mdc-card.html article=article %}
-                            {% endif %}
-                            {% endfor %}
-                        </div>
-                    </div>
-                    <div class="splitter"></div>
-                </div>
-            </main>
-            {% include footer.html %}
-        </div>
-    </body>
-</html>

_site/404.html

@@ -1,286 +1,210 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Page Not Found | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Page Not Found">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Page Not Found | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="This page can't be found - Reading School - BBC Young Reporter">
+    <title>Page Not Found | Reading School</title>
+    <meta name="description" content="Error 404">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 	
-    <body>
+<body class="is-preload">
-        <!-- cookie notice is included automatically -->
+
-        <div id="cookies">
+	<!-- Header -->
-    <p>Just to let you know, we use cookies on our site.</p>
+<header id="header">
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
+	<img src="/images/logo-white-padded.png" class="logo" />
-</div>
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-
+	<nav>
-
+		<a href="#menu">Menu</a>
-        <!-- 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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <main class="main-content" id="main-content">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
-                    <h2 class="mdc-typography--headline2">Page Not Found</h2>
-                    <p>Sorry, but we can’t find that page.
-Click <a href="/">here</a> to see the articles Reading School’s year 8 students have written during this year’s BBC Young Reporter day.</p>
 	
+	
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
+</div>
+
+	<!-- Banner -->
+	<section id="banner">
+		<div class="inner">
+			<img src="/images/logo-white.png" class="banner-logo" />
+			<h1>Page Not Found</h1>
+			<p>Error 404</p>
 		</div>
-            </main>
+	</section>
-            <div class="footer-container">
+
-  <footer>
+	
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+
-    <img>
+	<section class="wrapper">
-  </footer>
+	<div class="inner">
+		<header class="special">
+			<p>Sorry, but we can't find that page. Click <a href="/">here</a> for the homepage.</p>
+		</header>
+	</div>
+</section>
+
+
+	
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
 		</div>
-    </body>
+	</footer>
-    <style>
+	
-        .mdc-top-app-bar--short-fixed-adjust {
+	<!-- Scripts -->
-            text-align: center;
+<script src="/assets/js/cookies.js"></script>
-        }
+<script src="/assets/js/util.js"></script>
-    </style>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+
+
+<style>
+#banner {
+	background-image: url("/images/backgrounds/2020.jpg");
+}
+</style>
+
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-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">
+    <meta name="apple-mobile-web-app-title" content="A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It? | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/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>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="current-page-link article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">An anorexic girl &bull; &copy; Getty</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T13:38:00">Wednesday  6 March 2019</time>
+
-     &bull; by Luke H
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h1>
-                        <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 class="inner">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>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">An anorexic girl &bull; &copy; Getty</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T13:38:00">06/03/2019</time> &bull; by Luke H</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<p><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>
 
@@ -292,23 +178,47 @@
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

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

@@ -1,287 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Are The Roads Around Your Home And School Safe? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Are The Roads Around Your Home And School Safe?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Are The Roads Around Your Home And School Safe? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>Are The Roads Around Your Home And School Safe? | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/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>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="current-page-link article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">An example of a car parking on a double yellow line &bull; &copy; Getty</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2019-03-06T14:46:00">Wednesday  6 March 2019</time>
-     &bull; by Riley C, Oliver C
-</h3>
-                    <div class="article-content">
-                        <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>
+
+	<!-- Heading -->
+	<div id="heading">
+		<h1>Are The Roads Around Your Home And School Safe?</h1>
+		<p class="inner">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.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">An example of a car parking on a double yellow line &bull; &copy; Getty</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T14:46:00">06/03/2019</time> &bull; by Riley C, Oliver C</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<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>
 
 <p>During the most busy periods immediately before and after school starts and finishes, Reading School boys face danger from motorists who violate the Highway Code.  Simon Beasley, the Network and Parking Manager for Reading Borough Council, told us that six hundred and thirty three tickets were given out in January 2019 for offences such as parking on double yellow lines.  Our eyewitnesses have told us that it is this kind of careless driving which can often pose the biggest threat.</p>
 
@@ -293,34 +177,64 @@
 
 <p>There are three main types of collisions on roads: pedestrian/cyclist collision, a side impact collision and a head-on collision.  The Road Safety Foundation provided our BBC Young Reporter team with evidence that pedestrians and cyclists are more susceptible to injury even at lower speeds.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/are-the-roads-around-your-home-and-school-safe--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">A graph showing the probability of fatality for motor accidents &bull; &copy; Getty</figcaption>
+		<img class="image fit" src="/images/2019/are-the-roads-around-your-home-and-school-safe--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Getty</p>
+	</div>
+	<p class="image-caption">A graph showing the probability of fatality for motor accidents</p>
+</div>
 
 <p>Reading School’s Head Master Mr Robson has recently given students advice on how to keep themselves safe when walking home, recommending that they do not take out their mobile devices and instead pay attention to their surroundings.  RoSPA also says that young pedestrians should wear reflective clothing during winter months and practice the Green Cross Code.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/are-the-roads-around-your-home-and-school-safe--extra-2.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">An example of cars blocking the path for disabled and elderly people &bull; &copy; BBC</figcaption>
+		<img class="image fit" src="/images/2019/are-the-roads-around-your-home-and-school-safe--extra-2.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; BBC</p>
-
 	</div>
-                    <div class="splitter"></div>
+	<p class="image-caption">An example of cars blocking the path for disabled and elderly people</p>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
-  </footer>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
+</p>
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 			</div>
-</a>
+		</div>
+	</section>
 
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-    </body>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/are-the-roads-around-your-home-and-school-safe.jpg");
+}
+</style>
+
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Book Week - Real Life Issues Inspire Sarah Govett | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Book Week - Real Life Issues Inspire Sarah Govett">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Book Week - Real Life Issues Inspire Sarah Govett | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.">
+    <title>Book Week - Real Life Issues Inspire Sarah Govett | Reading School</title>
+    <meta name="description" content="Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/book-week-real-life-issues-inspire-sarah-govett.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Book Week - Real Life Issues Inspire Sarah Govett</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="current-page-link article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Sarah Govett visited Reading School as part of Book Week &bull; &copy; Reading School</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T14:14:00">Wednesday  6 March 2019</time>
+
-     &bull; by Aadith C, Adit S, Adi V
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Book Week - Real Life Issues Inspire Sarah Govett</h1>
-                        <p><strong>Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.</strong></p>
+		<p class="inner">Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Sarah Govett visited Reading School as part of Book Week &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T14:14:00">06/03/2019</time> &bull; by Aadith C, Adit S, Adi V</p></b>
+				<p class="article-description-mobile"><b>Sarah Govett, author of the critically acclaimed ‘Territory’ series, discussed with us writing, life and everything in between.</b></p>
+				<p><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>
 
@@ -291,31 +177,58 @@
 
 <p>Global warming and climate change, as far-fetched as it is in the ‘Territory’ series is a growing issue in real life. Research in 2018 by NASA scientists shows that the sea level will rise by 1-4 feet by 2100 at the current rate. So, the partial submerging portrayed in the ‘Territory’ books could not be as far off as you imagine.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/book-week-real-life-issues-inspire-sarah-govett--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">Sarah Govett's books are set in a world where global warming has wrecked the planet &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2019/book-week-real-life-issues-inspire-sarah-govett--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">Sarah Govett's books are set in a world where global warming has wrecked the planet</p>
+</div>
 
 <p>She also said, “I don’t like dystopia where people are evil for the sake of being evil. I like to have the people doing wrong things to have a reason. The ‘Territory’ series shows how global warming can do this.”</p>
 
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/book-week-real-life-issues-inspire-sarah-govett.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Could Sky-High Aims Bring Reading Down? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Could Sky-High Aims Bring Reading Down?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Could Sky-High Aims Bring Reading Down? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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?">
+    <title>Could Sky-High Aims Bring Reading Down? | Reading School</title>
+    <meta name="description" content="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?">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/could-sky-high-aims-bring-reading-down.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Could Sky-High Aims Bring Reading Down?</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="current-page-link article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">One of the buildings in CNM Estates' Verto developments | &copy; Reading School &bull; &copy; </figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T12:56:00">Wednesday  6 March 2019</time>
+
-     &bull; by Ben P
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Could Sky-High Aims Bring Reading Down?</h1>
-                        <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 class="inner">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>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">One of the buildings in CNM Estates' Verto developments | &copy; Reading School &bull; &copy; </p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T12:56:00">06/03/2019</time> &bull; by Ben P</p></b>
+				<p class="article-description-mobile"><b>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?</b></p>
+				<p><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>
 
@@ -304,23 +190,47 @@
 <p>It’s certainly easy to see the significance that housing has, both for the current residents and the incoming residents, but any benefit could easily be derailed if the services like transport, waste disposal and healthcare systems needed to assist the people living in the town do not work or cannot support the numbers. If people can’t get healthcare when they need it, educate their children in good local schools, get their waste removed and have open spaces to run around in, it is not going to be a place people want to be.</p>
 
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/could-sky-high-aims-bring-reading-down.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

_site/articles/2019/finished-product.html

@@ -1,302 +1,212 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="The Finished Product | Reading School">
+    <meta name="apple-mobile-web-app-title" content="The Finished Product">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>The Finished Product | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="">
+    <title>The Finished Product | Reading School</title>
+    <meta name="description" content="">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/finished-product.jpg');">
+	
-    <h2 class="mdc-typography--headline3">The Finished Product</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="current-page-link article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team at the end of the day &bull; &copy; Reading School</figcaption>
-
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2019-03-06T15:52:00">Wednesday  6 March 2019</time>
-     &bull; by Mr Baldock
-</h3>
-                    <div class="article-content">
 
 	
+
+	<!-- Heading -->
+	<div id="heading">
+		<h1>The Finished Product</h1>
+		<p class="inner"></p>
 	</div>
-                    <div class="splitter"></div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Reading School's 2019 BBC Young Reporter team at the end of the day &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T15:52:00">06/03/2019</time> &bull; by Mr Baldock</p></b>
+				<p class="article-description-mobile"><b></b></p>
+				<p>
+</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
 	</footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
-    </div>
-</a>
 	
-        </div>
+	<!-- Scripts -->
-    </body>
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/finished-product.jpg");
+}
+</style>
+
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/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>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="current-page-link article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Rosa Parks - who topped the poll &bull; &copy; BBC</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T14:38:00">Wednesday  6 March 2019</time>
+
-     &bull; by Tom S-R, Ben S-R
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h1>
-                        <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 class="inner">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.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Rosa Parks - who topped the poll &bull; &copy; BBC</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T14:38:00">06/03/2019</time> &bull; by Tom S-R, Ben S-R</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<p><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>
 
@@ -293,27 +179,54 @@
 
 <p>What is clear from our poll is that there are is really diverse range of women who have inspired this generation. With the English Women’s football team winning the ‘SheBelives’ cup against Japan in the USA last night, that there are many more women inspiring others every day.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">The results from our student survey &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
-
 	</div>
-                    <div class="splitter"></div>
+	<p class="image-caption">The results from our student survey</p>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
-  </footer>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
+</p>
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 			</div>
-</a>
+		</div>
+	</section>
 
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-    </body>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg");
+}
+</style>
+
 </html>

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

@@ -1,287 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’ | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’ | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.">
+    <title>Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’ | Reading School</title>
+    <meta name="description" content="A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/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>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="current-page-link article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">A rainy winters day at Caversham lawn tennis club &bull; &copy; Reading School</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2019-03-06T12:32:00">Wednesday  6 March 2019</time>
-     &bull; by Hal R-D
-</h3>
-                    <div class="article-content">
-                        <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>
+
+	<!-- Heading -->
+	<div id="heading">
+		<h1>Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h1>
+		<p class="inner">A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">A rainy winters day at Caversham lawn tennis club &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T12:32:00">06/03/2019</time> &bull; by Hal R-D</p></b>
+				<p class="article-description-mobile"><b>A ninety-nine year old sports institution is looking for a new home; club member and BBC Young Reporter Hal investigates.</b></p>
+				<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>
 
 <p>After nighty nine years at the same site in Caversham the members of the local tennis club have taken the opportunity to move after an important planning application was declined.</p>
 
@@ -296,10 +180,13 @@ Others objected to the planning application by expressing fears of the damaging
 
 <p>Whilst Vivien Jameson, also a close neighbour to the club, said she felt: “sad, I’d much prefer the area to stay as a tennis club, people need exercise”. She explained that some of her next-door neighbours felt the same although others obviously have different views.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">An excellent view of 4 courts at Caversham Lawn Tennis Club &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">An excellent view of 4 courts at Caversham Lawn Tennis Club</p>
+</div>
 
 <p><strong>Now the club was faced with a big question.</strong></p>
 
@@ -318,23 +205,47 @@ Others objected to the planning application by expressing fears of the damaging
 <p>Sarah Baker, a team captain was less confident: “I would have preferred to stay at our existing venue if we had been able to get floodlights agreed but as we haven’t, I think it is best that we move otherwise we will no longer be one of Berkshire’s top performing clubs, attracting top players.</p>
 
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Video Games - Virtual Fantasy Or A Virtual Prison? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Video Games - Virtual Fantasy Or A Virtual Prison?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Video Games - Virtual Fantasy Or A Virtual Prison? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>Video Games - Virtual Fantasy Or A Virtual Prison? | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/video-games-virtual-fantasy-or-a-virtual-prison.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="current-page-link article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Fortnite - one of the world's biggest video games &bull; &copy; Getty</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T12:19:00">Wednesday  6 March 2019</time>
+
-     &bull; by Kamran S
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Video Games - Virtual Fantasy Or A Virtual Prison?</h1>
-                        <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 class="inner">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>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Fortnite - one of the world's biggest video games &bull; &copy; Getty</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T12:19:00">06/03/2019</time> &bull; by Kamran S</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<p><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>
 
@@ -293,10 +179,13 @@
 
 <p>In competitive game modes, where players are pitted against the best of the best in order to improve their rank to show how good they are (such as Tom Clancy’s Rainbow Six Siege, Call of Duty and FIFA), players can be led astray from the actual enjoyment of the game into being the best at it out of their friend group. Ben says: “one of the main reasons bullying whilst gaming takes place is because someone is better than the bully but the bully wants to be the best at the game, so he goes against the player he is playing with.” They may go about this in many ways in order to get the player angry or upset making them play worse, forcing them to do something in retaliation in order to make them look worse than the person doing it in the first place or making them quit the game and stop playing video games altogether.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/video-games-virtual-fantasy-or-a-virtual-prison--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">Competitive e-sports competitions are beginning to attract thousands of competitors and millions of viewers &bull; &copy; Getty</figcaption>
+		<img class="image fit" src="/images/2019/video-games-virtual-fantasy-or-a-virtual-prison--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Getty</p>
+	</div>
+	<p class="image-caption">Competitive e-sports competitions are beginning to attract thousands of competitors and millions of viewers</p>
+</div>
 
 <p>Gamers we spoke to also said that in more casual situations, where the players are looking for an escape from the competitive category just looking for a game situation where no one is judged to be better or worse than anyone else, the reasons to bully may be more minor and possibly even pettier. “Maybe the bully’s favourite character was picked by someone else and now since they can’t play as him/her or maybe there was a situation in the last round where a player may have not used simple game logic and the bully may just be angry at them and wants them to feel bad about that last round,” explained Tom.</p>
 
@@ -320,23 +209,47 @@ Well of course the most effective and most common method experienced by Reading
 <p>ConnectSafely.org, a non-profit organization dedicated to educating users of connected technology about safety, privacy and security, are worried that being bullied can have long term effects on a young person’s state of mind especially if it happens repeatedly. They advise that some ways to deal with it are by “not retaliating”, “telling the person to stop” or in other situatiuons, “take action”. Possibly the best way to deal with bullying issues is using available counselling services, face to face and through the phone. These services are usually confidential and free of charge so you don’t have to worry about it coming up in later life. The most effective of these are Childline, The YoungMinds Crisis Messenger or the Samaritans helpline.</p>
 
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/video-games-virtual-fantasy-or-a-virtual-prison.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

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

@@ -1,292 +1,179 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="What Is 'In The Patient's Best Interest’? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="What Is 'In The Patient's Best Interest’?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>What Is 'In The Patient's Best Interest’? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>What Is 'In The Patient's Best Interest’? | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/what-is-in-the-patients-best-interest.jpg');">
+	
-    <h2 class="mdc-typography--headline3">What Is 'In The Patient's Best Interest’?</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="current-page-link article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? &bull; &copy; BBC</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2019-03-06T11:46:00">Wednesday  6 March 2019</time>
-     &bull; by Aadith C
-</h3>
-                    <div class="article-content">
-                        <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>
 
-<figure>
+	<!-- Heading -->
-    <img src="/images/2019-what-is-in-the-patients-best-interest--extra-1.jpg" style="width:100%;" />
+	<div id="heading">
-    <figcaption class="mdc-typography--caption-text">Mahesh Nanjudappa, senior neonatologist at King's College Hospital, London | &copy; Reading School</figcaption>
+		<h1>What Is 'In The Patient's Best Interest’?</h1>
-</figure>
+		<p class="inner">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.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? &bull; &copy; BBC</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T11:46:00">06/03/2019</time> &bull; by Aadith C</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<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>
+
+<div class="article-image">
+	<div class="copyright-image-container">
+		<img class="image fit" src="/images/2019/what-is-in-the-patients-best-interest--extra-1.jpg" alt="" />
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">Mahesh Nanjudappa, senior neonatologist at King's College Hospital, London</p>
+</div>
 
 <p>Mahesh Nanjundappa, a senior neonatologist in the NHS, shared his views with us.</p>
 
@@ -296,10 +183,13 @@
 
 <p>In 2017, Connie Yates and Chris Gard were involved in a best interests case that concerned their son: Charlie Matthew William Gard who was born with a rare genetic disorder which has no proven treatment. The parents initially wanted to try experimental treatment in the United States. After Charlie’s condition deteriorated, however, the NHS determined that further treatment was futile.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019-what-is-in-the-patients-best-interest--extra-2.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">There were many protests in favour of Ms Yates and Mr Gard | &copy; Getty</figcaption>
+		<img class="image fit" src="/images/2019/what-is-in-the-patients-best-interest--extra-2.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Getty</p>
+	</div>
+	<p class="image-caption">There were many protests in favour of Ms Yates and Mr Gard</p>
+</div>
 
 <p>Ms Yates and Mr Gard disagreed, and their court battles were subject to widespread attention. However, the parents eventually agreed to the withdrawal of life support, and Charlie passed in late July 2017.
 It is standard protocol in the NHS that doctors must consult with the patient and their close ones regarding treatment. It is patient’s right to refuse treatment. The NHS can also refuse certain treatments, but this can be taken to legal proceedings like in the Charlie Gard case.</p>
@@ -331,23 +221,47 @@ It is standard protocol in the NHS that doctors must consult with the patient an
 <p>However, the Assisted Dying Coalition, a coalition of organisations campaigning for the legalisation of assisted dying (in certain situations) suggests that legalisation of assisted dying is the best way to tackle this issue. The Coalition is formed of the following organisations: <em>End of Life Choices Jersey</em>, <em>Friends at the End</em>, <em>Humanist Society Scotland</em>, <em>Humanists UK</em> and <em>My Death, My Decision</em>.</p>
 
 <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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/what-is-in-the-patients-best-interest.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

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

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="What's Next For Reading Prison? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="What's Next For Reading Prison?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>What's Next For Reading Prison? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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."">
+    <title>What's Next For Reading Prison? | Reading School</title>
+    <meta name="description" content="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."">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/whats-next-for-reading-prison.jpg');">
+	
-    <h2 class="mdc-typography--headline3">What's Next For Reading Prison?</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="current-page-link article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">A view of one of the prison buildings &bull; &copy; BBC</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T10:38:00">Wednesday  6 March 2019</time>
+
-     &bull; by Tom S-R, Ben S-R
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>What's Next For Reading Prison?</h1>
-                        <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 class="inner">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."</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">A view of one of the prison buildings &bull; &copy; BBC</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T10:38:00">06/03/2019</time> &bull; by Tom S-R, Ben S-R</p></b>
+				<p class="article-description-mobile"><b>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."</b></p>
+				<p><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>
 
@@ -321,27 +207,54 @@ Under the plan, the main theatre would operate on a commercial basis with the re
 
 <p>In addition to the many educational and cultural benefits of this theatre and arts venue vision, many in the local community and beyond feel that it would be a fitting conclusion to the story of Oscar Wilde and Reading Gaol.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2019/whats-next-for-reading-prison--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">An inside view of the prison &bull; &copy; BBC</figcaption>
+		<img class="image fit" src="/images/2019/whats-next-for-reading-prison--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; BBC</p>
-
 	</div>
-                    <div class="splitter"></div>
+	<p class="image-caption">An inside view of the prison</p>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
-  </footer>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
+</p>
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 			</div>
-</a>
+		</div>
+	</section>
 
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-    </body>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/whats-next-for-reading-prison.jpg");
+}
+</style>
+
 </html>

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

@@ -1,304 +1,214 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Reading School's BBC Young Reporter Team… Ready To Go! | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Reading School's BBC Young Reporter Team… Ready To Go!">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Reading School's BBC Young Reporter Team… Ready To Go! | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="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.">
+    <title>Reading School's BBC Young Reporter Team… Ready To Go! | Reading School</title>
+    <meta name="description" content="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.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2019/young-reporter-team-ready-to-go.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="current-page-link article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team &bull; &copy; Reading School</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2019-03-06T09:36:00">Wednesday  6 March 2019</time>
+
-     &bull; by Mr Baldock
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Reading School's BBC Young Reporter Team… Ready To Go!</h1>
-                        <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 class="inner">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>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Reading School's 2019 BBC Young Reporter team &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2019-03-06T09:36:00">06/03/2019</time> &bull; by Mr Baldock</p></b>
+				<p class="article-description-mobile"><b>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.</b></p>
+				<p><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>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2019/young-reporter-team-ready-to-go.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

_site/articles/2020/charity-children-want-to-create-change.html

@@ -1,345 +1,257 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Charity: Children Want to Create Change | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Charity: Children Want to Create Change">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Charity: Children Want to Create Change | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="Reading School students want to make a difference to the world by getting involved with charities and raising money for them">
+    <title>Charity: Children Want to Create Change | Reading School</title>
+    <meta name="description" content="Reading School students want to make a difference to the world by getting involved with charities and raising money for them">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2020/charity-children-want-to-create-change.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Charity: Children Want to Create Change</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="current-page-link article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Reading School Students Raised Hundreds of Pounds for the Alzheimer’s Society Last Year &bull; &copy; Reading School</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2020-03-14T15:25:00">Saturday 14 March 2020</time>
+
-     &bull; by Peiyan H, Nidilan S
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Charity: Children Want to Create Change</h1>
-                        <h3 id="how-important-is-charity-in-your-lives">How important is charity in YOUR lives?</h3>
+		<p class="inner">Reading School students want to make a difference to the world by getting involved with charities and raising money for them</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Reading School Students Raised Hundreds of Pounds for the Alzheimer’s Society Last Year &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2020-03-14T15:25:00">14/03/2020</time> &bull; by Peiyan H, Nidilan S</p></b>
+				<p class="article-description-mobile"><b>Reading School students want to make a difference to the world by getting involved with charities and raising money for them</b></p>
+				<p><h2 id="how-important-is-charity-in-your-lives">How important is charity in YOUR lives?</h2>
 
 <p>Currently, it is fair to say that many adults think that young students do not take part in enough charity events in the UK. There is a stereotype that children do not know enough information about charities, leading to them completely ignoring something that they need to be involved in. 
 But Reading School students want to change this.</p>
 
-<h1 id="are-students-aware-of-charity-events">Are Students Aware of Charity Events?</h1>
+<h2 id="are-students-aware-of-charity-events">Are Students Aware of Charity Events?</h2>
 
 <p>Looking at the most important perspective, the students’ view, 91% of 53 students we surveyed for BBC Young Reporter, agree that children should be more aware of charities and what they do, with one student saying that charities, “Make people aware of not only how much the world can be helped, but also how privileged we are, and that we should help the less privileged population of the world.” Ben, the head of the charity committee run by students in Reading School, feels that, “Charity is a big part of Reading School,” with a steady increase in the number of students taking part in charity events over the years. Many students have ties with local charities because their families are part of them. For example, Balendran, who lives in Woodley, is the head of a charity called Path to The Future, which helps underprivileged families. He agrees with Ben and believes that, “There is quite a lot of awareness among children and the people supporting them, but this awareness could increase with various different methods.”</p>
 
-<h1 id="do-people-believe-that-charities-can-help-develop-character">Do People Believe that Charities can Help Develop Character?</h1>
+<h2 id="do-people-believe-that-charities-can-help-develop-character">Do People Believe that Charities can Help Develop Character?</h2>
 
 <p>Most people will say that character is something that all schools want to build, and many think that helping in charities is the key to this. Among Year 7 and 8 students at Reading School, 87% say that charities will develop their character. One student gave a very thoughtful response about charity events, saying that they allow him, “To see the different conditions in which others live”, letting him understand their lives and appreciate his own. Ben also agrees. He talked about, “Students’ perspective, humility and interpersonal skills,” improving when children take part in charity events or are part of charities.</p>
 
-<h1 id="do-charity-organisers-feel-that-children-will-fit-into-the-charity-spirit-well">Do Charity Organisers Feel that Children will Fit into the Charity Spirit well?</h1>
+<h2 id="do-charity-organisers-feel-that-children-will-fit-into-the-charity-spirit-well">Do Charity Organisers Feel that Children will Fit into the Charity Spirit well?</h2>
 
 <p>Balendran strongly agrees with the fact that many charities need as much help as possible, with “Children fitting into the scheme of things in a charity very well” and that children would definitely enjoy the experience. Even though Ben does not run a charity, he knows what it is like to be the organiser of an event, and stated that most charities are non-profit and, “Need as much help as possible.” He also added that, “Even if children do small jobs, it could be hugely beneficial to charities.” - children tidying up after events could help charities much as actually running the event.</p>
 
-<h1 id="would-students-enjoy-taking-part-in-charity-events">Would Students Enjoy Taking Part in Charity Events?</h1>
+<h2 id="would-students-enjoy-taking-part-in-charity-events">Would Students Enjoy Taking Part in Charity Events?</h2>
 
 <p>Students felt that they would enjoy certain types of charity events. One pupil commented that his favourite event would be, “Running a stall, because as well as attracting people, you get to socialise with people as well.” Balendran feels that, “Students will enjoy taking part in events because it is a different experience for them which will be useful later on in life.” Ben completely agrees with Balendran. He believes that they would enjoy charity events because, “Completing a charity event successfully feels so rewarding, organising and leading it feels so satisfying.”</p>
 
-<h1 id="how-would-charities-encourage-students-to-take-part-more">How Would Charities Encourage Students to Take Part More?</h1>
+<h2 id="how-would-charities-encourage-students-to-take-part-more">How Would Charities Encourage Students to Take Part More?</h2>
 
 <p>Many charities want to find ways to encourage students to take part more, like with Balendran, who thinks that, “Social media, schools and parents are some of the best ways of encouraging students to take part in charity events,” adding that, “This is because they are huge parts of people’s lives and they can demonstrate the importance of charity, hence inspiring them to involve themselves with charity.” However, Ben has a completely different view on this – he thinks that it is better to, “Encourage them by telling them to find a topic of passion, and search up charities related to that passion, taking part in as many of their events as possible,” which is telling the students to do their own research related to what they like or dislike.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2020/charity-children-want-to-create-change--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">Certificate given to Reading School Students for raising £770 to their chosen charity &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2020/charity-children-want-to-create-change--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">Certificate given to Reading School Students for raising £770 to their chosen charity</p>
+</div>
 
-<h1 id="do-students-feel-that-they-should-take-part-in-more-charity-events">Do students feel that they should take part in more charity events?</h1>
+<h2 id="do-students-feel-that-they-should-take-part-in-more-charity-events">Do students feel that they should take part in more charity events?</h2>
 
 <p>This is an issue which provokes quite contrasting opinions. One student felt that “The school should introduce more events because they are only helping a few charities and support would be welcome in countless others,” while another student thought that, “The school produces a lots of donation money already from events like Non-Uniform Days, House Charity and other charity events such as Children In Need,” which reinforces the fact that charity is very important at Reading School and that the school already does a lot of charity events every year.</p>
 
 <p>Students believe that charity should be a greater part of their society and schools in general. They understand the benefits of charity events, like helping to build their character and encouraging them to try out new things in life. They also think that social media and schools should encourage other students, who may not know as much about charity, to take part in charity events, raise awareness and allow them to understand why charity is so important. Charity achieves so many things, and students in Reading School want to be involved in changing the future of millions around the world.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2020/charity-children-want-to-create-change--extra-2.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">Reading School Students Raising Money for the Alzheimer’s Society outside the University of Reading &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2020/charity-children-want-to-create-change--extra-2.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
-
-<!-- Also see our podcast, related to this article:
-
-<iframe scrolling="no" src="https://anchor.fm/nsph/embed/episodes/Charity-Children-Want-to-Create-Change---Behind-the-Scenes-of-our-Article-ebeore/a-a1msk65"> -->
-
 	</div>
-                    <div class="splitter"></div>
+	<p class="image-caption">Reading School Students Raising Money for the Alzheimer’s Society outside the University of Reading</p>
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
-  </footer>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
+</p>
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 			</div>
-</a>
+		</div>
+	</section>
 
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-    </body>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2020/charity-children-want-to-create-change.jpg");
+}
+</style>
+
 </html>

_site/articles/2020/its-just-not-cricket-anymore.html

@@ -1,304 +1,214 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="It's just not Cricket... Anymore | Reading School">
+    <meta name="apple-mobile-web-app-title" content="It's just not Cricket... Anymore">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>It's just not Cricket... Anymore | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="">
+    <title>It's just not Cricket... Anymore | Reading School</title>
+    <meta name="description" content="">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2020/its-just-not-cricket-anymore.jpg');">
+	
-    <h2 class="mdc-typography--headline3">It's just not Cricket... Anymore</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="current-page-link article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">It’s just not cricket... anymore &bull; &copy; Reading School</figcaption>
-
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2020-03-29T10:25:00">Sunday 29 March 2020</time>
-     &bull; by Milan G
-</h3>
-                    <div class="article-content">
-                        <iframe class="video" src="https://www.youtube.com/embed/rGbNvnmoC3w" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-                        <figcaption class="mdc-typography--caption-text">It’s just not cricket... anymore</figcaption>
 
 	
+
+	<!-- Heading -->
+	<div id="heading">
+		<h1>It's just not Cricket... Anymore</h1>
+		<p class="inner"></p>
 	</div>
-                    <div class="splitter"></div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">A modern cricket bat and ball &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2020-03-29T10:25:00">29/03/2020</time> &bull; by Milan G</p></b>
+				<p class="article-description-mobile"><b></b></p>
+				<p><div class="video fit">
+	<iframe src="https://www.youtube.com/embed/rGbNvnmoC3w" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
+</div>
+</p>
+			</div>
+		</div>
+	</section>
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
+</div>
 		</div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
 	</footer>
-</div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
-    </div>
-</a>
 	
-        </div>
+	<!-- Scripts -->
-    </body>
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2020/its-just-not-cricket-anymore.jpg");
+}
+</style>
+
 </html>

_site/articles/2020/libraries-must-stay-open.html

@@ -1,285 +1,171 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Libraries Must Stay Open! | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Libraries Must Stay Open!">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Libraries Must Stay Open! | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open">
+    <title>Libraries Must Stay Open! | Reading School</title>
+    <meta name="description" content="Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2020/libraries-must-stay-open.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Libraries Must Stay Open!</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="current-page-link article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Changes to public libraries services due to expenditure cutbacks in the United Kingdom as of November 2012 &bull; &copy; Statista</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2020-03-19T08:54:00">Thursday 19 March 2020</time>
+
-     &bull; by Kaval S
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Libraries Must Stay Open!</h1>
-                        <p>Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</p>
+		<p class="inner">Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Changes to public libraries services due to expenditure cutbacks in the United Kingdom as of November 2012 &bull; &copy; Statista</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2020-03-19T08:54:00">19/03/2020</time> &bull; by Kaval S</p></b>
+				<p class="article-description-mobile"><b>Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</b></p>
+				<p><p>Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</p>
 
 <p>Libraries not only bring communities together and make them healthier, but also boost the local economy by:</p>
 <ul>
@@ -314,23 +200,47 @@
 <p>Now maybe something you didn’t know. By statute, prisons are required to have libraries and must permit all prisoners to access it with a professional librarian. Schools, on the other hand, do not. Mrs Knight said: Prisons have to have libraries because they need to be seen to educate prisoners and provide reading material – an outlet for stress etc. Schools are very much the same. Throughout my career I have found this stat strange – libraries should be a legal requirement in all prisons and schools.</p>
 
 <p>In the UK, there is only one library per 18,300 people, yet we are still closing them down despite the proven benefits and the fact that other thriving countries are increasing their expenditure on libraries. We are approaching $3 trillion USD, but we cannot muster a few million to keep libraries open. Libraries have been enhancing our nations for over 1400 years, so why should they stop now?</p>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2020/libraries-must-stay-open.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

_site/articles/2020/power-to-the-9s.html

@@ -1,289 +1,178 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Power to the 9s – Will it live up to its expectations? | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Power to the 9s – Will it live up to its expectations?">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Power to the 9s – Will it live up to its expectations? | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="The Power to the 9s is a new project being launched by Reading School this year and being led by Mr. Tom Evans, an Assistant Head of Reading School">
+    <title>Power to the 9s – Will it live up to its expectations? | Reading School</title>
+    <meta name="description" content="The Power to the 9s is a new project being launched by Reading School this year and being led by Mr. Tom Evans, an Assistant Head of Reading School">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2020/power-to-the-9s.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Power to the 9s – Will it live up to its expectations?</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="current-page-link article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Boys rafting in Sweden last year &bull; &copy; Reading School</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
-    <time class="timeago" datetime="2020-03-12T15:25:00">Thursday 12 March 2020</time>
-     &bull; by Shan S, Peter P
-</h3>
-                    <div class="article-content">
 	
-<figure>
+
-    <img src="/images/2020/power-to-the-9s--extra-1.jpg" style="width:100%;" />
+	<!-- Heading -->
-    <figcaption class="mdc-typography--caption-text">The logo for Power to the 9s &bull; &copy; Reading School</figcaption>
+	<div id="heading">
-</figure>
+		<h1>Power to the 9s – Will it live up to its expectations?</h1>
+		<p class="inner">The Power to the 9s is a new project being launched by Reading School this year and being led by Mr. Tom Evans, an Assistant Head of Reading School</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Boys rafting in Sweden last year &bull; &copy; Reading School</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2020-03-12T15:25:00">12/03/2020</time> &bull; by Shan S, Peter P</p></b>
+				<p class="article-description-mobile"><b>The Power to the 9s is a new project being launched by Reading School this year and being led by Mr. Tom Evans, an Assistant Head of Reading School</b></p>
+				<p>
+<div class="article-image">
+	<div class="copyright-image-container">
+		<img class="image fit" src="/images/2020/power-to-the-9s--extra-1.jpg" alt="" />
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">The logo for Power to the 9s</p>
+</div>
 
 <h1 id="what-is-the-power-to-the-9s-project">What is the Power to the 9s project?</h1>
 
@@ -304,15 +193,21 @@ Toby, who went to Tasmania in 2019, reckons that: “Being away from home shaped
 D
 ylan went on the trip to Sweden last year, and believes he benefited from the experience: “I think it will help build relationships between students.”</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2020/power-to-the-9s--extra-2.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">An activity on the Sweden trip last year &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2020/power-to-the-9s--extra-2.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">An activity on the Sweden trip last year</p>
+</div>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2020/power-to-the-9s--extra-3.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">The wonderful sights of nighttime Sweden &bull; &copy; Reading School</figcaption>
+		<img class="image fit" src="/images/2020/power-to-the-9s--extra-3.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Reading School</p>
+	</div>
+	<p class="image-caption">The wonderful sights of nighttime Sweden</p>
+</div>
 
 <p>Mrs. Mole, as well as being the Headmaster’s Executive Assistant, went on the Sweden trip last year, and she had a great time. She said, “I hope that Power to the 9s will develop students as well-rounded young people and make the students think about others as well, in a good-natured way, instead of just themselves.”</p>
 
@@ -321,23 +216,47 @@ ylan went on the trip to Sweden last year, and believes he benefited from the ex
 <p>The prices of the trips vary from as low as £350 to as expensive as £3000 and will mostly be coming from the parents of the Yr. 9s, but Mr. Robson, Headmaster of Reading School, is encouraging students to fundraise some money themselves, to cultivate a sense of independence even before going on a trip.</p>
 
 <p>The Power to the 9s is being highly anticipated by all Year 8s, who will be the first to experience the newly implemented project. But will it live up to its expectations? Reading School shall have to wait and see.</p>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2020/power-to-the-9s.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

_site/articles/2020/reading-gaol-and-its-march-for-the-past.html

@@ -1,292 +1,181 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="Reading Gaol and its March for the Past | Reading School">
+    <meta name="apple-mobile-web-app-title" content="Reading Gaol and its March for the Past">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>Reading Gaol and its March for the Past | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="MPs are uniting to save Reading Gaol, an important site in the town. Eoghan finds out why.">
+    <title>Reading Gaol and its March for the Past | Reading School</title>
+    <meta name="description" content="MPs are uniting to save Reading Gaol, an important site in the town. Eoghan finds out why.">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 
-    <link href="/css/article-page.css" rel="stylesheet">
+<body class="is-preload">
-<script src="/js/article-page.js"></script>
+	
-<script src="/js/top-scroll-button.js"></script>
+	<!-- Header -->
-
+<header id="header">
-    <body>
+	<img src="/images/logo-white-padded.png" class="logo" />
-        <!-- cookie notice is included automatically -->
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-        <div id="cookies">
+	<nav>
-    <p>Just to let you know, we use cookies on our site.</p>
+		<a href="#menu">Menu</a>
-    <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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
+<!-- Nav -->
+<nav id="menu">
+	<ul class="links">
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
+		<li><a href="/"  class="main-navbar-link" >Home</a></li>
 
-            <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.5" style="background-image: url('/images/2020/reading-gaol-and-its-march-for-the-past.jpg');">
+	
-    <h2 class="mdc-typography--headline3">Reading Gaol and its March for the Past</h2>
+	
+	
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
+	
+	
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="current-page-link article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
-<figcaption class="mdc-typography--caption-text">Reading Gaol for sale? &bull; &copy; Matthew Grove</figcaption>
 
-<h3 class="mdc-typography--subtitle1">
+	
-    <time class="timeago" datetime="2020-03-12T14:58:00">Thursday 12 March 2020</time>
+
-     &bull; by Eoghan H
+	<!-- Heading -->
-</h3>
+	<div id="heading">
-                    <div class="article-content">
+		<h1>Reading Gaol and its March for the Past</h1>
-                        <p>On the 21st of March, a crowd will gather outside the Hexagon in Reading at around midday. They will proceed to march through the town until they arrive at Reading Jail. Why are they doing this and why is this relevant? Well, they are protesting the Ministry of Justice’s decision to sell the site to the highest bidder.</p>
+		<p class="inner">MPs are uniting to save Reading Gaol, an important site in the town. Eoghan finds out why.</p>
+	</div>
+
+	<section class="heading-image-caption">
+		<div class="inner">
+			<p class="image-caption">Reading Gaol for sale? &bull; &copy; Matthew Grove</p>
+		</div>
+	</section>
+
+	<!-- Main -->
+	<section id="main" class="wrapper">
+		<div class="inner">
+			<div class="content">
+				<b><p><time class="timeago" datetime="2020-03-12T14:58:00">12/03/2020</time> &bull; by Eoghan H</p></b>
+				<p class="article-description-mobile"><b>MPs are uniting to save Reading Gaol, an important site in the town. Eoghan finds out why.</b></p>
+				<p><p>On the 21st of March, a crowd will gather outside the Hexagon in Reading at around midday. They will proceed to march through the town until they arrive at Reading Jail. Why are they doing this and why is this relevant? Well, they are protesting the Ministry of Justice’s decision to sell the site to the highest bidder.</p>
 
 <p>Reading East MP Matt Rodda has started a petition to save Reading Gaol which, at the start of January, had already attracted over 8,000 signatures. He stated ‘We don’t want the historical Gaol to become luxury flats, we want it to be a world-class arts and heritage site, open to all and an asset to the whole community. The Ministry of Justice could make their decision at any time so we need to act quickly to make our voices’ heard again’. He also believes that ‘Reading Gaol should become a space that we can all enjoy’ and that ‘we have an enormous strength of support for saving this historic site’.</p>
 
-<figure>
+<div class="article-image">
-    <img src="/images/2020/reading-gaol-and-its-march-for-the-past--extra-1.jpg" style="width:100%;" />
+	<div class="copyright-image-container">
-    <figcaption class="mdc-typography--caption-text">The jail, while modern, has a rich history &bull; &copy; Matthew Grove</figcaption>
+		<img class="image fit" src="/images/2020/reading-gaol-and-its-march-for-the-past--extra-1.jpg" alt="" />
-</figure>
+		<p class="image-copyright">&copy; Matthew Grove</p>
+	</div>
+	<p class="image-caption">The jail, while modern, has a rich history</p>
+</div>
 
 <p>Reading Town Centre is a hotspot for local tourist sites. There is the museum where you can explore the town’s rich history and marvel at the UK’s only full-size, woven copy of the famous Bayeux Tapestry. You could also visit Forbury Garden which is home to the Maiwand Lion, a monument that is one of the largest iron-cast statues in the world. Reading Abbey, an extensive medieval complex, which is currently being restored. It also one of the only places that Parliament was held, outside of Westminster (in 1453). And of course, Reading Gaol: a building constructed in Queen Victoria’s reign to be on the cutting edge of the penal system and housed inmates from poets to boxers.</p>
 
@@ -305,23 +194,47 @@
 <p>It is not all art in the jail’s future though. In October of 2019, the Ministry of Justice (who owns the site) announced that it was to be sold to the highest bidder. This move has been met with fierce criticism. Both Conservative MP for Reading West Alok Sharma and Labour’s Matt Rodda have declared support for the organisation Save Reading Gaol. The group has already staged a public protest in the ‘Reading Gaol Hug’ and will have another one on the 21st of March, called the ‘March to Reading Gaol’.</p>
 
 <p>Since the 2016 exhibition was well-received, and the initiative to save the site is gaining momentum, many local residents hope that this building, with its rich history and links to figures of culture, can be turned into a widely-loved venue that hosts arts exhibitions, pieces of theatre and general displays of culture to turn Reading into a hub of local, national and international creativity.</p>
+</p>
+			</div>
+		</div>
+	</section>
 
-                    </div>
+	<!-- Footer -->
-                    <div class="splitter"></div>
+	<footer id="footer">
-                </div>
+		<div class="inner">
-            </main>
+			<div class="content">
-            <div class="footer-container">
+    <section>
-  <footer>
+        <h4>Reading School</h4>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
+        <ul class="plain">
-    <img>
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
-  </footer>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
+</div>
+<div class="copyright">
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
 </div>
-            <a href="javascript:scrollUp()" class="top-scroll-button">
-    <div class="top-scroll-button-image-container">
-        <img alt="Scroll to top" src="/images/up-arrow.png">
 		</div>
-</a>
+	</footer>
+	
+	<!-- Scripts -->
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+<style>
+#heading {
+	background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url("/images/2020/reading-gaol-and-its-march-for-the-past.jpg");
+}
+</style>
 
-        </div>
-    </body>
 </html>

_site/assets/js/main.js

@@ -0,0 +1,43 @@
+(function($) {
+
+	var	$window = $(window),
+		$banner = $('#banner'),
+		$body = $('body');
+
+		$window.on('load', function() {
+			// Play initial animations on page load.
+			window.setTimeout(function() {
+				$body.removeClass('is-preload');
+			}, 100);
+
+			// initialise timestamps
+			$("time.timeago").timeago();
+		});
+
+	// Menu.
+		$('#menu')
+			.append('<a href="#menu" class="close"></a>')
+			.appendTo($body)
+			.panel({
+				target: $body,
+				visibleClass: 'is-menu-visible',
+				delay: 500,
+				hideOnClick: true,
+				hideOnSwipe: true,
+				resetScroll: true,
+				resetForms: true,
+				side: 'right'
+			});
+
+})(jQuery);
+
+if (Cookies.get("youngreporter.mgrove.uk-cookies-accepted") != "true") {
+	$("#cookies").show();
+	$("#cookies").animate({ bottom: "0px" }, 1000);
+}
+
+function acceptCookies() {
+	$("#cookies").animate({ bottom: "-100px" }, 1000);
+	setTimeout(function () { $("#cookies").hide() }, 1000);
+	Cookies.set("youngreporter.mgrove.uk-cookies-accepted", "true", { expires: 30 });
+}

_site/assets/js/timeago.js

@@ -0,0 +1,232 @@
+/**
+ * Timeago is a jQuery plugin that makes it easy to support automatically
+ * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
+ *
+ * @name timeago
+ * @version 1.6.7
+ * @requires jQuery >=1.5.0 <4.0
+ * @author Ryan McGeary
+ * @license MIT License - http://www.opensource.org/licenses/mit-license.php
+ *
+ * For usage and examples, visit:
+ * http://timeago.yarp.com/
+ *
+ * Copyright (c) 2008-2019, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
+ */
+
+(function (factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else if (typeof module === 'object' && typeof module.exports === 'object') {
+    factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(jQuery);
+  }
+}(function ($) {
+  $.timeago = function(timestamp) {
+    if (timestamp instanceof Date) {
+      return inWords(timestamp);
+    } else if (typeof timestamp === "string") {
+      return inWords($.timeago.parse(timestamp));
+    } else if (typeof timestamp === "number") {
+      return inWords(new Date(timestamp));
+    } else {
+      return inWords($.timeago.datetime(timestamp));
+    }
+  };
+  var $t = $.timeago;
+
+  $.extend($.timeago, {
+    settings: {
+      refreshMillis: 60000,
+      allowPast: true,
+      allowFuture: false,
+      localeTitle: false,
+      cutoff: 0,
+      autoDispose: true,
+      strings: {
+        prefixAgo: null,
+        prefixFromNow: null,
+        suffixAgo: "ago",
+        suffixFromNow: "from now",
+        inPast: "any moment now",
+        seconds: "less than a minute",
+        minute: "about a minute",
+        minutes: "%d minutes",
+        hour: "about an hour",
+        hours: "about %d hours",
+        day: "a day",
+        days: "%d days",
+        month: "about a month",
+        months: "%d months",
+        year: "about a year",
+        years: "%d years",
+        wordSeparator: " ",
+        numbers: []
+      }
+    },
+
+    inWords: function(distanceMillis) {
+      if (!this.settings.allowPast && ! this.settings.allowFuture) {
+          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
+      }
+
+      var $l = this.settings.strings;
+      var prefix = $l.prefixAgo;
+      var suffix = $l.suffixAgo;
+      if (this.settings.allowFuture) {
+        if (distanceMillis < 0) {
+          prefix = $l.prefixFromNow;
+          suffix = $l.suffixFromNow;
+        }
+      }
+
+      if (!this.settings.allowPast && distanceMillis >= 0) {
+        return this.settings.strings.inPast;
+      }
+
+      var seconds = Math.abs(distanceMillis) / 1000;
+      var minutes = seconds / 60;
+      var hours = minutes / 60;
+      var days = hours / 24;
+      var years = days / 365;
+
+      function substitute(stringOrFunction, number) {
+        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
+        var value = ($l.numbers && $l.numbers[number]) || number;
+        return string.replace(/%d/i, value);
+      }
+
+      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
+        seconds < 90 && substitute($l.minute, 1) ||
+        minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
+        minutes < 90 && substitute($l.hour, 1) ||
+        hours < 24 && substitute($l.hours, Math.round(hours)) ||
+        hours < 42 && substitute($l.day, 1) ||
+        days < 30 && substitute($l.days, Math.round(days)) ||
+        days < 45 && substitute($l.month, 1) ||
+        days < 365 && substitute($l.months, Math.round(days / 30)) ||
+        years < 1.5 && substitute($l.year, 1) ||
+        substitute($l.years, Math.round(years));
+
+      var separator = $l.wordSeparator || "";
+      if ($l.wordSeparator === undefined) { separator = " "; }
+      return $.trim([prefix, words, suffix].join(separator));
+    },
+
+    parse: function(iso8601) {
+      var s = $.trim(iso8601);
+      s = s.replace(/\.\d+/,""); // remove milliseconds
+      s = s.replace(/-/,"/").replace(/-/,"/");
+      s = s.replace(/T/," ").replace(/Z/," UTC");
+      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
+      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
+      return new Date(s);
+    },
+    datetime: function(elem) {
+      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
+      return $t.parse(iso8601);
+    },
+    isTime: function(elem) {
+      // jQuery's `is()` doesn't play well with HTML5 in IE
+      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
+    }
+  });
+
+  // functions that can be called via $(el).timeago('action')
+  // init is default when no action is given
+  // functions are called with context of a single element
+  var functions = {
+    init: function() {
+      functions.dispose.call(this);
+      var refresh_el = $.proxy(refresh, this);
+      refresh_el();
+      var $s = $t.settings;
+      if ($s.refreshMillis > 0) {
+        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
+      }
+    },
+    update: function(timestamp) {
+      var date = (timestamp instanceof Date) ? timestamp : $t.parse(timestamp);
+      $(this).data('timeago', { datetime: date });
+      if ($t.settings.localeTitle) {
+        $(this).attr("title", date.toLocaleString());
+      }
+      refresh.apply(this);
+    },
+    updateFromDOM: function() {
+      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
+      refresh.apply(this);
+    },
+    dispose: function () {
+      if (this._timeagoInterval) {
+        window.clearInterval(this._timeagoInterval);
+        this._timeagoInterval = null;
+      }
+    }
+  };
+
+  $.fn.timeago = function(action, options) {
+    var fn = action ? functions[action] : functions.init;
+    if (!fn) {
+      throw new Error("Unknown function name '"+ action +"' for timeago");
+    }
+    // each over objects here and call the requested function
+    this.each(function() {
+      fn.call(this, options);
+    });
+    return this;
+  };
+
+  function refresh() {
+    var $s = $t.settings;
+
+    //check if it's still visible
+    if ($s.autoDispose && !$.contains(document.documentElement,this)) {
+      //stop if it has been removed
+      $(this).timeago("dispose");
+      return this;
+    }
+
+    var data = prepareData(this);
+
+    if (!isNaN(data.datetime)) {
+      if ( $s.cutoff === 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
+        $(this).text(inWords(data.datetime));
+      } else {
+        if ($(this).attr('title').length > 0) {
+            $(this).text($(this).attr('title'));
+        }
+      }
+    }
+    return this;
+  }
+
+  function prepareData(element) {
+    element = $(element);
+    if (!element.data("timeago")) {
+      element.data("timeago", { datetime: $t.datetime(element) });
+      var text = $.trim(element.text());
+      if ($t.settings.localeTitle) {
+        element.attr("title", element.data('timeago').datetime.toLocaleString());
+      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
+        element.attr("title", text);
+      }
+    }
+    return element.data("timeago");
+  }
+
+  function inWords(date) {
+    return $t.inWords(distance(date));
+  }
+
+  function distance(date) {
+    return (new Date().getTime() - date.getTime());
+  }
+
+  // fix for IE6 suckage
+  document.createElement("abbr");
+  document.createElement("time");
+}));

_site/assets/js/util.js

@@ -0,0 +1,587 @@
+(function($) {
+
+	/**
+	 * Generate an indented list of links from a nav. Meant for use with panel().
+	 * @return {jQuery} jQuery object.
+	 */
+	$.fn.navList = function() {
+
+		var	$this = $(this);
+			$a = $this.find('a'),
+			b = [];
+
+		$a.each(function() {
+
+			var	$this = $(this),
+				indent = Math.max(0, $this.parents('li').length - 1),
+				href = $this.attr('href'),
+				target = $this.attr('target');
+
+			b.push(
+				'<a ' +
+					'class="link depth-' + indent + '"' +
+					( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
+					( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
+				'>' +
+					'<span class="indent-' + indent + '"></span>' +
+					$this.text() +
+				'</a>'
+			);
+
+		});
+
+		return b.join('');
+
+	};
+
+	/**
+	 * Panel-ify an element.
+	 * @param {object} userConfig User config.
+	 * @return {jQuery} jQuery object.
+	 */
+	$.fn.panel = function(userConfig) {
+
+		// No elements?
+			if (this.length == 0)
+				return $this;
+
+		// Multiple elements?
+			if (this.length > 1) {
+
+				for (var i=0; i < this.length; i++)
+					$(this[i]).panel(userConfig);
+
+				return $this;
+
+			}
+
+		// Vars.
+			var	$this = $(this),
+				$body = $('body'),
+				$window = $(window),
+				id = $this.attr('id'),
+				config;
+
+		// Config.
+			config = $.extend({
+
+				// Delay.
+					delay: 0,
+
+				// Hide panel on link click.
+					hideOnClick: false,
+
+				// Hide panel on escape keypress.
+					hideOnEscape: false,
+
+				// Hide panel on swipe.
+					hideOnSwipe: false,
+
+				// Reset scroll position on hide.
+					resetScroll: false,
+
+				// Reset forms on hide.
+					resetForms: false,
+
+				// Side of viewport the panel will appear.
+					side: null,
+
+				// Target element for "class".
+					target: $this,
+
+				// Class to toggle.
+					visibleClass: 'visible'
+
+			}, userConfig);
+
+			// Expand "target" if it's not a jQuery object already.
+				if (typeof config.target != 'jQuery')
+					config.target = $(config.target);
+
+		// Panel.
+
+			// Methods.
+				$this._hide = function(event) {
+
+					// Already hidden? Bail.
+						if (!config.target.hasClass(config.visibleClass))
+							return;
+
+					// If an event was provided, cancel it.
+						if (event) {
+
+							event.preventDefault();
+							event.stopPropagation();
+
+						}
+
+					// Hide.
+						config.target.removeClass(config.visibleClass);
+
+					// Post-hide stuff.
+						window.setTimeout(function() {
+
+							// Reset scroll position.
+								if (config.resetScroll)
+									$this.scrollTop(0);
+
+							// Reset forms.
+								if (config.resetForms)
+									$this.find('form').each(function() {
+										this.reset();
+									});
+
+						}, config.delay);
+
+				};
+
+			// Vendor fixes.
+				$this
+					.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+					.css('-webkit-overflow-scrolling', 'touch');
+
+			// Hide on click.
+				if (config.hideOnClick) {
+
+					$this.find('a')
+						.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+					$this
+						.on('click', 'a', function(event) {
+
+							var $a = $(this),
+								href = $a.attr('href'),
+								target = $a.attr('target');
+
+							if (!href || href == '#' || href == '' || href == '#' + id)
+								return;
+
+							// Cancel original event.
+								event.preventDefault();
+								event.stopPropagation();
+
+							// Hide panel.
+								$this._hide();
+
+							// Redirect to href.
+								window.setTimeout(function() {
+
+									if (target == '_blank')
+										window.open(href);
+									else
+										window.location.href = href;
+
+								}, config.delay + 10);
+
+						});
+
+				}
+
+			// Event: Touch stuff.
+				$this.on('touchstart', function(event) {
+
+					$this.touchPosX = event.originalEvent.touches[0].pageX;
+					$this.touchPosY = event.originalEvent.touches[0].pageY;
+
+				})
+
+				$this.on('touchmove', function(event) {
+
+					if ($this.touchPosX === null
+					||	$this.touchPosY === null)
+						return;
+
+					var	diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+						diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+						th = $this.outerHeight(),
+						ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+					// Hide on swipe?
+						if (config.hideOnSwipe) {
+
+							var result = false,
+								boundary = 20,
+								delta = 50;
+
+							switch (config.side) {
+
+								case 'left':
+									result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+									break;
+
+								case 'right':
+									result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+									break;
+
+								case 'top':
+									result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+									break;
+
+								case 'bottom':
+									result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+									break;
+
+								default:
+									break;
+
+							}
+
+							if (result) {
+
+								$this.touchPosX = null;
+								$this.touchPosY = null;
+								$this._hide();
+
+								return false;
+
+							}
+
+						}
+
+					// Prevent vertical scrolling past the top or bottom.
+						if (($this.scrollTop() < 0 && diffY < 0)
+						|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+							event.preventDefault();
+							event.stopPropagation();
+
+						}
+
+				});
+
+			// Event: Prevent certain events inside the panel from bubbling.
+				$this.on('click touchend touchstart touchmove', function(event) {
+					event.stopPropagation();
+				});
+
+			// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+				$this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+					event.preventDefault();
+					event.stopPropagation();
+
+					config.target.removeClass(config.visibleClass);
+
+				});
+
+		// Body.
+
+			// Event: Hide panel on body click/tap.
+				$body.on('click touchend', function(event) {
+					$this._hide(event);
+				});
+
+			// Event: Toggle.
+				$body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+					event.preventDefault();
+					event.stopPropagation();
+
+					config.target.toggleClass(config.visibleClass);
+
+				});
+
+		// Window.
+
+			// Event: Hide on ESC.
+				if (config.hideOnEscape)
+					$window.on('keydown', function(event) {
+
+						if (event.keyCode == 27)
+							$this._hide(event);
+
+					});
+
+		return $this;
+
+	};
+
+	/**
+	 * Apply "placeholder" attribute polyfill to one or more forms.
+	 * @return {jQuery} jQuery object.
+	 */
+	$.fn.placeholder = function() {
+
+		// Browser natively supports placeholders? Bail.
+			if (typeof (document.createElement('input')).placeholder != 'undefined')
+				return $(this);
+
+		// No elements?
+			if (this.length == 0)
+				return $this;
+
+		// Multiple elements?
+			if (this.length > 1) {
+
+				for (var i=0; i < this.length; i++)
+					$(this[i]).placeholder();
+
+				return $this;
+
+			}
+
+		// Vars.
+			var $this = $(this);
+
+		// Text, TextArea.
+			$this.find('input[type=text],textarea')
+				.each(function() {
+
+					var i = $(this);
+
+					if (i.val() == ''
+					||  i.val() == i.attr('placeholder'))
+						i
+							.addClass('polyfill-placeholder')
+							.val(i.attr('placeholder'));
+
+				})
+				.on('blur', function() {
+
+					var i = $(this);
+
+					if (i.attr('name').match(/-polyfill-field$/))
+						return;
+
+					if (i.val() == '')
+						i
+							.addClass('polyfill-placeholder')
+							.val(i.attr('placeholder'));
+
+				})
+				.on('focus', function() {
+
+					var i = $(this);
+
+					if (i.attr('name').match(/-polyfill-field$/))
+						return;
+
+					if (i.val() == i.attr('placeholder'))
+						i
+							.removeClass('polyfill-placeholder')
+							.val('');
+
+				});
+
+		// Password.
+			$this.find('input[type=password]')
+				.each(function() {
+
+					var i = $(this);
+					var x = $(
+								$('<div>')
+									.append(i.clone())
+									.remove()
+									.html()
+									.replace(/type="password"/i, 'type="text"')
+									.replace(/type=password/i, 'type=text')
+					);
+
+					if (i.attr('id') != '')
+						x.attr('id', i.attr('id') + '-polyfill-field');
+
+					if (i.attr('name') != '')
+						x.attr('name', i.attr('name') + '-polyfill-field');
+
+					x.addClass('polyfill-placeholder')
+						.val(x.attr('placeholder')).insertAfter(i);
+
+					if (i.val() == '')
+						i.hide();
+					else
+						x.hide();
+
+					i
+						.on('blur', function(event) {
+
+							event.preventDefault();
+
+							var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+							if (i.val() == '') {
+
+								i.hide();
+								x.show();
+
+							}
+
+						});
+
+					x
+						.on('focus', function(event) {
+
+							event.preventDefault();
+
+							var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+							x.hide();
+
+							i
+								.show()
+								.focus();
+
+						})
+						.on('keypress', function(event) {
+
+							event.preventDefault();
+							x.val('');
+
+						});
+
+				});
+
+		// Events.
+			$this
+				.on('submit', function() {
+
+					$this.find('input[type=text],input[type=password],textarea')
+						.each(function(event) {
+
+							var i = $(this);
+
+							if (i.attr('name').match(/-polyfill-field$/))
+								i.attr('name', '');
+
+							if (i.val() == i.attr('placeholder')) {
+
+								i.removeClass('polyfill-placeholder');
+								i.val('');
+
+							}
+
+						});
+
+				})
+				.on('reset', function(event) {
+
+					event.preventDefault();
+
+					$this.find('select')
+						.val($('option:first').val());
+
+					$this.find('input,textarea')
+						.each(function() {
+
+							var i = $(this),
+								x;
+
+							i.removeClass('polyfill-placeholder');
+
+							switch (this.type) {
+
+								case 'submit':
+								case 'reset':
+									break;
+
+								case 'password':
+									i.val(i.attr('defaultValue'));
+
+									x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+									if (i.val() == '') {
+										i.hide();
+										x.show();
+									}
+									else {
+										i.show();
+										x.hide();
+									}
+
+									break;
+
+								case 'checkbox':
+								case 'radio':
+									i.attr('checked', i.attr('defaultValue'));
+									break;
+
+								case 'text':
+								case 'textarea':
+									i.val(i.attr('defaultValue'));
+
+									if (i.val() == '') {
+										i.addClass('polyfill-placeholder');
+										i.val(i.attr('placeholder'));
+									}
+
+									break;
+
+								default:
+									i.val(i.attr('defaultValue'));
+									break;
+
+							}
+						});
+
+				});
+
+		return $this;
+
+	};
+
+	/**
+	 * Moves elements to/from the first positions of their respective parents.
+	 * @param {jQuery} $elements Elements (or selector) to move.
+	 * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+	 */
+	$.prioritize = function($elements, condition) {
+
+		var key = '__prioritize';
+
+		// Expand $elements if it's not already a jQuery object.
+			if (typeof $elements != 'jQuery')
+				$elements = $($elements);
+
+		// Step through elements.
+			$elements.each(function() {
+
+				var	$e = $(this), $p,
+					$parent = $e.parent();
+
+				// No parent? Bail.
+					if ($parent.length == 0)
+						return;
+
+				// Not moved? Move it.
+					if (!$e.data(key)) {
+
+						// Condition is false? Bail.
+							if (!condition)
+								return;
+
+						// Get placeholder (which will serve as our point of reference for when this element needs to move back).
+							$p = $e.prev();
+
+							// Couldn't find anything? Means this element's already at the top, so bail.
+								if ($p.length == 0)
+									return;
+
+						// Move element to top of parent.
+							$e.prependTo($parent);
+
+						// Mark element as moved.
+							$e.data(key, $p);
+
+					}
+
+				// Moved already?
+					else {
+
+						// Condition is true? Bail.
+							if (condition)
+								return;
+
+						$p = $e.data(key);
+
+						// Move element back to its original location (using our placeholder).
+							$e.insertAfter($p);
+
+						// Unmark element as moved.
+							$e.removeData(key);
+
+					}
+
+			});
+
+	};
+
+})(jQuery);

_site/auto-refresh.html

@@ -1,34 +1,45 @@
-<meta charset="utf-8" />
 
-<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <meta name="HandheldFriendly" content="True" />
+    <link rel="icon" href="/images/logo-white-square.png" />
 
-<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+    <!-- add to homescreen for Chrome on Android -->
+    <meta name="mobile-web-app-capable" content="yes" />
 
-<meta name="HandheldFriendly" content="True" />
+    <!-- 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" />
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png" />
 
-<link rel="icon" href="/images/favicon.ico" />
+    <!-- tile icon & colour for Windows 8 -->
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png" />
+    <meta name="msapplication-TileColor" content="#1d2f53" />
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- page info -->
-<meta name="mobile-web-app-capable" content="yes" />
+    <title>BBC Young Reporter | Reading School</title>
+    <meta name="description" content="News articles written by Reading School students in year 8" />
+    <meta name="keywords" content="" />
 
-<link rel="icon" sizes="192x192" href="/images/favicon.png" />
+    <!-- stylesheets -->
+    <link rel="stylesheet" href="/assets/css/main.css" />
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- Global site tag (gtag.js) - Google Analytics -->
-<meta name="apple-mobile-web-app-capable" content="yes" />
+    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
+    <script type="text/javascript">
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+        gtag('config', 'UA-124505000-2');
+    </script>
     
-<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!-- jQuery -->
-
+    <script src="/assets/js/jquery.min.js"></script>
-<meta name="apple-mobile-web-app-title" content="BBC Young Reporter | Reading School" />
+    <script src="/assets/js/timeago.js"></script>
-
+</head>
-<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="News articles written by Reading School students in year 8" />
 
 <iframe id="articles-1" class="articles" src="/years/2020"></iframe>
 <iframe id="articles-2" class="articles" src="/years/2020"></iframe>

_site/css/article-list.css

@@ -1,56 +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(0,0,0,0.5);
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-/* main list of articles */
-.articles {
-    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;
-}
-.article-description {
-    margin-top: 6px;
-    font-style: italic;
-}
-
-
-/* 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

@@ -1,117 +0,0 @@
-/* make text look nice */
-.mdc-typography--headline3, .mdc-typography--subtitle1 {
-    text-transform: capitalize;
-}
-.mdc-typography--headline3, .mdc-typography--subtitle1, figure {
-   margin: 5px;
-}
-.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: 10px;
-    padding-bottom: 10px;
-}
-
-/* hide empty black bar if there is no content to the page */
-.article-content:empty {
-    display: none;
-}
-
-/* position headline in middle of image */
-.parallax-section {
-    text-align: center;
-    vertical-align: middle;
-    padding: 200px 15px;
-}
-
-/* audio */
-.article-content audio {
-    width: 100%;
-}
-
-/* video/podcast */
-iframe {
-    width: 100%;
-    overflow: hidden;
-    border: none;
-}
-
-/* adjust video dimensions depending on screen size */
-.video {
-    height: calc(68.8vw / 16 * 9);
-}
-@media screen and (max-width: 1550px) {
-    .video {
-      width: 100%;
-        height: calc(70vw / 16 * 9 - 6px);
-    }
-}
-@media screen and (max-width: 800px) {
-    .video {
-      height: calc(90vw / 16 * 9 - 5px);
-    }
-    .mdc-typography--headline3, .mdc-typography--headline5 {
-        font-size: 2.5rem;
-        line-height: 2.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) {
-    .video {
-        height: calc(93.5vw / 16 * 9);
-    }
-}
-
-/* scroll-to-top button */
-.top-scroll-button {
-    width: 50px;
-    height: 50px;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
-    position: fixed;
-    right: 20px;
-    bottom: 20px;
-    background-color: #273967;
-    display: none;
-    -webkit-transition-duration: 0.25s;
-    -moz-transition-duration: 0.25s;
-    -o-transition-duration: 0.25s;
-    transition-duration: 0.25s;
-}
-.top-scroll-button-image-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-.top-scroll-button img {
-    width: 35px;
-    height: auto;
-    position: relative;
-    bottom: 2px;
-    -webkit-transition-duration: 0.25s;
-    -moz-transition-duration: 0.25s;
-    -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 {
-    bottom: 5px;
-}

_site/css/global.css

@@ -1,195 +0,0 @@
-/* change theme */
-:root {
-    --mdc-theme-primary: #253a67;
-    --mdc-theme-secondary: #ea6343;
-    --mdc-theme-background: #181a1b;
-}
-body {
-    font-family: 'Roboto', sans-serif;
-    margin: 0;
-    display: flex;
-    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);
-}
-
-/* style scrollbars */
-body::-webkit-scrollbar, .mdc-drawer__content::-webkit-scrollbar {
-    width: 11px;
-}
-body, .mdc-drawer__content {
-    --scrollbar-thumb-color: #555555;
-    --scrollbar-track-color: #262829;
-    --scrollbar-border-color: #444444;
-    scrollbar-width: thin;
-    scrollbar-color: var(--scrollbar-track-color) var(--scrollbar-thumb-color);
-}
-body::-webkit-scrollbar-track, .mdc-drawer__content::-webkit-scrollbar-track {
-    background: var(--scrollbar-track-color);
-}
-body::-webkit-scrollbar-thumb, .mdc-drawer__content::-webkit-scrollbar-thumb {
-    background-color: var(--scrollbar-thumb-color);
-    border: 1px solid var(--scrollbar-border-color);
-}
-
-/* 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);
-}
-.mdc-list-item.year::before, .mdc-list-item.year::after {
-    background: none !important;
-}
-.mdc-list-item.year, .mdc-list-item.year {
-    margin: 0;
-    padding: 0;
-    display: initial;
-}
-
-/* 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;
-}
-
-/* expand grey bar in footer to bottom of page */
-html {
-    height: 100%;
-}
-html, body, .mdc-drawer-app-content {
-    display: flex;
-    flex-direction: column;
-}
-.footer-container, .mdc-drawer-app-content, body {
-    flex-grow: 1;
-}
-
-/* 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;
-}
-
-/* parallax backgrounds */
-.parallax-section {
-    position: relative;
-    z-index: 0;
-}
-.parallax-section > div:last-child > div {
-    background-color: rgba(50,50,50,0.75);
-    background-blend-mode: multiply;
-}
-/* splitter for between sections */
-.splitter {
-    height: 15px;
-    width: 100%;
-    background-color: var(--mdc-theme-primary);
-}
-
-/* cookie notice */
-#cookies {
-    display: none;
-    width: 100%;
-    position: fixed;
-    background: var(--mdc-theme-primary);
-    text-align: center;
-    bottom: -100px;
-    left: 0;
-    z-index: 1;
-}
-#cookies p {
-    margin: 10px;
-}
-#cookies p a {
-    color: var(--mdc-theme-secondary);
-    text-decoration: none;
-}
-
-/* footer */
-.footer-container {
-    background: var(--mdc-theme-background);
-    padding: 5px 15%;
-}
-footer {
-    margin: 15px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-/* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
-footer img {
-    width: 125px;
-    content: url("/images/young-reporter-logo.png");
-}
-@media screen and (max-width: 800px) {
-    footer {
-        flex-direction: column;
-        justify-content: center;
-    }
-    footer img {
-        content: url("/images/young-reporter-logo-centered.png");
-        width: 200px;
-        padding-bottom: 10px;
-        order: 1;
-    }
-    footer span {
-        order: 2;
-    }
-}
-
-/* responsive side margins */
-.article-section .articles, .article-section-header, .footer-container, .article-content, .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, .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%;
-    }
-}

_site/css/home.css

@@ -1,50 +0,0 @@
-/* centre contents vertically */
-.article-section-header {
-    min-height: 100px;
-    display: flex;
-    align-items: center;
-}
-
-/* place button on right */
-.article-section-header button {
-    display: inline;
-    padding: 5px 14px;
-    position: relative;
-    margin-left: auto;
-    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/material_icons.css

@@ -1,23 +0,0 @@
-/* fallback */
-@font-face {
-  font-family: 'Material Icons';
-  font-style: normal;
-  font-weight: 400;
-  src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
-}
-
-.material-icons {
-  font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: 'liga';
-  -webkit-font-smoothing: antialiased;
-}

_site/css/roboto.css

@@ -1,56 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

_site/css/year.css

@@ -1,10 +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);
-}

_site/index.html

@@ -1,513 +1,417 @@
-<!DOCTYPE html>
+<!DOCTYPE HTML>
 <html>
-    <head>
+
+
+
+<head>
     <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <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="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<meta name="HandheldFriendly" content="True">
+    <meta name="HandheldFriendly" content="True">
-<link rel="icon" href="/images/favicon.ico">
+    <link rel="icon" href="/images/logo-white-square.png">
 
-<!-- add to homescreen for Chrome on Android -->
+    <!-- add to homescreen for Chrome on Android -->
-<meta name="mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
-<link rel="icon" sizes="192x192" href="/images/favicon.png">
 
-<!-- add to homescreen for Safari on iOS -->
+    <!-- add to homescreen for Safari on iOS -->
-<meta name="apple-mobile-web-app-capable" content="yes">
+    <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-status-bar-style" content="black">
-<meta name="apple-mobile-web-app-title" content="BBC Young Reporter | Reading School">
+    <meta name="apple-mobile-web-app-title" content="BBC Young Reporter">
-<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
+    <link rel="apple-touch-icon-precomposed" href="/images/logo-white-square.png">
 
-<!-- tile icon & colour for Windows 8 -->
+    <!-- tile icon & colour for Windows 8 -->
-<meta name="msapplication-TileImage" content="/images/favicon.png">
+    <meta name="msapplication-TileImage" content="/images/logo-white-square.png">
-<meta name="msapplication-TileColor" content="#d84315">
+    <meta name="msapplication-TileColor" content="#1d2f53">
 
-<title>BBC Young Reporter | Reading School</title>
+    <!-- page info -->
-<meta name="description" content="News articles written by Reading School students in year 8">
+    <title>BBC Young Reporter | Reading School</title>
+    <meta name="description" content="Articles from Reading School's year 8 students">
+    <meta name="keywords" content="" />
 
-    <!-- import Roboto (font) -->
+    <!-- stylesheets -->
-    <link href="/css/roboto.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css" />
-
-    <!-- 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">
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-68BN6F20LG"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
-    <script>
+    <script type="text/javascript">
         window.dataLayer = window.dataLayer || [];
         function gtag() { dataLayer.push(arguments); }
         gtag('js', new Date());
-
+        gtag('config', 'UA-124505000-2');
-        gtag('config', 'G-68BN6F20LG');
     </script>
+    
+    <!-- jQuery -->
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/timeago.js"></script>
 </head>
 	
-    <link href="/css/article-list.css" rel="stylesheet">
+<body class="is-preload">
-    <link href="/css/home.css" rel="stylesheet">
+
-    <body>
+	<!-- Header -->
-        <!-- cookie notice is included automatically -->
+<header id="header">
-        <div id="cookies">
+	<img src="/images/logo-white-padded.png" class="logo" />
-    <p>Just to let you know, we use cookies on our site.</p>
+	<a class="logo" href="/">BBC Young Reporter | Reading School</a>
-    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
+	<nav>
-</div>
+		<a href="#menu">Menu</a>
-
-
-        <!-- 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">
-                        <a class="mdc-list-item year" href="/years/2020" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2020</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/its-just-not-cricket-anymore.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">It's just not Cricket... Anymore</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/libraries-must-stay-open.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">Libraries Must Stay Open!</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/charity-children-want-to-create-change.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">Charity: Children Want to Create Change</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/power-to-the-9s.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">Power to the 9s – Will it live up to its expectations?</span>
-                    </a>
-                    
-                
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2020/reading-gaol-and-its-march-for-the-past.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 Gaol and its March for the Past</span>
-                    </a>
-                    
-                
-                    
-                    
-                    
-                    </div>
-                    
-                    <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">
-                        <a class="mdc-list-item year" href="/years/2019" data-mdc-auto-init="MDCRipple">
-                            <span class="mdc-list-item__text">2019</span>
-                        </a>
-                    </h3>
-                    
-                    
-                    <a class="mdc-list-item" href="/articles/2019/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/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/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/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/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/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/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/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/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/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/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>
-            
 	</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>
 
-
+<!-- Nav -->
-            <main class="main-content" id="main-content">
+<nav id="menu">
-                <div class="mdc-top-app-bar--short-fixed-adjust">
+	<ul class="links">
-                    
+		<li><a href="https://reading-school.co.uk" class="main-navbar-link">Reading School Website</a></li>
-<div class="article-section parallax-section" data-jarallax="" data-speed="0.5" style="background-image: url('/images/backgrounds/2020.jpg');">
+		<li><a href="/"  class="current-page-link main-navbar-link" >Home</a></li>
-    <div class="article-section-header">
-        <h1 class="mdc-typography--headline4">2020</h1>
-        <button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/years/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/its-just-not-cricket-anymore.html';">
+	<li><a href="/years/2020"  class="year-navbar-link" >2020</a></li>
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020/its-just-not-cricket-anymore.jpg');"></div>
+	
-    <div class="mdc-card-content">
+	
-        <h2 class="mdc-typography--headline6">It's just not Cricket... Anymore</h2>
+	<li><a href="/articles/2020/its-just-not-cricket-anymore.html"  class="article-navbar-link" >It's just not Cricket... Anymore</a></li>
-        <h3 class="mdc-typography--subtitle2">
+	
-            <time class="timeago" datetime="2020-03-29T10:25:00">Sunday 29 March 2020</time>
+	
-            &bull; by Milan G
+	
-        </h3>
+	<li><a href="/articles/2020/libraries-must-stay-open.html"  class="article-navbar-link" >Libraries Must Stay Open!</a></li>
-        <div class="mdc-typography--body2 article-description"></div>
+	
-    </div>
+	
-    <div class="mdc-card__actions">
+	
-        <div class="mdc-card__action-buttons">
+	<li><a href="/articles/2020/charity-children-want-to-create-change.html"  class="article-navbar-link" >Charity: Children Want to Create Change</a></li>
-            <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/its-just-not-cricket-anymore.html';">Read</button>
+	
-        </div>
+	
-    </div>
+	
+	<li><a href="/articles/2020/power-to-the-9s.html"  class="article-navbar-link" >Power to the 9s – Will it live up to its expectations?</a></li>
+	
+	
+	
+	<li><a href="/articles/2020/reading-gaol-and-its-march-for-the-past.html"  class="article-navbar-link" >Reading Gaol and its March for the Past</a></li>
+	
+	
+	
+	
+	<li><a href="/years/2019"  class="year-navbar-link" >2019</a></li>
+	
+	
+	<li><a href="/articles/2019/finished-product.html"  class="article-navbar-link" >The Finished Product</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html"  class="article-navbar-link" >Are The Roads Around Your Home And School Safe?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html"  class="article-navbar-link" >Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/book-week-real-life-issues-inspire-sarah-govett.html"  class="article-navbar-link" >Book Week - Real Life Issues Inspire Sarah Govett</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.html"  class="article-navbar-link" >A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/could-sky-high-aims-bring-reading-down.html"  class="article-navbar-link" >Could Sky-High Aims Bring Reading Down?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html"  class="article-navbar-link" >Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/video-games-virtual-fantasy-or-a-virtual-prison.html"  class="article-navbar-link" >Video Games - Virtual Fantasy Or A Virtual Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/what-is-in-the-patients-best-interest.html"  class="article-navbar-link" >What Is 'In The Patient's Best Interest’?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/whats-next-for-reading-prison.html"  class="article-navbar-link" >What's Next For Reading Prison?</a></li>
+	
+	
+	
+	<li><a href="/articles/2019/young-reporter-team-ready-to-go.html"  class="article-navbar-link" >Reading School's BBC Young Reporter Team… Ready To Go!</a></li>
+	
+	</ul>
+</nav>
+
+	<div id="cookies">
+    <p>Just to let you know, we use cookies on our site.</p>
+    <p>
+        <button class="button small" onclick="acceptCookies();">OK</button>
+    </p>
 </div>
 
-
+	<!-- Banner -->
-
+	<section id="banner">
-
+		<div class="inner">
-
+			<img src="/images/logo-white.png" class="banner-logo" />
-
+			<h1>BBC Young Reporter</h1>
-
+			<p>Articles from Reading School's year 8 students</p>
-
-    
-<div class="mdc-card" onclick="window.location='/articles/2020/libraries-must-stay-open.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020/libraries-must-stay-open.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">Libraries Must Stay Open!</h2>
-        <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2020-03-19T08:54:00">Thursday 19 March 2020</time>
-            &bull; by Kaval S
-        </h3>
-        <div class="mdc-typography--body2 article-description">Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</div>
 		</div>
-    <div class="mdc-card__actions">
+	</section>
-        <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/libraries-must-stay-open.html';">Read</button>
+	
+
+	<!-- Highlights -->
+<section class="wrapper">
+	<div class="inner">
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		<section class="cta wrapper" style="background-image: linear-gradient(135deg, rgba(var(--background-colour-dark-rgb), 0.5), rgba(var(--background-colour-dark-rgb), 0.9)), url(/images/backgrounds/2020.jpg)">
+			<div class="inner">
+				<h2>2020</h2>
+				<a href="/years/2020" class="button">See all</a>
 			</div>
+		</section>
+
+		<div class="highlights">
+	
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2020/its-just-not-cricket-anymore.html" class="image fit"><img src="/images/2020/its-just-not-cricket-anymore.jpg" /></a>
+						<h3>It's just not Cricket... Anymore</h3>
+					</header>
+					<p><time class="timeago" datetime="2020-03-29T10:25:00">29/03/2020</time>
+					&bull; by Milan G</p>
+					<p style="text-align: left;"></p>
+					<a href="/articles/2020/its-just-not-cricket-anymore.html" class="button small">Read more</a>
 				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2020/libraries-must-stay-open.html" class="image fit"><img src="/images/2020/libraries-must-stay-open.jpg" /></a>
+						<h3>Libraries Must Stay Open!</h3>
+					</header>
+					<p><time class="timeago" datetime="2020-03-19T08:54:00">19/03/2020</time>
+					&bull; by Kaval S</p>
+					<p style="text-align: left;">Libraries. They are “Universities of the streets” and the basis for prosperity. They are a luxury available to all that seek it, regardless of their race, gender, employment status or age. They are one of the most neglected fundamentals of society, which must stay open</p>
+					<a href="/articles/2020/libraries-must-stay-open.html" class="button small">Read more</a>
+				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2020/charity-children-want-to-create-change.html" class="image fit"><img src="/images/2020/charity-children-want-to-create-change.jpg" /></a>
+						<h3>Charity: Children Want to Create Change</h3>
+					</header>
+					<p><time class="timeago" datetime="2020-03-14T15:25:00">14/03/2020</time>
+					&bull; by Peiyan H, Nidilan S</p>
+					<p style="text-align: left;">Reading School students want to make a difference to the world by getting involved with charities and raising money for them</p>
+					<a href="/articles/2020/charity-children-want-to-create-change.html" class="button small">Read more</a>
+				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		</div>
+		
+		
+		<section class="cta wrapper" style="background-image: linear-gradient(135deg, rgba(var(--background-colour-dark-rgb), 0.5), rgba(var(--background-colour-dark-rgb), 0.9)), url(/images/backgrounds/2019.jpg)">
+			<div class="inner">
+				<h2>2019</h2>
+				<a href="/years/2019" class="button">See all</a>
+			</div>
+		</section>
+
+		<div class="highlights">
+	
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2019/finished-product.html" class="image fit"><img src="/images/2019/finished-product.jpg" /></a>
+						<h3>The Finished Product</h3>
+					</header>
+					<p><time class="timeago" datetime="2019-03-06T15:52:00">06/03/2019</time>
+					&bull; by Mr Baldock</p>
+					<p style="text-align: left;"></p>
+					<a href="/articles/2019/finished-product.html" class="button small">Read more</a>
+				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html" class="image fit"><img src="/images/2019/are-the-roads-around-your-home-and-school-safe.jpg" /></a>
+						<h3>Are The Roads Around Your Home And School Safe?</h3>
+					</header>
+					<p><time class="timeago" datetime="2019-03-06T14:46:00">06/03/2019</time>
+					&bull; by Riley C, Oliver C</p>
+					<p style="text-align: left;">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.</p>
+					<a href="/articles/2019/are-the-roads-around-your-home-and-school-safe.html" class="button small">Read more</a>
+				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+			<section>
+				<div class="content">
+					<header>
+						
+						<a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" class="image fit"><img src="/images/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg" /></a>
+						<h3>Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h3>
+					</header>
+					<p><time class="timeago" datetime="2019-03-06T14:38:00">06/03/2019</time>
+					&bull; by Tom S-R, Ben S-R</p>
+					<p style="text-align: left;">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.</p>
+					<a href="/articles/2019/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html" class="button small">Read more</a>
+				</div>
+			</section>
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		</div>
+		
+		
+		
+
+	</div>
+</section>
+
+
+	
+
+	<!-- Footer -->
+	<footer id="footer">
+		<div class="inner">
+			<div class="content">
+    <section>
+        <h4>Reading School</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/readingsch" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="https://instagram.com/reading_sch" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            <li><a href="https://facebook.com/ReadingSchoolOfficial" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+        </ul>
+    </section>
+    <section>
+        <h4>English Department</h4>
+        <ul class="plain">
+            <li><a href="https://twitter.com/RSEnglishDept" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+        </ul>
+    </section>
 </div>
-
+<div class="copyright">
-
+    <a href="https://mgrove.uk">&copy; Matthew G 2020.</a>
-
-
-
-
-
-
-    
-<div class="mdc-card" onclick="window.location='/articles/2020/charity-children-want-to-create-change.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020/charity-children-want-to-create-change.jpg');"></div>
-    <div class="mdc-card-content">
-        <h2 class="mdc-typography--headline6">Charity: Children Want to Create Change</h2>
-        <h3 class="mdc-typography--subtitle2">
-            <time class="timeago" datetime="2020-03-14T15:25:00">Saturday 14 March 2020</time>
-            &bull; by Peiyan H, Nidilan S
-        </h3>
-        <div class="mdc-typography--body2 article-description">Reading School students want to make a difference to the world by getting involved with charities and raising money for them</div>
-    </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/charity-children-want-to-create-change.html';">Read</button>
-        </div>
-    </div>
 </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 		</div>
-</div>
-<div class="splitter"></div>
-
-<div class="article-section parallax-section" data-jarallax="" data-speed="0.5" 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='/years/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/finished-product.html';">
-    <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019/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>
-            &bull; by Mr Baldock
-        </h3>
-        <div class="mdc-typography--body2 article-description"></div>
-    </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/finished-product.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-    
-<div class="mdc-card" onclick="window.location='/articles/2019/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/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>
-            &bull; by Riley C, Oliver C
-        </h3>
-        <div class="mdc-typography--body2 article-description">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.</div>
-    </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/are-the-roads-around-your-home-and-school-safe.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-    
-<div class="mdc-card" onclick="window.location='/articles/2019/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/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>
-            &bull; by Tom S-R, Ben S-R
-        </h3>
-        <div class="mdc-typography--body2 article-description">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.</div>
-    </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/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">Read</button>
-        </div>
-    </div>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    </div>
-</div>
-
-
-                </div>
-            </main>
-            <div class="footer-container">
-  <footer>
-    <span >&copy; Matthew G 2020 &bull; Made by <a href="https://mgrove.uk">Matthew G</a></span>
-    <img>
 	</footer>
-</div>
+	
-        </div>
+	<!-- Scripts -->
-    </body>
+<script src="/assets/js/cookies.js"></script>
+<script src="/assets/js/util.js"></script>
+<script src="/assets/js/main.js"></script>
+
+</body>
+
+
+
+<style>
+#banner {
+	background-image: url("/images/backgrounds/2020.jpg");
+}
+</style>
+
 </html>

_site/js/article-page.js

@@ -1,6 +0,0 @@
-$(document).ready(function(){
-  // remove black bar if article has no content
-  if (! $.trim($(".article-content").html())) {
-    $(".article-content").hide();
-  }
-});

_site/js/global.js

@@ -1,45 +0,0 @@
-$(document).ready(function(){
-    // initiate MDC drawer
-    const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
-
-    // initiate MDC top app bar
-    const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
-    mdc_top_app_bar.listen("MDCTopAppBar:nav", () => {
-        drawer.open = !drawer.open;
-    });
-
-    // initiate MDC items
-    mdc.autoInit();
-
-    // get current URL with no forward slash at the end and no domain
-    var drawer_item_link_query_selector = ".mdc-list-item[href='" + window.location.pathname;
-    if (drawer_item_link_query_selector.endsWith("index.html")) {
-        drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 10);
-    }
-    if (drawer_item_link_query_selector.endsWith("/")) {
-        drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 1);
-    }
-
-    // give 'seleted' styling to correct item on navbar
-    $(drawer_item_link_query_selector + "']").addClass("mdc-list-item--activated");
-    $(drawer_item_link_query_selector + "']").attr("aria-selected", "true");
-    $(drawer_item_link_query_selector + "/']").addClass("mdc-list-item--activated");
-    $(drawer_item_link_query_selector + "/']").attr("aria-selected", "true");
-
-    // initiate timeago elements (displays how long ago an article was written)
-    jQuery("time.timeago").timeago();
-
-    // include cookie notice
-    if(Cookies.get("reading-school-bbc-young-reporter-cookies-accepted") != "true") {
-        $("#cookies").show();
-        $("#cookies").animate({bottom: "0px"}, 1000);
-        $("footer").animate({marginBottom: "87px"}, 1000);
-        $("#close-cookies").click(function(){
-            event.preventDefault();
-            $("#cookies").animate({bottom: "-100px"}, 1000);
-            setTimeout(function(){$("#cookies").hide()},1000);
-                 $("footer").animate({marginBottom: "15px"}, 1000);
-            Cookies.set("reading-school-bbc-young-reporter-cookies-accepted", "true", {expires: 30});
-        });
-    }
-});

_site/js/jquery.timeago.min.js

@@ -1 +0,0 @@
-!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&"object"==typeof module.exports?t(require("jquery")):t(jQuery)}(function(t){t.timeago=function(e){return e instanceof Date?n(e):n("string"==typeof e?t.timeago.parse(e):"number"==typeof e?new Date(e):t.timeago.datetime(e))};var e=t.timeago;t.extend(t.timeago,{settings:{refreshMillis:6e4,allowPast:!0,allowFuture:!1,localeTitle:!1,cutoff:0,autoDispose:!0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"any moment now",seconds:"less than a minute",minute:"about a minute",minutes:"%d minutes",hour:"about an hour",hours:"about %d hours",day:"a day",days:"%d days",month:"about a month",months:"%d months",year:"about a year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(e){if(!this.settings.allowPast&&!this.settings.allowFuture)throw"timeago allowPast and allowFuture settings can not both be set to false.";var i=this.settings.strings,a=i.prefixAgo,n=i.suffixAgo;if(this.settings.allowFuture&&e<0&&(a=i.prefixFromNow,n=i.suffixFromNow),!this.settings.allowPast&&e>=0)return this.settings.strings.inPast;var r=Math.abs(e)/1e3,o=r/60,s=o/60,u=s/24,m=u/365;function l(a,n){var r=t.isFunction(a)?a(n,e):a,o=i.numbers&&i.numbers[n]||n;return r.replace(/%d/i,o)}var d=r<45&&l(i.seconds,Math.round(r))||r<90&&l(i.minute,1)||o<45&&l(i.minutes,Math.round(o))||o<90&&l(i.hour,1)||s<24&&l(i.hours,Math.round(s))||s<42&&l(i.day,1)||u<30&&l(i.days,Math.round(u))||u<45&&l(i.month,1)||u<365&&l(i.months,Math.round(u/30))||m<1.5&&l(i.year,1)||l(i.years,Math.round(m)),h=i.wordSeparator||"";return void 0===i.wordSeparator&&(h=" "),t.trim([a,d,n].join(h))},parse:function(e){var i=t.trim(e);return i=(i=(i=(i=(i=i.replace(/\.\d+/,"")).replace(/-/,"/").replace(/-/,"/")).replace(/T/," ").replace(/Z/," UTC")).replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2")).replace(/([\+\-]\d\d)$/," $100"),new Date(i)},datetime:function(i){var a=e.isTime(i)?t(i).attr("datetime"):t(i).attr("title");return e.parse(a)},isTime:function(e){return"time"===t(e).get(0).tagName.toLowerCase()}});var i={init:function(){i.dispose.call(this);var n=t.proxy(a,this);n();var r=e.settings;r.refreshMillis>0&&(this._timeagoInterval=setInterval(n,r.refreshMillis))},update:function(i){var n=i instanceof Date?i:e.parse(i);t(this).data("timeago",{datetime:n}),e.settings.localeTitle&&t(this).attr("title",n.toLocaleString()),a.apply(this)},updateFromDOM:function(){t(this).data("timeago",{datetime:e.parse(e.isTime(this)?t(this).attr("datetime"):t(this).attr("title"))}),a.apply(this)},dispose:function(){this._timeagoInterval&&(window.clearInterval(this._timeagoInterval),this._timeagoInterval=null)}};function a(){var i=e.settings;if(i.autoDispose&&!t.contains(document.documentElement,this))return t(this).timeago("dispose"),this;var a=function(i){if(!(i=t(i)).data("timeago")){i.data("timeago",{datetime:e.datetime(i)});var a=t.trim(i.text());e.settings.localeTitle?i.attr("title",i.data("timeago").datetime.toLocaleString()):!(a.length>0)||e.isTime(i)&&i.attr("title")||i.attr("title",a)}return i.data("timeago")}(this);return isNaN(a.datetime)||(0===i.cutoff||Math.abs(r(a.datetime))<i.cutoff?t(this).text(n(a.datetime)):t(this).attr("title").length>0&&t(this).text(t(this).attr("title"))),this}function n(t){return e.inWords(r(t))}function r(t){return(new Date).getTime()-t.getTime()}t.fn.timeago=function(t,e){var a=t?i[t]:i.init;if(!a)throw new Error("Unknown function name '"+t+"' for timeago");return this.each(function(){a.call(this,e)}),this},document.createElement("abbr"),document.createElement("time")});