From d9038863469d3f1e760b62fd558a6eaa2f48aa1b Mon Sep 17 00:00:00 2001 From: Matthew Grove Date: Wed, 6 Mar 2019 18:23:13 +0000 Subject: [PATCH] Ensure cover images show in article carousel --- _includes/article-carousel.html | 38 ++++++++++--------- ...real-life-issues-inspire-sarah-govett.html | 38 ++++++++++--------- .../articles/2019/03/06/finished-product.html | 38 ++++++++++--------- ...arks-is-most-inspirational-woman-ever.html | 38 ++++++++++--------- ...what-is-in-the-patients-best-interest.html | 38 ++++++++++--------- .../03/06/whats-next-for-reading-prison.html | 38 ++++++++++--------- .../06/young-reporter-team-ready-to-go.html | 38 ++++++++++--------- _site/css/article-page.css | 34 +++++++++-------- css/article-page.css | 34 +++++++++-------- 9 files changed, 178 insertions(+), 156 deletions(-) diff --git a/_includes/article-carousel.html b/_includes/article-carousel.html index e6680a2..e777159 100644 --- a/_includes/article-carousel.html +++ b/_includes/article-carousel.html @@ -24,26 +24,28 @@ {% assign article_list_displayed = true %} {% endif %} -
-
-
-

{{ article.title }}

-

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

-
-
-
- +
+
+
+
+

{{ article.title }}

+

+ + | by {{ article.authors }} +

+
+
+
+ +
-
- + +
{% assign break = true %} {% break %} 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 a45daf3..328b96d 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 @@ -461,26 +461,28 @@ -
-
-
-

What Is 'In The Patient's Best Interest’?

-

- - | by Aadith C -

-
-
-
- +
+
+
+
+

What Is 'In The Patient's Best Interest’?

+

+ + | by Aadith C +

+
+
+
+ +
-
- + +
diff --git a/_site/articles/2019/03/06/finished-product.html b/_site/articles/2019/03/06/finished-product.html index 2336a28..7931bbf 100644 --- a/_site/articles/2019/03/06/finished-product.html +++ b/_site/articles/2019/03/06/finished-product.html @@ -452,26 +452,28 @@ -
-
-
-

Reading School's BBC Young Reporter Team… Ready To Go!

-

- - | by Mr Baldock -

-
-
-
- +
+
+
+
+

Reading School's BBC Young Reporter Team… Ready To Go!

+

+ + | by Mr Baldock +

+
+
+
+ +
-
- + +
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 e0b1b5f..5b76afe 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 @@ -465,26 +465,28 @@ -
-
-
-

What's Next For Reading Prison?

-

- - | by Tom S-R, Ben S-R -

-
-
-
- +
+
+
+
+

What's Next For Reading Prison?

+

+ + | by Tom S-R, Ben S-R +

+
+
+
+ +
-
- + +
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 19095b8..d68c06b 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 @@ -373,26 +373,28 @@ It is standard protocol in the NHS that doctors must consult with the patient an -
-
-
-

Book Week - Real Life Issues Inspire Sarah Govett

-

- - | by Aadith C, Adit S, Adi V -

-
-
-
- +
+
+
+
+

Book Week - Real Life Issues Inspire Sarah Govett

+

+ + | by Aadith C, Adit S, Adi V +

+
+
+
+ +
-
- + +
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 baf2a89..3e3c748 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 @@ -349,26 +349,28 @@ Under the plan, the main theatre would operate on a commercial basis with the re -
-
-
-

Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever

-

- - | by Tom S-R, Ben S-R -

-
-
-
- +
+
+
+
+

Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever

+

+ + | by Tom S-R, Ben S-R +

+
+
+
+ +
-
- + +
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 49c0a50..6a11d28 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 @@ -254,26 +254,28 @@ -
-
-
-

The Finished Product

-

- - | by Mr Baldock -

-
-
-
- +
+
+
+
+

The Finished Product

+

+ + | by Mr Baldock +

+
+
+
+ +
-
- + +
diff --git a/_site/css/article-page.css b/_site/css/article-page.css index b70f2e1..8750ee8 100644 --- a/_site/css/article-page.css +++ b/_site/css/article-page.css @@ -15,27 +15,31 @@ /* adjust video dimensions depending on screen size */ iframe { - width: 100%; - height: calc(68.8vw / 16 * 9); + width: 100%; + height: calc(68.8vw / 16 * 9); } @media screen and (max-width: 1550px) { - iframe { - width: 100%; - height: calc(70vw / 16 * 9 - 6px); - } + iframe { + width: 100%; + height: calc(70vw / 16 * 9 - 6px); + } +} + +@media screen and (max-width: 800px) { + iframe { + height: calc(90vw / 16 * 9 - 5px); + } + .mdc-typography--headline3, .mdc-typography--headline5 { + font-size: 1.5rem; + line-height: 1.625rem; + } } @media screen and (max-width: 600px) { - iframe { - height: calc(90vw / 16 * 9 - 5px); - } -} - -@media screen and (max-width: 600px) { - iframe { - height: calc(93.5vw / 16 * 9); - } + iframe { + height: calc(93.5vw / 16 * 9); + } } diff --git a/css/article-page.css b/css/article-page.css index b70f2e1..8750ee8 100644 --- a/css/article-page.css +++ b/css/article-page.css @@ -15,27 +15,31 @@ /* adjust video dimensions depending on screen size */ iframe { - width: 100%; - height: calc(68.8vw / 16 * 9); + width: 100%; + height: calc(68.8vw / 16 * 9); } @media screen and (max-width: 1550px) { - iframe { - width: 100%; - height: calc(70vw / 16 * 9 - 6px); - } + iframe { + width: 100%; + height: calc(70vw / 16 * 9 - 6px); + } +} + +@media screen and (max-width: 800px) { + iframe { + height: calc(90vw / 16 * 9 - 5px); + } + .mdc-typography--headline3, .mdc-typography--headline5 { + font-size: 1.5rem; + line-height: 1.625rem; + } } @media screen and (max-width: 600px) { - iframe { - height: calc(90vw / 16 * 9 - 5px); - } -} - -@media screen and (max-width: 600px) { - iframe { - height: calc(93.5vw / 16 * 9); - } + iframe { + height: calc(93.5vw / 16 * 9); + } }