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

Fix background images

Browse Source
This commit is contained in:
Matthew Grove
2020-03-09 14:32:09 +00:00
parent 2812ca5c5b
commit c7adf5a3b5
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
_includes/article-heading.html
View File

@@ -1,4 +1,5 @@
<div class="parallax-section article-title-section" data-jarallax data-speed="{{ site.parallax-speed }}" style="background-image: url('/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');"> {% assign article_url = page.url | relative_url %}
<div class="parallax-section article-title-section" data-jarallax data-speed="{{ site.parallax-speed }}" style="background-image: url('/images/{{ article_url | slice: 1, article_url.size | remove: '.html' | replace: '/', '-' }}.jpg');">
<h2 class="mdc-typography--headline3">{{ page.title }}</h2> <h2 class="mdc-typography--headline3">{{ page.title }}</h2>
</div> </div>
<figcaption class="mdc-typography--caption-text">{{ page.image-caption }} &bull; &copy; {{ page.copyright }}</figcaption> <figcaption class="mdc-typography--caption-text">{{ page.image-caption }} &bull; &copy; {{ page.copyright }}</figcaption>

3
_includes/image.html
View File

@@ -1,4 +1,5 @@
{% assign article_url = page.url | relative_url %}
<figure> <figure>
<img src="/images/{{ page.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}--extra-{{ include.id }}.jpg" style="width:100%;"> <img src="/images/{{ article_url | slice: 1, article_url.size | remove: '.html' | replace: '/', '-' }}--extra-{{ include.id }}.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">{{ include.caption }} &bull; &copy; {{ include.copyright }}</figcaption> <figcaption class="mdc-typography--caption-text">{{ include.caption }} &bull; &copy; {{ include.copyright }}</figcaption>
</figure> </figure>

7
_includes/mdc-card.html
View File

@@ -1,5 +1,6 @@
<div class="mdc-card" onclick="window.location='{{ include.article.url | relative_url }}';"> {% assign article_url = include.article.url | relative_url %}
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/{{ include.article.url | relative_url | remove: '.html' | replace: '/', '-' | remove: '-articles-' }}.jpg');"></div> <div class="mdc-card" onclick="window.location='{{ article_url }}';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/{{ article_url | slice: 1, article_url.size | remove: '.html' | replace: '/', '-' }}.jpg');"></div>
<div class="mdc-card-content"> <div class="mdc-card-content">
<h2 class="mdc-typography--headline6">{{ include.article.title }}</h2> <h2 class="mdc-typography--headline6">{{ include.article.title }}</h2>
<h3 class="mdc-typography--subtitle2"> <h3 class="mdc-typography--subtitle2">
@@ -10,7 +11,7 @@
</div> </div>
<div class="mdc-card__actions"> <div class="mdc-card__actions">
<div class="mdc-card__action-buttons"> <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='{{ include.article.url | relative_url }}';">Read</button> <button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article_url }}';">Read</button>
</div> </div>
</div> </div>
</div> </div>