me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Continue redesigning site

Browse Source
This commit is contained in:
Matthew Grove
2020-03-02 22:38:03 +00:00
parent 64cd4f03d4
commit 8d6382d3a6
72 changed files with 1154 additions and 4979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Gemfile.lock
View File

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

65
_includes/article-carousel.html
View File

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

3
_includes/article-page-head.html
View File

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

2
_includes/footer.html
View File

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

3
_includes/head.html
View File

@@ -39,6 +39,9 @@
<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">

2
_includes/navbar.html
View File

@@ -2,7 +2,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">

1
_layouts/404.html
View File

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

1
_layouts/article-list.html
View File

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

4
_layouts/home.html
View File

@@ -4,7 +4,6 @@
<link href="/css/mdc-card-list.css" rel="stylesheet">
<link href="/css/home.css" rel="stylesheet">
<script src="/js/home.js"></script>
<script src="/js/jarallax.min.js"></script>
<body>
<!-- cookie notice is included automatically -->
{% include cookie-notice.html %}
@@ -20,10 +19,7 @@
{{ content }}
</div>
</main>
<div class="footer-container">
{% include footer.html %}
</div>
{% include top-scroll-button.html %}
</div>
</body>
</html>

12
_layouts/image-article.html
View File

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

2
_layouts/video-article.html
View File

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

22
_posts/2018-03-06-test.md Normal file
View File

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

27
_site/404.html
View File

@@ -41,6 +41,9 @@
<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">
@@ -60,7 +63,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -198,6 +201,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -234,15 +252,12 @@ Click <a href="/">here</a> to see the articles Reading School’s year 8 student
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>
</div>
</div>
</body>
<style>

293
_site/articles/2018/03/06/test.html Normal file
View File

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

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg');">
<h2 class="mdc-typography--headline3">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
</div>
<figcaption class="mdc-typography--caption-text">An anorexic girl | &copy; Getty</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T13:38:00">Wednesday 6 March 2019</time>
| by Luke H
</h3>
<figure>
<img src="/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">An anorexic girl | &copy; Getty</figcaption>
</figure>
<div class="article-content">
<p>On the 27 February 2019, a possible link between autism and anorexia was discovered by Autistica, a charity devoted to making autistic people happy and healthy. They stated findings that suggested one in five women with anorexia may also have autism. Their Head of Science, Dr James Cusack, has pushed for the National Institute for Health and Clinical Excellence (NICE) to change their guidance to reflect this.</p>
<p>Autism, also known as Autism Spectrum Disorder, is a lifelong developmental disability that affects one person for every hundred in the UK.</p>
@@ -259,267 +275,15 @@
<p>Caroline Norton, from the South London and Maudsley NHS Trust’s Eating Disorder Service (and a former patient at the facility), recently stated that “our autistic patients can have one-to-one sessions”. This is to make the patients feel more comfortable and able to talk about any concerns about anorexia, without feeling like people will judge them for it.</p>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg');">
<h2 class="mdc-typography--headline3">Are The Roads Around Your Home And School Safe?</h2>
</div>
<figcaption class="mdc-typography--caption-text">An example of a car parking on a double yellow line | &copy; Getty</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T14:46:00">Wednesday 6 March 2019</time>
| by Riley C, Oliver C
</h3>
<figure>
<img src="/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">An example of a car parking on a double yellow line | &copy; Getty</figcaption>
</figure>
<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>
@@ -271,298 +287,15 @@
<figcaption class="mdc-typography--caption-text">An example of cars blocking the path for disabled and elderly people | &copy; BBC</figcaption>
</figure>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett.jpg');">
<h2 class="mdc-typography--headline3">Book Week - Real Life Issues Inspire Sarah Govett</h2>
</div>
<figcaption class="mdc-typography--caption-text">Sarah Govett visited Reading School as part of Book Week | &copy; Reading School</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T14:14:00">Wednesday 6 March 2019</time>
| by Aadith C, Adit S, Adi V
</h3>
<figure>
<img src="/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Sarah Govett visited Reading School as part of Book Week | &copy; Reading School</figcaption>
</figure>
<div class="article-content">
<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>
@@ -266,355 +282,15 @@
<p>Ms Govett also revealed she was working on a new dystopian novel. It is set around the idea of a world where antibiotics do not work. This comes at a time when many bacteria are becoming immune to certain antibiotics due to their use in scenarios when they are not needed as can be seen in the recently launched campaign by the NHS to stop the overuse of antibiotics: Keep Antibiotics Working.</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By These Authors
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-what-is-in-the-patients-best-interest-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">What Is 'In The Patient's Best Interest’?</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T11:46:00">Wednesday 6 March 2019</time>
| by Aadith C
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/what-is-in-the-patients-best-interest.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-what-is-in-the-patients-best-interest-html {
background-image: url("/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-could-sky-high-aims-bring-reading-down.jpg');">
<h2 class="mdc-typography--headline3">Could Sky-High Aims Bring Reading Down?</h2>
</div>
<figcaption class="mdc-typography--caption-text">One of the buildings in CNM Estates' Verto developments | &copy; Reading School</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T12:56:00">Wednesday 6 March 2019</time>
| by Ben P
</h3>
<figure>
<img src="/images/2019-03-06-could-sky-high-aims-bring-reading-down--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">One of the buildings in CNM Estates' Verto developments | &copy; Reading School</figcaption>
</figure>
<div class="article-content">
<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>
@@ -271,267 +287,15 @@
<p>So, Reading needs to plan carefully and take action to respond to all the needs of its growing population, to keep it an attractive place to live and work and make sure its success doesn’t become its downfall.</p>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

326
_site/articles/2019/03/06/finished-product.html
View File

@@ -42,15 +42,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -67,7 +67,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -205,6 +205,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -235,316 +250,27 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-finished-product.jpg');">
<h2 class="mdc-typography--headline3">The Finished Product</h2>
</div>
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team at the end of the day</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T15:52:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</h3>
<figure>
<img src="/images/2019-03-06-finished-product--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team at the end of the day</figcaption>
</figure>
<div class="article-content">
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-young-reporter-team-ready-to-go-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T09:36:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/young-reporter-team-ready-to-go.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-young-reporter-team-ready-to-go-html {
background-image: url("/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg');">
<h2 class="mdc-typography--headline3">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
</div>
<figcaption class="mdc-typography--caption-text">Rosa Parks - who topped the poll | &copy; BBC</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T14:38:00">Wednesday 6 March 2019</time>
| by Tom S-R, Ben S-R
</h3>
<figure>
<img src="/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Rosa Parks - who topped the poll | &copy; BBC</figcaption>
</figure>
<div class="article-content">
<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>
@@ -264,319 +280,15 @@
<figcaption class="mdc-typography--caption-text">The results from our student survey | &copy; Reading School</figcaption>
</figure>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By These Authors
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-whats-next-for-reading-prison-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">What's Next For Reading Prison?</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T10:38:00">Wednesday 6 March 2019</time>
| by Tom S-R, Ben S-R
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/whats-next-for-reading-prison.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-whats-next-for-reading-prison-html {
background-image: url("/images/2019-03-06-whats-next-for-reading-prison--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg');">
<h2 class="mdc-typography--headline3">Tennis Club Needs To Relocate As Redevelopment Plans Are Called ‘Out’</h2>
</div>
<figcaption class="mdc-typography--caption-text">A rainy winters day at Caversham lawn tennis club | &copy; Reading School</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T12:32:00">Wednesday 6 March 2019</time>
| by Hal R-D
</h3>
<figure>
<img src="/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A rainy winters day at Caversham lawn tennis club | &copy; Reading School</figcaption>
</figure>
<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>
@@ -285,267 +301,15 @@ Others objected to the planning application by expressing fears of the damaging
<p>The club is now preparing for the move which members hope will happen within the next few years. The club will move when new facilities are built at proposed site of Caversham Heath golf club, but the tennis club is still looking for a buyer for the current location within the next few months.</p>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison.jpg');">
<h2 class="mdc-typography--headline3">Video Games - Virtual Fantasy Or A Virtual Prison?</h2>
</div>
<figcaption class="mdc-typography--caption-text">Fortnite - one of the world's biggest video games | &copy; Getty</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T12:19:00">Wednesday 6 March 2019</time>
| by Kamran S
</h3>
<figure>
<img src="/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Fortnite - one of the world's biggest video games | &copy; Getty</figcaption>
</figure>
<div class="article-content">
<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>
@@ -287,267 +303,15 @@ Well of course the most effective and most common method experienced by Reading
<p>The gamers I contacted said that there is a lack of awareness in the community on how to deal with these situations. Declan says: “awareness is not raised enough for young people to know what to do when they experience these situations.” Tom thinks that the un-educated should be told in PSHE lessons, or made aware of the problems: “This will encourage them to ask how they are able to address the problems themselves.” Reading School gamers, Xbox and Playstation alike, agreed that developers do try to raise awareness about in-game bullying but they do not do it enough.</p>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-what-is-in-the-patients-best-interest.jpg');">
<h2 class="mdc-typography--headline3">What Is 'In The Patient's Best Interest’?</h2>
</div>
<figcaption class="mdc-typography--caption-text">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? | &copy; BBC</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T11:46:00">Wednesday 6 March 2019</time>
| by Aadith C
</h3>
<figure>
<img src="/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Disagreements, difficult decisions and assisted dying. What is 'in the patient's best interest'? | &copy; BBC</figcaption>
</figure>
<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>
@@ -298,283 +314,15 @@ It is standard protocol in the NHS that doctors must consult with the patient an
<p>In their view, palliative care is a ‘wonderful resource’ but ‘cannot help in all situations’. They also suggest that discussions on how assisted dying can be ‘safely and comprehensively’ implemented into UK healthcare.</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Book Week - Real Life Issues Inspire Sarah Govett</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T14:14:00">Wednesday 6 March 2019</time>
| by Aadith C, Adit S, Adi V
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-book-week-real-life-issues-inspire-sarah-govett-html {
background-image: url("/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,15 +251,16 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-whats-next-for-reading-prison.jpg');">
<h2 class="mdc-typography--headline3">What's Next For Reading Prison?</h2>
</div>
<figcaption class="mdc-typography--caption-text">A view of one of the prison buildings | &copy; BBC</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T10:38:00">Wednesday 6 March 2019</time>
| by Tom S-R, Ben S-R
</h3>
<figure>
<img src="/images/2019-03-06-whats-next-for-reading-prison--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A view of one of the prison buildings | &copy; BBC</figcaption>
</figure>
<div class="article-content">
<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>
@@ -292,319 +308,15 @@ Under the plan, the main theatre would operate on a commercial basis with the re
<figcaption class="mdc-typography--caption-text">An inside view of the prison | &copy; BBC</figcaption>
</figure>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By These Authors
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T14:38:00">Wednesday 6 March 2019</time>
| by Tom S-R, Ben S-R
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html {
background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

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

@@ -43,15 +43,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -68,7 +68,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,318 +251,29 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-young-reporter-team-ready-to-go.jpg');">
<h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
</div>
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T09:36:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</h3>
<figure>
<img src="/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
</figure>
<div class="article-content">
<p>Here are our intrepid Young Reporters, chomping at the bit to bring you lots of terrific stories about Reading School, our local area and the amazing things happening here. And rest assured, this will be a Brexit-free zone.</p>
<p>Breaking news will appear here as it happens…</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-finished-product-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">The Finished Product</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T15:52:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2019/03/06/finished-product.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-finished-product-html {
background-image: url("/images/2019-03-06-finished-product--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

212
_site/articles/2020/03/01/test.html
View File

@@ -42,15 +42,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -67,7 +67,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -205,6 +205,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -235,200 +250,27 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-01-test.jpg');">
<h2 class="mdc-typography--headline3">Test</h2>
</div>
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2020-03-01T07:01:00">Sunday 1 March 2020</time>
| by Matthew G
</h3>
<figure>
<img src="/images/2020-03-01-test--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
</figure>
<div class="article-content">
<p>Content</p>
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

248
_site/articles/2020/03/02/test1.html
View File

@@ -42,15 +42,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -67,7 +67,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -205,6 +205,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -235,238 +250,27 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-02-test1.jpg');">
<h2 class="mdc-typography--headline3">Title</h2>
</div>
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2020-03-02T07:01:00">Monday 2 March 2020</time>
| by Name
</h3>
<figure>
<img src="/images/2020-03-02-test1--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
</figure>
<div class="article-content">
<p>Content</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2020-03-02-test2-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2020-03-02T07:02:00">Monday 2 March 2020</time>
| by Name
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test2.html';">Read</button>
</div>
</div>
<style>
.-articles-2020-03-02-test2-html {
background-image: url("/images/2020-03-02-test2--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

248
_site/articles/2020/03/02/test2.html
View File

@@ -42,15 +42,15 @@
<link href="/css/material_icons.css" rel="stylesheet">
<script src="/js/material-components-web.min.js"></script>
<!-- import Jarallax for parallax backgrounds -->
<script src="/js/jarallax.min.js"></script>
<!-- import local styling & scripts -->
<script src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
@@ -67,7 +67,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -205,6 +205,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -235,238 +250,27 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-02-test2.jpg');">
<h2 class="mdc-typography--headline3">Title</h2>
</div>
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2020-03-02T07:02:00">Monday 2 March 2020</time>
| by Name
</h3>
<figure>
<img src="/images/2020-03-02-test2--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
</figure>
<div class="article-content">
<p>Content</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2020-03-02-test1-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2020-03-02T07:01:00">Monday 2 March 2020</time>
| by Name
</h3>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2020/03/02/test1.html';">Read</button>
</div>
</div>
<style>
.-articles-2020-03-02-test1-html {
background-image: url("/images/2020-03-02-test1--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>

82
_site/css/article-page.css
View File

@@ -7,11 +7,26 @@
}
.mdc-typography--caption-text {
font-style: italic;
margin: 5px;
}
.mdc-typography--headline5 {
margin-bottom: 5px;
}
/* change background */
.article-content {
background-color: var(--mdc-theme-background);
padding-top: 6px;
padding-bottom: 6px;
}
/* position headline in middle of image */
.parallax-section {
text-align: center;
vertical-align: middle;
padding: 150px 15px;
}
/* adjust video dimensions depending on screen size */
iframe {
@@ -31,8 +46,15 @@ iframe {
height: calc(90vw / 16 * 9 - 5px);
}
.mdc-typography--headline3, .mdc-typography--headline5 {
font-size: 1.5rem;
line-height: 1.625rem;
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;
}
}
@@ -41,59 +63,3 @@ iframe {
height: calc(93.5vw / 16 * 9);
}
}
/* make article cards look nice by altering margins */
.mdc-card-content {
margin: 5px 15px 5px 15px;
}
.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
margin: 0;
}
/* change carousel dots' styling to make them more visible */
.slick-dots {
position: relative;
bottom: 0;
margin: auto;
}
.slick-dots li button:before {
font-size: 30px;
opacity: 1;
color: #ababab;
}
.slick-dots li.slick-active button::before {
font-size: 40px;
opacity: 1;
color: var(--mdc-theme-primary);
}
/* ensure buttons don't get in the way & enable scrolling */
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
/* ensure MDC cards are separated enough that they are distinguishable */
.carousel-item {
margin: 4px;
}
/* remove excessive margin below carousel */
.slick-dotted.slick-slider {
margin-bottom: 13px;
}
/* align article carousel title with carousel items */
.article-carousel-title {
text-align: center;
}

85
_site/css/global.css
View File

@@ -1,7 +1,12 @@
/* change theme */
:root {
--mdc-theme-primary: #273967;
--mdc-theme-secondary: #ef6c00;
--mdc-theme-primary: #253a67;
--mdc-theme-secondary: #ea6343;
--mdc-theme-background: #181a1b;
}
.mdc-top-app-bar--short-fixed-adjust {
padding-top: 41px;
}
.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 {
@@ -12,6 +17,24 @@ body {
font-family: 'Roboto', sans-serif;
display: flex;
margin: 0;
background-color: var(--mdc-theme-primary);
color: #ffffff;
}
.mdc-drawer {
background-color: var(--mdc-theme-background);
}
.mdc-drawer *, .mdc-drawer .material-icons, .mdc-drawer h3 {
color: #ddd;
}
.mdc-drawer .mdc-list-group__subheader {
color: #ccc;
}
.mdc-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);
}
a {
@@ -33,7 +56,7 @@ a {
}
.main-content {
margin: 15px;
margin: 15px 0;
overflow: auto;
}
@@ -41,11 +64,49 @@ a {
position: absolute;
}
.footer-container {
background: var(--mdc-theme-background);
padding: 5px 0;
}
footer {
margin: 15px;
overflow: auto;
}
/* change button colours */
.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);
}
/* parallax backgrounds */
.parallax-section {
position: relative;
z-index: 0;
display: flow-root;
}
/* responsive side margins */
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 15%;
padding-right: 15%;
}
@media screen and (max-width: 1000px) {
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 8%;
padding-right: 8%;
}
}
@media screen and (max-width: 800px) {
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 2%;
padding-right: 2%;
}
}
/* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
footer span {
position: relative;
@@ -76,24 +137,6 @@ footer img {
}
}
/* add side margins */
.main-content, footer {
margin-left: 15%;
margin-right: 15%;
}
@media screen and (max-width: 600px) {
.main-content, footer {
margin-left: 5%;
margin-right: 5%;
}
}
@media screen and (max-width: 500px) {
.main-content, footer {
margin-left: 2%;
margin-right: 2%;
}
}
/* for cookie notice */
#cookies {
display: none;

45
_site/css/home.css
View File

@@ -1,20 +1,3 @@
html, body {
background-color: var(--mdc-theme-primary);
}
.footer-container {
background: #ffffff;
padding: 5px 0;
}
.mdc-top-app-bar--short-fixed-adjust {
padding-top: 41px;
}
.article-section {
position: relative;
z-index: 0;
display: flow-root;
background-image: url("/images/backgrounds/2019.jpg");
}
.main-content .mdc-card {
float: left;
width: calc((100% / 3) - 12px);
@@ -24,12 +7,10 @@ html, body {
margin: 6px 6px 10px 6px;
background: none;
}
.main-content {
margin-left: 0;
margin-right: 0;
}
.article-section-header {
background-color: rgba(255,255,255,0.8);
background-color: rgba(24,26,27,0.5);
padding-top: 12px;
padding-bottom: 12px;
}
.article-section-header h1 {
margin-block-start: 0;
@@ -49,37 +30,23 @@ html, body {
left: 0;
top: 1.25px;
transition: left 0.1s linear;
height: 100%;
font-size: inherit;
}
.article-section-header button:hover span {
left: 3px;
}
.article-section .articles, .article-section-header {
padding: 12px 15% 12px 15%;
}
.splitter {
height: 15px;
width: 100%;
background-color: var(--mdc-theme-primary);
}
.article-section:nth-of-type(3) {
background: #ffffff;
.article-section:nth-of-type(3n) {
background: var(--mdc-theme-background);
}
.article-section:nth-of-type(3) #jarallax-container-1 {
.article-section:nth-of-type(3n) #jarallax-container-1 {
display: none;
}
@media screen and (max-width: 1000px) {
.article-section .articles, .article-section-header {
padding: 12px 8% 12px 8%;
}
}
@media screen and (max-width: 800px) {
.article-section .articles, .article-section-header {
padding: 12px 2% 12px 2%;
}
}
@media screen and (max-width: 600px) {
.article-section .mdc-card:nth-of-type(3) {
display: none;

204
_site/css/slick-theme.css
View File

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

119
_site/css/slick.css
View File

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

0
_site/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it--cover.jpg → _site/images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 396 KiB

After

Width:  |  Height:  |  Size: 396 KiB

0
_site/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg → _site/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 228 KiB

After

Width:  |  Height:  |  Size: 228 KiB

0
_site/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg → _site/images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 MiB

After

Width:  |  Height:  |  Size: 6.6 MiB

0
_site/images/2019-03-06-could-sky-high-aims-bring-reading-down--cover.jpg → _site/images/2019-03-06-could-sky-high-aims-bring-reading-down.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 371 KiB

After

Width:  |  Height:  |  Size: 371 KiB

0
_site/images/2019-03-06-finished-product--cover.jpg → _site/images/2019-03-06-finished-product.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 KiB

After

Width:  |  Height:  |  Size: 274 KiB

0
_site/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg → _site/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

0
_site/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--cover.jpg → _site/images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

0
_site/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison--cover.jpg → _site/images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 KiB

After

Width:  |  Height:  |  Size: 224 KiB

0
_site/images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg → _site/images/2019-03-06-what-is-in-the-patients-best-interest.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

0
_site/images/2019-03-06-whats-next-for-reading-prison--cover.jpg → _site/images/2019-03-06-whats-next-for-reading-prison.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

0
_site/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg → _site/images/2019-03-06-young-reporter-team-ready-to-go.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 530 KiB

After

Width:  |  Height:  |  Size: 530 KiB

BIN
_site/images/backgrounds/2019.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 KiB

After

Width:  |  Height:  |  Size: 669 KiB

BIN
_site/images/backgrounds/2020.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 669 KiB

89
_site/index.html
View File

@@ -41,6 +41,9 @@
<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">
@@ -50,7 +53,6 @@
<link href="/css/mdc-card-list.css" rel="stylesheet">
<link href="/css/home.css" rel="stylesheet">
<script src="/js/home.js"></script>
<script src="/js/jarallax.min.js"></script>
<body>
<!-- cookie notice is included automatically -->
<div id="cookies">
@@ -64,7 +66,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -202,6 +204,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -233,10 +250,10 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<div class="article-section" data-jarallax="" data-speed="0.4">
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2020.jpg');">
<div class="article-section-header">
<h1>2020</h1>
<button class="mdc-button mdc-button--outlined" data-mdc-auto-init="MDCRipple" onclick="window.location='URL';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2020';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
@@ -261,7 +278,7 @@
</div>
<style>
.-articles-2020-03-02-test2-html {
background-image: url("/images/2020-03-02-test2--cover.jpg");
background-image: url("/images/2020-03-02-test2.jpg");
}
</style>
@@ -290,7 +307,7 @@
</div>
<style>
.-articles-2020-03-02-test1-html {
background-image: url("/images/2020-03-02-test1--cover.jpg");
background-image: url("/images/2020-03-02-test1.jpg");
}
</style>
@@ -319,7 +336,7 @@
</div>
<style>
.-articles-2020-03-01-test-html {
background-image: url("/images/2020-03-01-test--cover.jpg");
background-image: url("/images/2020-03-01-test.jpg");
}
</style>
@@ -334,10 +351,10 @@
</div>
<div class="splitter"></div>
<div class="article-section" data-jarallax="" data-speed="0.4">
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2019.jpg');">
<div class="article-section-header">
<h1>2019</h1>
<button class="mdc-button mdc-button--outlined" data-mdc-auto-init="MDCRipple" onclick="window.location='URL';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2019';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
@@ -362,7 +379,7 @@
</div>
<style>
.-articles-2019-03-06-finished-product-html {
background-image: url("/images/2019-03-06-finished-product--cover.jpg");
background-image: url("/images/2019-03-06-finished-product.jpg");
}
</style>
@@ -391,7 +408,7 @@
</div>
<style>
.-articles-2019-03-06-are-the-roads-around-your-home-and-school-safe-html {
background-image: url("/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg");
background-image: url("/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg");
}
</style>
@@ -420,7 +437,7 @@
</div>
<style>
.-articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html {
background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg");
background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg");
}
</style>
@@ -471,6 +488,49 @@
</div>
</div>
<div class="splitter"></div>
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2018.jpg');">
<div class="article-section-header">
<h1>2018</h1>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2018';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2018-03-06-test-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2018-03-06T13:38:00">Tuesday 6 March 2018</time>
| by Luke H
</h3>
</div>
<div class="mdc-typography--body2"></div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2018/03/06/test.html';">Read</button>
</div>
</div>
</div>
<style>
.-articles-2018-03-06-test-html {
background-image: url("/images/2018-03-06-test.jpg");
}
</style>
@@ -485,12 +545,7 @@
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>
</div>
</body>
</html>

16
_site/js/jquery.paroller.min.js vendored
View File

@@ -1,16 +0,0 @@
'use strict';/**
* jQuery plugin paroller.js v1.4.6
* https://github.com/tgomilar/paroller.js
* preview: https://tgomilar.github.io/paroller/
**/(function(a){'use strict';'function'==typeof define&&define.amd?define('parollerjs',['jquery'],a):'object'==typeof module&&'object'==typeof module.exports?module.exports=a(require('jquery')):a(jQuery)})(function(a){'use strict';var b=Math.round;let c=!1,d=function(){c=!1},e={bgVertical:function(a,b){return a.css({"background-position":'center '+-b+'px'})},bgHorizontal:function(a,b){return a.css({"background-position":-b+'px center'})},vertical:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateY('+b+'px)'+d,"-moz-transform":'translateY('+b+'px)'+d,transform:'translate(0,'+b+'px)'+d,transition:c,"will-change":'transform'})},horizontal:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateX('+b+'px)'+d,"-moz-transform":'translateX('+b+'px)'+d,transform:'translate('+b+'px, 0)'+d,transition:c,"will-change":'transform'})}},f={factor:function(a,b,c){let d=a.data('paroller-factor'),e=d?d:c.factor;if(576>b){let b=a.data('paroller-factor-xs'),d=b?b:c.factorXs;return d?d:e}if(768>=b){let b=a.data('paroller-factor-sm'),d=b?b:c.factorSm;return d?d:e}if(1024>=b){let b=a.data('paroller-factor-md'),d=b?b:c.factorMd;return d?d:e}if(1200>=b){let b=a.data('paroller-factor-lg'),d=b?b:c.factorLg;return d?d:e}if(1920>=b){let b=a.data('paroller-factor-xl'),d=b?b:c.factorXl;return d?d:e}return e},bgOffset:function(a,c){return b(a*c)},transform:function(a,c,d,e){return b((a-d/2+e)*c)}},g={background:function(a){return a.css({"background-position":'unset'})},foreground:function(a){return a.css({transform:'unset',transition:'unset'})}};a.fn.paroller=function(h){const i=a(window).height(),j=a(document).height();// default options
return h=a.extend({factor:0,// - to +
factorXs:0,// - to +
factorSm:0,// - to +
factorMd:0,// - to +
factorLg:0,// - to +
factorXl:0,// - to +
transition:'transform .1s ease',// CSS transition
type:'background',// foreground
direction:'vertical'// horizontal
},h),this.each(function(){const k=a(this);let l=k.outerHeight(),m=a(window).width(),n=k.offset().top,o=0,p=function(a,b){// console.log(`offset ${scrollOffset} => ${transform - scrollOffset}`)
return a||(o=b),b-o};const q=k.data('paroller-type'),r=k.data('paroller-direction'),s=k.data('paroller-transition'),t=k.css('transform'),u=s?s:h.transition,v=q?q:h.type,w=r?r:h.direction;let x=0,y=f.bgOffset(n,x),z=f.transform(n,x,i,l);'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&('vertical'===w?e.vertical(k,z,u,t):'horizontal'===w&&e.horizontal(k,z,u,t)),a(window).on('resize',function(){let o=a(this).scrollTop();m=a(window).width(),n=k.offset().top,l=k.outerHeight(),x=f.factor(k,m,h),y=b(n*x);let q=p(a(document).scrollTop(),b((n-i/2+l)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?(g.background(k),'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y)):'foreground'===v&&o<=j&&(g.foreground(k),'vertical'===w?e.vertical(k,q,u):'horizontal'===w&&e.horizontal(k,q,u))}),a(window).on('load scroll',function(){let g=a(this).scrollTop(),o=a(document).scrollTop();x=f.factor(k,m,h);let q=p(o,b((n-i/2+l-g)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&g<=j&&('vertical'===w?e.vertical(k,q,u,t):'horizontal'===w&&e.horizontal(k,q,u,t))})})}});

1
_site/js/slick.min.js vendored
View File

File diff suppressed because one or more lines are too long

7
_site/sitemap.xml
View File

@@ -149,4 +149,11 @@
<priority>0.5</priority>
</url>
<url>
<loc>/articles/2018/03/06/test.html</loc>
<lastmod>2020-03-02</lastmod>
<changefreq>hourly</changefreq>
<priority>0.5</priority>
</url>
</urlset>

50
_site/year.html
View File

@@ -41,6 +41,9 @@
<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">
@@ -63,7 +66,7 @@
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/page-logo.png" style="width: 90%;"/>
<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">
@@ -201,6 +204,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -554,18 +572,38 @@
}
</style>
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2018-03-06-test-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2018-03-06T13:38:00">Tuesday 6 March 2018</time>
| by Luke H
</h3>
</div>
<div class="mdc-typography--body2"></div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='/articles/2018/03/06/test.html';">Read</button>
</div>
</div>
</div>
<style>
.-articles-2018-03-06-test-html {
background-image: url("/images/2018-03-06-test--cover.jpg");
}
</style>
</div>
</main>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>
</div>
</div>
</body>
</html>

82
css/article-page.css
View File

@@ -7,11 +7,26 @@
}
.mdc-typography--caption-text {
font-style: italic;
margin: 5px;
}
.mdc-typography--headline5 {
margin-bottom: 5px;
}
/* change background */
.article-content {
background-color: var(--mdc-theme-background);
padding-top: 6px;
padding-bottom: 6px;
}
/* position headline in middle of image */
.parallax-section {
text-align: center;
vertical-align: middle;
padding: 150px 15px;
}
/* adjust video dimensions depending on screen size */
iframe {
@@ -31,8 +46,15 @@ iframe {
height: calc(90vw / 16 * 9 - 5px);
}
.mdc-typography--headline3, .mdc-typography--headline5 {
font-size: 1.5rem;
line-height: 1.625rem;
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;
}
}
@@ -41,59 +63,3 @@ iframe {
height: calc(93.5vw / 16 * 9);
}
}
/* make article cards look nice by altering margins */
.mdc-card-content {
margin: 5px 15px 5px 15px;
}
.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 {
margin: 0;
}
/* change carousel dots' styling to make them more visible */
.slick-dots {
position: relative;
bottom: 0;
margin: auto;
}
.slick-dots li button:before {
font-size: 30px;
opacity: 1;
color: #ababab;
}
.slick-dots li.slick-active button::before {
font-size: 40px;
opacity: 1;
color: var(--mdc-theme-primary);
}
/* ensure buttons don't get in the way & enable scrolling */
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
/* ensure MDC cards are separated enough that they are distinguishable */
.carousel-item {
margin: 4px;
}
/* remove excessive margin below carousel */
.slick-dotted.slick-slider {
margin-bottom: 13px;
}
/* align article carousel title with carousel items */
.article-carousel-title {
text-align: center;
}

85
css/global.css
View File

@@ -1,7 +1,12 @@
/* change theme */
:root {
--mdc-theme-primary: #273967;
--mdc-theme-secondary: #ef6c00;
--mdc-theme-primary: #253a67;
--mdc-theme-secondary: #ea6343;
--mdc-theme-background: #181a1b;
}
.mdc-top-app-bar--short-fixed-adjust {
padding-top: 41px;
}
.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 {
@@ -12,6 +17,24 @@ body {
font-family: 'Roboto', sans-serif;
display: flex;
margin: 0;
background-color: var(--mdc-theme-primary);
color: #ffffff;
}
.mdc-drawer {
background-color: var(--mdc-theme-background);
}
.mdc-drawer *, .mdc-drawer .material-icons, .mdc-drawer h3 {
color: #ddd;
}
.mdc-drawer .mdc-list-group__subheader {
color: #ccc;
}
.mdc-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);
}
a {
@@ -33,7 +56,7 @@ a {
}
.main-content {
margin: 15px;
margin: 15px 0;
overflow: auto;
}
@@ -41,11 +64,49 @@ a {
position: absolute;
}
.footer-container {
background: var(--mdc-theme-background);
padding: 5px 0;
}
footer {
margin: 15px;
overflow: auto;
}
/* change button colours */
.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);
}
/* parallax backgrounds */
.parallax-section {
position: relative;
z-index: 0;
display: flow-root;
}
/* responsive side margins */
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 15%;
padding-right: 15%;
}
@media screen and (max-width: 1000px) {
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 8%;
padding-right: 8%;
}
}
@media screen and (max-width: 800px) {
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 2%;
padding-right: 2%;
}
}
/* edit footer depending on screen size - edits alignment & changes switches between center- and left- aligned BBC Young Reporter logos */
footer span {
position: relative;
@@ -76,24 +137,6 @@ footer img {
}
}
/* add side margins */
.main-content, footer {
margin-left: 15%;
margin-right: 15%;
}
@media screen and (max-width: 600px) {
.main-content, footer {
margin-left: 5%;
margin-right: 5%;
}
}
@media screen and (max-width: 500px) {
.main-content, footer {
margin-left: 2%;
margin-right: 2%;
}
}
/* for cookie notice */
#cookies {
display: none;

45
css/home.css
View File

@@ -1,20 +1,3 @@
html, body {
background-color: var(--mdc-theme-primary);
}
.footer-container {
background: #ffffff;
padding: 5px 0;
}
.mdc-top-app-bar--short-fixed-adjust {
padding-top: 41px;
}
.article-section {
position: relative;
z-index: 0;
display: flow-root;
background-image: url("/images/backgrounds/2019.jpg");
}
.main-content .mdc-card {
float: left;
width: calc((100% / 3) - 12px);
@@ -24,12 +7,10 @@ html, body {
margin: 6px 6px 10px 6px;
background: none;
}
.main-content {
margin-left: 0;
margin-right: 0;
}
.article-section-header {
background-color: rgba(255,255,255,0.8);
background-color: rgba(24,26,27,0.5);
padding-top: 12px;
padding-bottom: 12px;
}
.article-section-header h1 {
margin-block-start: 0;
@@ -49,37 +30,23 @@ html, body {
left: 0;
top: 1.25px;
transition: left 0.1s linear;
height: 100%;
font-size: inherit;
}
.article-section-header button:hover span {
left: 3px;
}
.article-section .articles, .article-section-header {
padding: 12px 15% 12px 15%;
}
.splitter {
height: 15px;
width: 100%;
background-color: var(--mdc-theme-primary);
}
.article-section:nth-of-type(3) {
background: #ffffff;
.article-section:nth-of-type(3n) {
background: var(--mdc-theme-background);
}
.article-section:nth-of-type(3) #jarallax-container-1 {
.article-section:nth-of-type(3n) #jarallax-container-1 {
display: none;
}
@media screen and (max-width: 1000px) {
.article-section .articles, .article-section-header {
padding: 12px 8% 12px 8%;
}
}
@media screen and (max-width: 800px) {
.article-section .articles, .article-section-header {
padding: 12px 2% 12px 2%;
}
}
@media screen and (max-width: 600px) {
.article-section .mdc-card:nth-of-type(3) {
display: none;

204
css/slick-theme.css
View File

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

119
css/slick.css
View File

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

0
images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it--cover.jpg → images/2019-03-06-a-possible-autism-anorexia-link-has-been-found-so-what-are-we-doing-about-it.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 396 KiB

After

Width:  |  Height:  |  Size: 396 KiB

0
images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg → images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 228 KiB

After

Width:  |  Height:  |  Size: 228 KiB

0
images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett--cover.jpg → images/2019-03-06-book-week-real-life-issues-inspire-sarah-govett.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 MiB

After

Width:  |  Height:  |  Size: 6.6 MiB

0
images/2019-03-06-could-sky-high-aims-bring-reading-down--cover.jpg → images/2019-03-06-could-sky-high-aims-bring-reading-down.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 371 KiB

After

Width:  |  Height:  |  Size: 371 KiB

0
images/2019-03-06-finished-product--cover.jpg → images/2019-03-06-finished-product.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 KiB

After

Width:  |  Height:  |  Size: 274 KiB

0
images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg → images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

0
images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out--cover.jpg → images/2019-03-06-tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

0
images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison--cover.jpg → images/2019-03-06-video-games-virtual-fantasy-or-a-virtual-prison.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 KiB

After

Width:  |  Height:  |  Size: 224 KiB

0
images/2019-03-06-what-is-in-the-patients-best-interest--cover.jpg → images/2019-03-06-what-is-in-the-patients-best-interest.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

0
images/2019-03-06-whats-next-for-reading-prison--cover.jpg → images/2019-03-06-whats-next-for-reading-prison.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

0
images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg → images/2019-03-06-young-reporter-team-ready-to-go.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 530 KiB

After

Width:  |  Height:  |  Size: 530 KiB

BIN
images/backgrounds/2019.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 678 KiB

After

Width:  |  Height:  |  Size: 669 KiB

BIN
images/backgrounds/2020.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 669 KiB

6
index.md
View File

@@ -16,10 +16,10 @@ layout: home
</div>
<div class="splitter"></div>
{% endif %}
<div class="article-section" data-jarallax data-speed="0.4">
<div class="article-section parallax-section" data-jarallax data-speed="0.4" style="background-image: url('/images/backgrounds/{{ currentdate }}.jpg');">
<div class="article-section-header">
<h1>{{ currentdate }}</h1>
<button class="mdc-button mdc-button--outlined" data-mdc-auto-init="MDCRipple" onclick="window.location='URL';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/{{ currentdate }}';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
{% assign date = currentdate %}
@@ -44,7 +44,7 @@ layout: home
</div>
<style>
.{{ article.url | relative_url | replace: '/', '-' | replace: '.', '-' }} {
background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--cover.jpg");
background-image: url("/images/{{ article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg");
}
</style>
{% endif %}

16
js/jquery.paroller.min.js vendored
View File

@@ -1,16 +0,0 @@
'use strict';/**
* jQuery plugin paroller.js v1.4.6
* https://github.com/tgomilar/paroller.js
* preview: https://tgomilar.github.io/paroller/
**/(function(a){'use strict';'function'==typeof define&&define.amd?define('parollerjs',['jquery'],a):'object'==typeof module&&'object'==typeof module.exports?module.exports=a(require('jquery')):a(jQuery)})(function(a){'use strict';var b=Math.round;let c=!1,d=function(){c=!1},e={bgVertical:function(a,b){return a.css({"background-position":'center '+-b+'px'})},bgHorizontal:function(a,b){return a.css({"background-position":-b+'px center'})},vertical:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateY('+b+'px)'+d,"-moz-transform":'translateY('+b+'px)'+d,transform:'translate(0,'+b+'px)'+d,transition:c,"will-change":'transform'})},horizontal:function(a,b,c,d){return'none'===d&&(d=''),a.css({"-webkit-transform":'translateX('+b+'px)'+d,"-moz-transform":'translateX('+b+'px)'+d,transform:'translate('+b+'px, 0)'+d,transition:c,"will-change":'transform'})}},f={factor:function(a,b,c){let d=a.data('paroller-factor'),e=d?d:c.factor;if(576>b){let b=a.data('paroller-factor-xs'),d=b?b:c.factorXs;return d?d:e}if(768>=b){let b=a.data('paroller-factor-sm'),d=b?b:c.factorSm;return d?d:e}if(1024>=b){let b=a.data('paroller-factor-md'),d=b?b:c.factorMd;return d?d:e}if(1200>=b){let b=a.data('paroller-factor-lg'),d=b?b:c.factorLg;return d?d:e}if(1920>=b){let b=a.data('paroller-factor-xl'),d=b?b:c.factorXl;return d?d:e}return e},bgOffset:function(a,c){return b(a*c)},transform:function(a,c,d,e){return b((a-d/2+e)*c)}},g={background:function(a){return a.css({"background-position":'unset'})},foreground:function(a){return a.css({transform:'unset',transition:'unset'})}};a.fn.paroller=function(h){const i=a(window).height(),j=a(document).height();// default options
return h=a.extend({factor:0,// - to +
factorXs:0,// - to +
factorSm:0,// - to +
factorMd:0,// - to +
factorLg:0,// - to +
factorXl:0,// - to +
transition:'transform .1s ease',// CSS transition
type:'background',// foreground
direction:'vertical'// horizontal
},h),this.each(function(){const k=a(this);let l=k.outerHeight(),m=a(window).width(),n=k.offset().top,o=0,p=function(a,b){// console.log(`offset ${scrollOffset} => ${transform - scrollOffset}`)
return a||(o=b),b-o};const q=k.data('paroller-type'),r=k.data('paroller-direction'),s=k.data('paroller-transition'),t=k.css('transform'),u=s?s:h.transition,v=q?q:h.type,w=r?r:h.direction;let x=0,y=f.bgOffset(n,x),z=f.transform(n,x,i,l);'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&('vertical'===w?e.vertical(k,z,u,t):'horizontal'===w&&e.horizontal(k,z,u,t)),a(window).on('resize',function(){let o=a(this).scrollTop();m=a(window).width(),n=k.offset().top,l=k.outerHeight(),x=f.factor(k,m,h),y=b(n*x);let q=p(a(document).scrollTop(),b((n-i/2+l)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?(g.background(k),'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y)):'foreground'===v&&o<=j&&(g.foreground(k),'vertical'===w?e.vertical(k,q,u):'horizontal'===w&&e.horizontal(k,q,u))}),a(window).on('load scroll',function(){let g=a(this).scrollTop(),o=a(document).scrollTop();x=f.factor(k,m,h);let q=p(o,b((n-i/2+l-g)*x));c||(window.requestAnimationFrame(d),c=!0),'background'===v?'vertical'===w?e.bgVertical(k,y):'horizontal'===w&&e.bgHorizontal(k,y):'foreground'===v&&g<=j&&('vertical'===w?e.vertical(k,q,u,t):'horizontal'===w&&e.horizontal(k,q,u,t))})})}});

1
js/slick.min.js vendored
View File

File diff suppressed because one or more lines are too long