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

Retheme site

Browse Source
This commit is contained in:
Matthew Grove
2020-12-25 17:52:57 +00:00
parent f79d4a9b8a
commit b9b768bcaf
150 changed files with 17829 additions and 9778 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
_includes/article-heading.html
View File

@@ -1,10 +0,0 @@
{% assign article_url = page.url | relative_url %}
<div class="parallax-section article-title-section" data-jarallax data-speed="{{ site.parallax-speed }}" style="background-image: url('/images{{ article_url | remove: '.html' | remove: '/articles' }}.jpg');">
<h2 class="mdc-typography--headline3">{{ page.title }}</h2>
</div>
<figcaption class="mdc-typography--caption-text">{{ page.image-caption }} &bull; &copy; {{ page.copyright }}</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="{{ page.date | date: '%Y-%m-%d' }}T{{ page.date | date: '%H:%M:%S' }}">{{ page.date | date: '%A %e %B %Y' }}</time>
&bull; by {{ page.authors }}
</h3>

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

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

6
_includes/cookie-notice.html
View File

@@ -1,4 +1,6 @@
<div id="cookies">
<p>Just to let you know, we use cookies on our site.</p>
<p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
</div>
<p>
<button class="button small" onclick="acceptCookies();">OK</button>
</p>
</div>

23
_includes/footer.html
View File

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

62
_includes/head.html
View File

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

26
_includes/header.html Normal file
View File

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

13
_includes/image.html
View File

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

17
_includes/mdc-card.html
View File

@@ -1,17 +0,0 @@
{% assign article_url = include.article.url | relative_url %}
<div class="mdc-card" onclick="window.location='{{ article_url }}';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images{{ article_url | remove: '.html' | remove: '/articles' }}.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">{{ include.article.title }}</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="{{ article.date | date: '%Y-%m-%d' }}T{{ article.date | date: '%H:%M:%S' }}">{{ include.article.date | date: '%A %e %B %Y' }}</time>
&bull; by {{ include.article.authors }}
</h3>
<div class="mdc-typography--body2 article-description">{{ include.article.description }}</div>
</div>
<div class="mdc-card__actions">
<div class="mdc-card__action-buttons">
<button class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple" onclick="window.location='{{ article_url }}';">Read</button>
</div>
</div>
</div>

22
_includes/meta.html
View File

@@ -1,22 +0,0 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="HandheldFriendly" content="True">
<link rel="icon" href="/images/favicon.ico">
<!-- add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="/images/favicon.png">
<!-- add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="{{ page.title }} | Reading School">
<link rel="apple-touch-icon-precomposed" href="/images/favicon.png">
<!-- tile icon & colour for Windows 8 -->
<meta name="msapplication-TileImage" content="/images/favicon.png">
<meta name="msapplication-TileColor" content="#d84315">
<title>{{ page.title }} | Reading School</title>
<meta name="description" content="{{ page.description }}">

47
_includes/navbar.html
View File

@@ -1,47 +0,0 @@
<aside class="mdc-drawer mdc-drawer--modal">
<div class="mdc-drawer__content">
<nav class="mdc-list">
<div style="margin: 15px;text-align:center;">
<img src="/images/logo-white.png" style="width: 90%;"/>
<img src="/images/young-reporter-logo.png" style="width: 90%;padding-top:15px;"/>
</div>
<a class="mdc-list-item" href="https://reading-school.co.uk" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">school</i>
<span class="mdc-list-item__text">Reading School Website</span>
</a>
<a class="mdc-list-item" href="/" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</a>
{% if site.articles %}
<div class="mdc-list-group">
<h3 class="mdc-typography--headline7">Articles</h3>
{% for article in site.articles reversed %}
{% assign currentdate = article.date | date: "%Y" %}
{% if currentdate != date %}
{% if article.url != site.articles.last.url %}
</div>
{% endif %}
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">
<a class="mdc-list-item year" href="/years/{{ currentdate }}" data-mdc-auto-init="MDCRipple">
<span class="mdc-list-item__text">{{ currentdate }}</span>
</a>
</h3>
{% assign date = currentdate %}
{% endif %}
<a class="mdc-list-item" href="{{ article.url | relative_url }}" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">{{ article.title }}</span>
</a>
{% if article.url == site.articles.first.url %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
</nav>
</div>
</aside>
<div class="mdc-drawer-scrim"></div>

4
_includes/scripts.html Normal file
View File

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

13
_includes/top-app-bar.html
View File

@@ -1,13 +0,0 @@
<header class="mdc-top-app-bar mdc-top-app-bar--short" id="app-bar">
<div class="mdc-top-app-bar__row">
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
<a href="javascript:void(0);" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
<span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
<img src="/images/logo-white.png" alt="Reading School Logo" style="height:100%;"/>
</a>
</section>
</div>
</header>

5
_includes/top-scroll-button.html
View File

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

4
_includes/video.html Normal file
View File

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