diff --git a/2018.md b/2018.md new file mode 100644 index 0000000..8b5ffc0 --- /dev/null +++ b/2018.md @@ -0,0 +1,5 @@ +--- +title: BBC Young Reporter +description: News articles written by Reading School students in year 8 +layout: year +--- \ No newline at end of file diff --git a/2019.md b/2019.md index 00dfd79..8b5ffc0 100644 --- a/2019.md +++ b/2019.md @@ -1,40 +1,5 @@ --- title: BBC Young Reporter description: News articles written by Reading School students in year 8 -layout: year-article-list -year: 2019 ---- - -{% if site.categories.articles %} -{% for article in site.categories.articles %} -
-
-
-

{{ article.title }}

-

- - | by {{ article.authors }} -

-
-
{{ article.description }}
-
-
- -
-
-
- - -{% endfor %} -{% else %} -
We haven't got any articles for you yet! Come back during this year's BBC Young Reporter day to see what Reading School's year 8 students have produced!
- -{% endif %} +layout: year +--- \ No newline at end of file diff --git a/2020.md b/2020.md new file mode 100644 index 0000000..8b5ffc0 --- /dev/null +++ b/2020.md @@ -0,0 +1,5 @@ +--- +title: BBC Young Reporter +description: News articles written by Reading School students in year 8 +layout: year +--- \ No newline at end of file diff --git a/_includes/article-page-head.html b/_includes/article-page-head.html index fe286cc..9688c9a 100644 --- a/_includes/article-page-head.html +++ b/_includes/article-page-head.html @@ -1,2 +1,3 @@ + diff --git a/_includes/head.html b/_includes/head.html index b5805b8..006b1ef 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -45,5 +45,4 @@ - diff --git a/_includes/top-app-bar.html b/_includes/top-app-bar.html index ae44be2..e848902 100644 --- a/_includes/top-app-bar.html +++ b/_includes/top-app-bar.html @@ -2,7 +2,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
{% include footer.html %} diff --git a/_layouts/year-article-list.html b/_layouts/year.html similarity index 74% rename from _layouts/year-article-list.html rename to _layouts/year.html index ad8eb75..9a37b0e 100644 --- a/_layouts/year-article-list.html +++ b/_layouts/year.html @@ -1,8 +1,8 @@ {% include head.html %} - - + + {% include cookie-notice.html %} @@ -15,16 +15,18 @@
-
-
-

{{ currentdate }}

- -
+ {% assign pageyear = page.url | relative_url | remove: '.html' | remove: '/' %} +
+

{{ pageyear }}

+
+
+
{% assign articles = site.categories.articles | sort: date | reverse %} {% for article in articles %} - {% if article.date | date: "%Y" == page.year %} -
+ {% assign articleyear = article.date | date: "%Y" %} + {% if pageyear == articleyear %} +

{{ article.title }}

diff --git a/_site/2018.html b/_site/2018.html new file mode 100644 index 0000000..8ea80b9 --- /dev/null +++ b/_site/2018.html @@ -0,0 +1,334 @@ + + + + + + + + + + + + + + + + + + + + + + + + BBC Young Reporter | Reading School + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Just to let you know, we use cookies on our site.

+

OK

+
+ + + + + +
+ + +
+
+
+
+ menu + BBC Young Reporter | Reading School +
+ +
+
+ + +
+
+ +
+

2018

+
+
+
+
+ + + + +
+
+
+

A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?

+

+ + | by Luke H +

+
+
+
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ + © Matthew G 2020 | Made by Matthew G +
+
+
+ + diff --git a/_site/2019.html b/_site/2019.html index 83dcd7d..f179e25 100644 --- a/_site/2019.html +++ b/_site/2019.html @@ -47,11 +47,10 @@ - - - + +
@@ -235,7 +234,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
diff --git a/_site/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html b/_site/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html index 453ed0f..c6e60e7 100644 --- a/_site/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html +++ b/_site/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html b/_site/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html index 237b338..ac7d5af 100644 --- a/_site/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html +++ b/_site/articles/2019/03/06/book-week-real-life-issues-inspire-sarah-govett.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html b/_site/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html index 16e9fb4..4ca7b6f 100644 --- a/_site/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html +++ b/_site/articles/2019/03/06/could-sky-high-aims-bring-reading-down.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/finished-product.html b/_site/articles/2019/03/06/finished-product.html index 623b611..fdda397 100644 --- a/_site/articles/2019/03/06/finished-product.html +++ b/_site/articles/2019/03/06/finished-product.html @@ -48,11 +48,11 @@ - + @@ -237,7 +237,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html b/_site/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html index 8b59b0e..0b99b4a 100644 --- a/_site/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html +++ b/_site/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html b/_site/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html index a7d9faf..2b749eb 100644 --- a/_site/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html +++ b/_site/articles/2019/03/06/tennis-club-needs-to-relocate-as-redevelopment-plans-are-called-out.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html b/_site/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html index 256e5ad..1a86cce 100644 --- a/_site/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html +++ b/_site/articles/2019/03/06/video-games-virtual-fantasy-or-a-virtual-prison.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/what-is-in-the-patients-best-interest.html b/_site/articles/2019/03/06/what-is-in-the-patients-best-interest.html index 41c224e..a2b9f8e 100644 --- a/_site/articles/2019/03/06/what-is-in-the-patients-best-interest.html +++ b/_site/articles/2019/03/06/what-is-in-the-patients-best-interest.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/whats-next-for-reading-prison.html b/_site/articles/2019/03/06/whats-next-for-reading-prison.html index 1445b5e..96232e1 100644 --- a/_site/articles/2019/03/06/whats-next-for-reading-prison.html +++ b/_site/articles/2019/03/06/whats-next-for-reading-prison.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2019/03/06/young-reporter-team-ready-to-go.html b/_site/articles/2019/03/06/young-reporter-team-ready-to-go.html index 419a62c..8f8f541 100644 --- a/_site/articles/2019/03/06/young-reporter-team-ready-to-go.html +++ b/_site/articles/2019/03/06/young-reporter-team-ready-to-go.html @@ -49,11 +49,11 @@ - + @@ -238,7 +238,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2020/03/01/test.html b/_site/articles/2020/03/01/test.html index 13b4fd3..800232e 100644 --- a/_site/articles/2020/03/01/test.html +++ b/_site/articles/2020/03/01/test.html @@ -48,11 +48,11 @@ - + @@ -237,7 +237,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2020/03/02/test1.html b/_site/articles/2020/03/02/test1.html index f404a41..432c38f 100644 --- a/_site/articles/2020/03/02/test1.html +++ b/_site/articles/2020/03/02/test1.html @@ -48,11 +48,11 @@ - + @@ -237,7 +237,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/articles/2020/03/02/test2.html b/_site/articles/2020/03/02/test2.html index 5b868dd..e51f469 100644 --- a/_site/articles/2020/03/02/test2.html +++ b/_site/articles/2020/03/02/test2.html @@ -48,11 +48,11 @@ - + @@ -237,7 +237,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School
+
diff --git a/_site/css/article-list.css b/_site/css/article-list.css new file mode 100644 index 0000000..78615ac --- /dev/null +++ b/_site/css/article-list.css @@ -0,0 +1,51 @@ +/* adjust header styling */ +.article-section-header h1, .year-header h1 { + margin-block-start: 0; + margin-block-end: 0; + margin: 6px; + display: inline; +} + +.article-section-header, .year-header { + background-color: rgba(24,26,27,0.5); + padding-top: 12px; + padding-bottom: 12px; +} + + +/* make cards display next to each other with correct dimensions and adjust styling */ +.main-content .mdc-card { + display: inline-flex; + width: calc((100% / 3) - 18px); + box-shadow: none; + margin: 6px 6px 10px 6px; + background: none; + cursor: pointer; +} + + +/* style cards */ +.mdc-card-content { + margin: 5px 15px 5px 15px; +} + +.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 { + margin: 0; +} + +.mdc-card .mdc-typography--headline6 { + text-transform: capitalize; +} + + +/* change number of articles in each row depending on screen size */ +@media screen and (max-width: 600px) { + .article-section .mdc-card { + width: calc((100% / 2) - 18px); + } +} +@media screen and (max-width: 350px) { + .article-section .mdc-card { + width: calc((100% / 1) - 18px); + } +} \ No newline at end of file diff --git a/_site/css/article-page.css b/_site/css/article-page.css index 5d9fd69..f85a55c 100644 --- a/_site/css/article-page.css +++ b/_site/css/article-page.css @@ -32,20 +32,17 @@ padding: 150px 15px; } - /* adjust video dimensions depending on screen size */ iframe { width: 100%; height: calc(68.8vw / 16 * 9); } - @media screen and (max-width: 1550px) { iframe { width: 100%; height: calc(70vw / 16 * 9 - 6px); } } - @media screen and (max-width: 800px) { iframe { height: calc(90vw / 16 * 9 - 5px); @@ -55,14 +52,12 @@ iframe { line-height: 2.625rem; } } - @media screen and (max-width: 400px) { .mdc-typography--headline3, .mdc-typography--headline5 { font-size: 2rem; line-height: 2.125rem; } } - @media screen and (max-width: 600px) { iframe { height: calc(93.5vw / 16 * 9); diff --git a/_site/css/global.css b/_site/css/global.css index 41a3fb8..1a739aa 100644 --- a/_site/css/global.css +++ b/_site/css/global.css @@ -4,15 +4,6 @@ --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 { - color: var(--mdc-theme-primary); -} - body { font-family: 'Roboto', sans-serif; display: flex; @@ -29,7 +20,17 @@ body { .mdc-drawer .mdc-list-group__subheader { color: #ccc; } - +.mdc-button:not(:disabled) { + color: var(--mdc-theme-secondary); + border-color: var(--mdc-theme-secondary); +} +.mdc-button::before, .mdc-button::after { + background-color: var(--mdc-theme-secondary); +} +a { + color: var(--mdc-theme-secondary); +} +/* navbar buttons */ .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-list-item--activated .mdc-list-item__text, .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { color: var(--mdc-theme-secondary); } @@ -37,33 +38,37 @@ body { background-color: var(--mdc-theme-secondary); } -a { - color: var(--mdc-theme-secondary); +/* change cursor on top app bar */ +.mdc-top-app-bar__title { + cursor: pointer; } +/* remove margin above main content */ +.mdc-top-app-bar--short-fixed-adjust { + padding-top: 41px; +} + +/* make content display properly */ .mdc-list-group h3 { margin: 20px 16px auto 16px; font-weight: normal; } - .mdc-drawer-app-content { flex: auto; overflow: auto; } - .mdc-drawer { width: 350px; } - .main-content { margin: 15px 0; overflow: auto; } - .app-bar { position: absolute; } +/* footer */ .footer-container { background: var(--mdc-theme-background); padding: 5px 0; @@ -73,15 +78,6 @@ footer { 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; @@ -93,6 +89,15 @@ footer { background-blend-mode: multiply; } + +/* splitter for between sections */ +.splitter { + height: 15px; + width: 100%; + background-color: var(--mdc-theme-primary); +} + + /* responsive side margins */ .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { padding-left: 15%; @@ -116,7 +121,6 @@ footer span { position: relative; top: 19px; } - footer img { display: block; width: 125px; @@ -124,7 +128,6 @@ footer img { content: url("/images/young-reporter-logo.png"); vertical-align: middle; } - @media screen and (max-width: 800px) { footer { text-align: center; @@ -141,7 +144,7 @@ footer img { } } -/* for cookie notice */ +/* cookie notice */ #cookies { display: none; width: 100%; @@ -153,18 +156,15 @@ footer img { left: 0; z-index: 1; } - #cookies p { margin: 10px; } - #cookies p a { color: var(--mdc-theme-secondary); text-decoration: none; } - -/* for scroll-to-top button */ +/* scroll-to-top button */ .top-scroll-button { width: 50px; height: 50px; @@ -183,7 +183,6 @@ footer img { -o-transition-duration: 0.25s; transition-duration: 0.25s; } - .top-scroll-button img { position: relative; top: 7px; @@ -194,11 +193,9 @@ footer img { -o-transition-duration: 0.25s; transition-duration: 0.25s; } - .top-scroll-button:hover, .top-scroll-button:focus { background-color: #1C2E56; } - .top-scroll-button:hover img { top: 3px; } diff --git a/_site/css/home.css b/_site/css/home.css index c350718..ad98161 100644 --- a/_site/css/home.css +++ b/_site/css/home.css @@ -1,23 +1,4 @@ -.main-content .mdc-card { - float: left; - width: calc((100% / 3) - 12px); - box-shadow: none; -} -.mdc-card { - margin: 6px 6px 10px 6px; - background: none; -} -.article-section-header { - background-color: rgba(24,26,27,0.5); - padding-top: 12px; - padding-bottom: 12px; -} -.article-section-header h1 { - margin-block-start: 0; - margin-block-end: 0; - margin: 6px; - display: inline; -} +/* place button on right */ .article-section-header button { display: inline; padding: 5px 14px; @@ -25,6 +6,8 @@ float: right; top: 3.5px; } + +/* animate button on hover */ .article-section-header button span { position: relative; left: 0; @@ -33,33 +16,28 @@ font-size: inherit; } .article-section-header button:hover span { - left: 3px; -} -.splitter { - height: 15px; - width: 100%; - background-color: var(--mdc-theme-primary); + left: 4px; } + +/* alternate section backgrounds */ .article-section:nth-of-type(3n) { background: var(--mdc-theme-background); } -.article-section:nth-of-type(3n) #jarallax-container-1 { +.article-section:nth-of-type(3n) > div:nth-of-type(3), .article-section:nth-of-type(3n+2) > div:nth-of-type(3) { display: none; } +.article-section:nth-of-type(3n+2) { + background: var(--mdc-theme-primary); +} +/* hide articles on smaller screen sizes */ @media screen and (max-width: 600px) { .article-section .mdc-card:nth-of-type(3) { display: none; } - .article-section .mdc-card { - width: calc((100% / 2) - 12px); - } } @media screen and (max-width: 350px) { .article-section .mdc-card:nth-of-type(2) { display: none; } - .article-section .mdc-card { - width: calc((100% / 1) - 12px); - } } \ No newline at end of file diff --git a/_site/css/mdc-card-list.css b/_site/css/mdc-card-list.css deleted file mode 100644 index 8873b75..0000000 --- a/_site/css/mdc-card-list.css +++ /dev/null @@ -1,16 +0,0 @@ -/* make article cards look nice by altering margins */ -.mdc-card { - margin: 2px 2px 10px 2px; -} - -.mdc-card-content { - margin: 5px 15px 5px 15px; -} - -.mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 { - margin: 0; -} - -.mdc-card .mdc-typography--headline6 { - text-transform: capitalize; -} \ No newline at end of file diff --git a/_site/css/year-article-list.css b/_site/css/year-article-list.css deleted file mode 100644 index d86fbf8..0000000 --- a/_site/css/year-article-list.css +++ /dev/null @@ -1,63 +0,0 @@ -/* automatically display articles on either side of the page, alternating */ -.main-content .mdc-card { - float: right; - clear: right; - width: calc(50% - 6px); -} - -.main-content .mdc-card:nth-of-type(even) { - float: left; - clear: left; -} - - -/* make first article full-width */ -.main-content .mdc-card:first-of-type { - float: none; - clear: both; - width: auto; -} - - -/* makes last article full-width if it is on its own in a row - i.e. if there is an even number of articles in total */ -.main-content .mdc-card:nth-of-type(odd):nth-last-of-type(2) ~ .mdc-card:last-of-type { - float: none; - clear: both; - width: auto; -} - - -/* styling for when 1 article present */ -.main-content .mdc-card:first-of-type:last-of-type { - float: none; - clear: both; - width: auto; -} - - -/* styling for when 2 articles present & small screen is detected */ -@media screen and (max-width: 1000px) { - .main-content .mdc-card:nth-child(1):nth-last-of-type(2), .main-content .mdc-card:nth-of-type(2):last-of-type { - float: none; - clear: both; - width: auto; - } -} - - -/* styling for when 3 articles present */ -.main-content .mdc-card:first-of-type:nth-last-of-type(3) { - float: none; - clear: both; - width: auto; -} - -.main-content .mdc-card:nth-of-type(3):last-of-type { - float: right; - clear: right; -} - -.main-content .mdc-card:nth-of-type(2):nth-last-of-type(2) { - float: left; - clear: left; -} diff --git a/_site/css/year.css b/_site/css/year.css new file mode 100644 index 0000000..2356220 --- /dev/null +++ b/_site/css/year.css @@ -0,0 +1,12 @@ +/* position heading in middle of image */ +.parallax-section { + text-align: center; + vertical-align: middle; + padding: 150px 15px; +} +/* list of articles */ +.articles { + background-color: var(--mdc-theme-background); + padding-top: 12px; + padding-bottom: 12px; +} \ No newline at end of file diff --git a/_site/images/backgrounds/2018.jpg b/_site/images/backgrounds/2018.jpg new file mode 100644 index 0000000..e6e063b Binary files /dev/null and b/_site/images/backgrounds/2018.jpg differ diff --git a/_site/index.html b/_site/index.html index a5192bc..977741a 100644 --- a/_site/index.html +++ b/_site/index.html @@ -47,10 +47,9 @@ - - + @@ -235,7 +234,7 @@
menu - BBC Young Reporter | Reading School + BBC Young Reporter | Reading School