mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 03:17:07 +00:00
Implement Jekyll
This commit is contained in:
Matthew Grove
2
Gemfile
Normal file
2
Gemfile
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
source 'https://rubygems.org'
|
||||||
|
gem 'github-pages', group: :jekyll_plugins
|
||||||
248
Gemfile.lock
Normal file
248
Gemfile.lock
Normal file
@@ -0,0 +1,248 @@
|
|||||||
|
GEM
|
||||||
|
remote: https://rubygems.org/
|
||||||
|
specs:
|
||||||
|
activesupport (4.2.10)
|
||||||
|
i18n (~> 0.7)
|
||||||
|
minitest (~> 5.1)
|
||||||
|
thread_safe (~> 0.3, >= 0.3.4)
|
||||||
|
tzinfo (~> 1.1)
|
||||||
|
addressable (2.5.2)
|
||||||
|
public_suffix (>= 2.0.2, < 4.0)
|
||||||
|
coffee-script (2.4.1)
|
||||||
|
coffee-script-source
|
||||||
|
execjs
|
||||||
|
coffee-script-source (1.11.1)
|
||||||
|
colorator (1.1.0)
|
||||||
|
commonmarker (0.17.13)
|
||||||
|
ruby-enum (~> 0.5)
|
||||||
|
concurrent-ruby (1.1.4)
|
||||||
|
dnsruby (1.61.2)
|
||||||
|
addressable (~> 2.5)
|
||||||
|
em-websocket (0.5.1)
|
||||||
|
eventmachine (>= 0.12.9)
|
||||||
|
http_parser.rb (~> 0.6.0)
|
||||||
|
ethon (0.12.0)
|
||||||
|
ffi (>= 1.3.0)
|
||||||
|
eventmachine (1.2.7)
|
||||||
|
execjs (2.7.0)
|
||||||
|
faraday (0.15.4)
|
||||||
|
multipart-post (>= 1.2, < 3)
|
||||||
|
ffi (1.10.0)
|
||||||
|
forwardable-extended (2.6.0)
|
||||||
|
gemoji (3.0.0)
|
||||||
|
github-pages (193)
|
||||||
|
activesupport (= 4.2.10)
|
||||||
|
github-pages-health-check (= 1.8.1)
|
||||||
|
jekyll (= 3.7.4)
|
||||||
|
jekyll-avatar (= 0.6.0)
|
||||||
|
jekyll-coffeescript (= 1.1.1)
|
||||||
|
jekyll-commonmark-ghpages (= 0.1.5)
|
||||||
|
jekyll-default-layout (= 0.1.4)
|
||||||
|
jekyll-feed (= 0.11.0)
|
||||||
|
jekyll-gist (= 1.5.0)
|
||||||
|
jekyll-github-metadata (= 2.9.4)
|
||||||
|
jekyll-mentions (= 1.4.1)
|
||||||
|
jekyll-optional-front-matter (= 0.3.0)
|
||||||
|
jekyll-paginate (= 1.1.0)
|
||||||
|
jekyll-readme-index (= 0.2.0)
|
||||||
|
jekyll-redirect-from (= 0.14.0)
|
||||||
|
jekyll-relative-links (= 0.5.3)
|
||||||
|
jekyll-remote-theme (= 0.3.1)
|
||||||
|
jekyll-sass-converter (= 1.5.2)
|
||||||
|
jekyll-seo-tag (= 2.5.0)
|
||||||
|
jekyll-sitemap (= 1.2.0)
|
||||||
|
jekyll-swiss (= 0.4.0)
|
||||||
|
jekyll-theme-architect (= 0.1.1)
|
||||||
|
jekyll-theme-cayman (= 0.1.1)
|
||||||
|
jekyll-theme-dinky (= 0.1.1)
|
||||||
|
jekyll-theme-hacker (= 0.1.1)
|
||||||
|
jekyll-theme-leap-day (= 0.1.1)
|
||||||
|
jekyll-theme-merlot (= 0.1.1)
|
||||||
|
jekyll-theme-midnight (= 0.1.1)
|
||||||
|
jekyll-theme-minimal (= 0.1.1)
|
||||||
|
jekyll-theme-modernist (= 0.1.1)
|
||||||
|
jekyll-theme-primer (= 0.5.3)
|
||||||
|
jekyll-theme-slate (= 0.1.1)
|
||||||
|
jekyll-theme-tactile (= 0.1.1)
|
||||||
|
jekyll-theme-time-machine (= 0.1.1)
|
||||||
|
jekyll-titles-from-headings (= 0.5.1)
|
||||||
|
jemoji (= 0.10.1)
|
||||||
|
kramdown (= 1.17.0)
|
||||||
|
liquid (= 4.0.0)
|
||||||
|
listen (= 3.1.5)
|
||||||
|
mercenary (~> 0.3)
|
||||||
|
minima (= 2.5.0)
|
||||||
|
nokogiri (>= 1.8.2, < 2.0)
|
||||||
|
rouge (= 2.2.1)
|
||||||
|
terminal-table (~> 1.4)
|
||||||
|
github-pages-health-check (1.8.1)
|
||||||
|
addressable (~> 2.3)
|
||||||
|
dnsruby (~> 1.60)
|
||||||
|
octokit (~> 4.0)
|
||||||
|
public_suffix (~> 2.0)
|
||||||
|
typhoeus (~> 1.3)
|
||||||
|
html-pipeline (2.10.0)
|
||||||
|
activesupport (>= 2)
|
||||||
|
nokogiri (>= 1.4)
|
||||||
|
http_parser.rb (0.6.0)
|
||||||
|
i18n (0.9.5)
|
||||||
|
concurrent-ruby (~> 1.0)
|
||||||
|
jekyll (3.7.4)
|
||||||
|
addressable (~> 2.4)
|
||||||
|
colorator (~> 1.0)
|
||||||
|
em-websocket (~> 0.5)
|
||||||
|
i18n (~> 0.7)
|
||||||
|
jekyll-sass-converter (~> 1.0)
|
||||||
|
jekyll-watch (~> 2.0)
|
||||||
|
kramdown (~> 1.14)
|
||||||
|
liquid (~> 4.0)
|
||||||
|
mercenary (~> 0.3.3)
|
||||||
|
pathutil (~> 0.9)
|
||||||
|
rouge (>= 1.7, < 4)
|
||||||
|
safe_yaml (~> 1.0)
|
||||||
|
jekyll-avatar (0.6.0)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
jekyll-coffeescript (1.1.1)
|
||||||
|
coffee-script (~> 2.2)
|
||||||
|
coffee-script-source (~> 1.11.1)
|
||||||
|
jekyll-commonmark (1.2.0)
|
||||||
|
commonmarker (~> 0.14)
|
||||||
|
jekyll (>= 3.0, < 4.0)
|
||||||
|
jekyll-commonmark-ghpages (0.1.5)
|
||||||
|
commonmarker (~> 0.17.6)
|
||||||
|
jekyll-commonmark (~> 1)
|
||||||
|
rouge (~> 2)
|
||||||
|
jekyll-default-layout (0.1.4)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
jekyll-feed (0.11.0)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-gist (1.5.0)
|
||||||
|
octokit (~> 4.2)
|
||||||
|
jekyll-github-metadata (2.9.4)
|
||||||
|
jekyll (~> 3.1)
|
||||||
|
octokit (~> 4.0, != 4.4.0)
|
||||||
|
jekyll-mentions (1.4.1)
|
||||||
|
html-pipeline (~> 2.3)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
jekyll-optional-front-matter (0.3.0)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
jekyll-paginate (1.1.0)
|
||||||
|
jekyll-readme-index (0.2.0)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
jekyll-redirect-from (0.14.0)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-relative-links (0.5.3)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-remote-theme (0.3.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
rubyzip (>= 1.2.1, < 3.0)
|
||||||
|
jekyll-sass-converter (1.5.2)
|
||||||
|
sass (~> 3.4)
|
||||||
|
jekyll-seo-tag (2.5.0)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-sitemap (1.2.0)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-swiss (0.4.0)
|
||||||
|
jekyll-theme-architect (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-cayman (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-dinky (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-hacker (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-leap-day (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-merlot (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-midnight (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-minimal (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-modernist (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-primer (0.5.3)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-github-metadata (~> 2.9)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-slate (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-tactile (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-theme-time-machine (0.1.1)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-seo-tag (~> 2.0)
|
||||||
|
jekyll-titles-from-headings (0.5.1)
|
||||||
|
jekyll (~> 3.3)
|
||||||
|
jekyll-watch (2.1.2)
|
||||||
|
listen (~> 3.0)
|
||||||
|
jemoji (0.10.1)
|
||||||
|
gemoji (~> 3.0)
|
||||||
|
html-pipeline (~> 2.2)
|
||||||
|
jekyll (~> 3.0)
|
||||||
|
kramdown (1.17.0)
|
||||||
|
liquid (4.0.0)
|
||||||
|
listen (3.1.5)
|
||||||
|
rb-fsevent (~> 0.9, >= 0.9.4)
|
||||||
|
rb-inotify (~> 0.9, >= 0.9.7)
|
||||||
|
ruby_dep (~> 1.2)
|
||||||
|
mercenary (0.3.6)
|
||||||
|
mini_portile2 (2.4.0)
|
||||||
|
minima (2.5.0)
|
||||||
|
jekyll (~> 3.5)
|
||||||
|
jekyll-feed (~> 0.9)
|
||||||
|
jekyll-seo-tag (~> 2.1)
|
||||||
|
minitest (5.11.3)
|
||||||
|
multipart-post (2.0.0)
|
||||||
|
nokogiri (1.10.1)
|
||||||
|
mini_portile2 (~> 2.4.0)
|
||||||
|
octokit (4.13.0)
|
||||||
|
sawyer (~> 0.8.0, >= 0.5.3)
|
||||||
|
pathutil (0.16.2)
|
||||||
|
forwardable-extended (~> 2.6)
|
||||||
|
public_suffix (2.0.5)
|
||||||
|
rb-fsevent (0.10.3)
|
||||||
|
rb-inotify (0.10.0)
|
||||||
|
ffi (~> 1.0)
|
||||||
|
rouge (2.2.1)
|
||||||
|
ruby-enum (0.7.2)
|
||||||
|
i18n
|
||||||
|
ruby_dep (1.5.0)
|
||||||
|
rubyzip (1.2.2)
|
||||||
|
safe_yaml (1.0.4)
|
||||||
|
sass (3.7.3)
|
||||||
|
sass-listen (~> 4.0.0)
|
||||||
|
sass-listen (4.0.0)
|
||||||
|
rb-fsevent (~> 0.9, >= 0.9.4)
|
||||||
|
rb-inotify (~> 0.9, >= 0.9.7)
|
||||||
|
sawyer (0.8.1)
|
||||||
|
addressable (>= 2.3.5, < 2.6)
|
||||||
|
faraday (~> 0.8, < 1.0)
|
||||||
|
terminal-table (1.8.0)
|
||||||
|
unicode-display_width (~> 1.1, >= 1.1.1)
|
||||||
|
thread_safe (0.3.6)
|
||||||
|
typhoeus (1.3.1)
|
||||||
|
ethon (>= 0.9.0)
|
||||||
|
tzinfo (1.2.5)
|
||||||
|
thread_safe (~> 0.1)
|
||||||
|
unicode-display_width (1.4.1)
|
||||||
|
|
||||||
|
PLATFORMS
|
||||||
|
ruby
|
||||||
|
|
||||||
|
DEPENDENCIES
|
||||||
|
github-pages
|
||||||
|
|
||||||
|
BUNDLED WITH
|
||||||
|
2.0.1
|
||||||
4
_includes/cookie-notice.html
Normal file
4
_includes/cookie-notice.html
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<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>
|
||||||
3
_includes/footer.html
Normal file
3
_includes/footer.html
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<footer>
|
||||||
|
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
||||||
|
</footer>
|
||||||
45
_includes/head.html
Normal file
45
_includes/head.html
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<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="{{ 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 }}">
|
||||||
|
|
||||||
|
<!-- 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 local styling & scripts -->
|
||||||
|
<script src="/js/global.js"></script>
|
||||||
|
<link href="/css/global.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
45
_includes/navbar.html
Normal file
45
_includes/navbar.html
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
{% for page in site.categories.articles %}
|
||||||
|
<a class="mdc-list-item" href="{{ page.url | relative_url }}" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">{{ page.title }}</span>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
{% for page in site.categories.authors %}
|
||||||
|
<a class="mdc-list-item" href="{{ page.url | relative_url }}" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">{{ page.title }}</span>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<div class="mdc-drawer-scrim"></div>
|
||||||
39
_includes/navbar.html~
Normal file
39
_includes/navbar.html~
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{% loop_directory directory:articles %}
|
||||||
|
<a class="mdc-list-item" href="{{ page.url | relative_url }}" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">{{ page.icon }}</i>
|
||||||
|
<span class="mdc-list-item__text">{{ page.title }}</span>
|
||||||
|
</a>
|
||||||
|
{% endloop_directory %}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<div class="mdc-drawer-scrim"></div>
|
||||||
13
_includes/top-app-bar.html
Normal file
13
_includes/top-app-bar.html
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
<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">{{ page.title }} | 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>
|
||||||
23
_layouts/article-list.html
Normal file
23
_layouts/article-list.html
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
{% include head.html %}
|
||||||
|
<link href="/css/mdc-card-list.css" rel="stylesheet">
|
||||||
|
<body>
|
||||||
|
<!-- cookie notice is included automatically -->
|
||||||
|
{% include cookie-notice.html %}
|
||||||
|
|
||||||
|
<!-- content of navbar is included via jQuery -->
|
||||||
|
{% include navbar.html %}
|
||||||
|
|
||||||
|
<div class="mdc-drawer-app-content">
|
||||||
|
{% include top-app-bar.html %}
|
||||||
|
|
||||||
|
<main class="main-content" id="main-content">
|
||||||
|
<div class="mdc-top-app-bar--short-fixed-adjust">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
{% include footer.html %}
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
_layouts/article.html
Normal file
24
_layouts/article.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
{% include head.html %}
|
||||||
|
<link href="/css/article-page.css" rel="stylesheet">
|
||||||
|
<body>
|
||||||
|
<!-- cookie notice is included automatically -->
|
||||||
|
{% include cookie-notice.html %}
|
||||||
|
|
||||||
|
<!-- content of navbar is included via jQuery -->
|
||||||
|
{% include navbar.html %}
|
||||||
|
|
||||||
|
<div class="mdc-drawer-app-content">
|
||||||
|
{% include top-app-bar.html %}
|
||||||
|
|
||||||
|
<main class="main-content" id="main-content">
|
||||||
|
<div class="mdc-top-app-bar--short-fixed-adjust">
|
||||||
|
<h2 class="mdc-typography--headline2">{{ page.title }}</h2>
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
{% include footer.html %}
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
16
_posts/2019-01-01-article_name.md
Normal file
16
_posts/2019-01-01-article_name.md
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
---
|
||||||
|
title: Title1
|
||||||
|
description: An article description1
|
||||||
|
layout: article
|
||||||
|
categories: articles
|
||||||
|
---
|
||||||
|
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;">
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
Content
|
||||||
18
_posts/2019-01-01-article_name.md~
Normal file
18
_posts/2019-01-01-article_name.md~
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
---
|
||||||
|
title: Title1
|
||||||
|
description: An article description1
|
||||||
|
layout: article
|
||||||
|
icon: home
|
||||||
|
categories: articles
|
||||||
|
date: 2019-01-01 9:00
|
||||||
|
---
|
||||||
|
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;">
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
Content
|
||||||
16
_posts/2019-01-25-article-name.md
Normal file
16
_posts/2019-01-25-article-name.md
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
---
|
||||||
|
title: Title
|
||||||
|
description: An article description
|
||||||
|
layout: article
|
||||||
|
categories: articles
|
||||||
|
---
|
||||||
|
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;">
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
Content
|
||||||
17
_posts/2019-01-25-article-name.md~
Normal file
17
_posts/2019-01-25-article-name.md~
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
---
|
||||||
|
title: Title
|
||||||
|
description: An article description
|
||||||
|
layout: article
|
||||||
|
icon: home
|
||||||
|
categories: articles
|
||||||
|
---
|
||||||
|
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;">
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
Content
|
||||||
2
_site/README.md
Normal file
2
_site/README.md
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
# BBC School Report | Reading School
|
||||||
|
This is Reading School's BBC School Report website. If you have any problems with this website, please [email me at matthew@grove.gq](mailto:matthew@grove.gq), or [create an issue on GitHub](https://github.com/reading-school-code/bbc-school-report/issues/new).
|
||||||
143
_site/articles/2019/01/01/article_name.html
Normal file
143
_site/articles/2019/01/01/article_name.html
Normal file
@@ -0,0 +1,143 @@
|
|||||||
|
<!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="Title1 | 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>Title1 | Reading School</title>
|
||||||
|
<meta name="description" content="An article description1">
|
||||||
|
|
||||||
|
<!-- 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 local styling & scripts -->
|
||||||
|
<script src="/js/global.js"></script>
|
||||||
|
<link href="/css/global.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<link href="/css/article-page.css" rel="stylesheet">
|
||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/25/article-name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title1</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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">Title1 | 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">
|
||||||
|
<h2 class="mdc-typography--headline2">Title1</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;" />
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
<p>Content</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
143
_site/articles/2019/01/25/article-name.html
Normal file
143
_site/articles/2019/01/25/article-name.html
Normal file
@@ -0,0 +1,143 @@
|
|||||||
|
<!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="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>Title | Reading School</title>
|
||||||
|
<meta name="description" content="An article description">
|
||||||
|
|
||||||
|
<!-- 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 local styling & scripts -->
|
||||||
|
<script src="/js/global.js"></script>
|
||||||
|
<link href="/css/global.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<link href="/css/article-page.css" rel="stylesheet">
|
||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/25/article-name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title1</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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">Title | 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">
|
||||||
|
<h2 class="mdc-typography--headline2">Title</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle1">
|
||||||
|
<time class="timeago" datetime="2019-03-06T07:08:0Z">Wednesday 6th March 2019</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</h3>
|
||||||
|
<figure>
|
||||||
|
<img src="/images/article_name--cover.jpg" style="width:100%;" />
|
||||||
|
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
||||||
|
</figure>
|
||||||
|
<p>Content</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2766
_site/assets/css/style.css
Normal file
2766
_site/assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
148
_site/authors/name.html
Normal file
148
_site/authors/name.html
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<!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="BBC Young Reporter | 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>BBC Young Reporter | Reading School</title>
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<!-- 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 local styling & scripts -->
|
||||||
|
<script src="/js/global.js"></script>
|
||||||
|
<link href="/css/global.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<link href="/css/mdc-card-list.css" rel="stylesheet">
|
||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/25/article-name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title1</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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="mdc-card">
|
||||||
|
<div class="mdc-card__media mdc-card__media--16-9" style="background-image:url('/images/article_name--cover.jpg');"></div>
|
||||||
|
<div class="mdc-card-content">
|
||||||
|
<h2 class="mdc-typography--headline6">Title</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle2">
|
||||||
|
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</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/article_name';">Read</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
3
_site/config.yml
Normal file
3
_site/config.yml
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
name: BBC Young Reporter | Reading School
|
||||||
|
title: BBC Young Reporter | Reading School
|
||||||
|
permalink: /:categories/:title/
|
||||||
@@ -4,3 +4,6 @@
|
|||||||
.mdc-typography--headline2, .mdc-typography--subtitle1, figure {
|
.mdc-typography--headline2, .mdc-typography--subtitle1, figure {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
.mdc-typography--caption-text {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
BIN
_site/images/article_name--cover.jpg
Normal file
BIN
_site/images/article_name--cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
_site/images/favicon.ico
Normal file
BIN
_site/images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
_site/images/favicon.png
Normal file
BIN
_site/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
_site/images/logo-white.png
Normal file
BIN
_site/images/logo-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
_site/images/page-logo.png
Normal file
BIN
_site/images/page-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 188 KiB |
148
_site/index.html
Normal file
148
_site/index.html
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
<!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="BBC Young Reporter | 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>BBC Young Reporter | Reading School</title>
|
||||||
|
<meta name="description" content="News articles written by Reading School students in year 8">
|
||||||
|
|
||||||
|
<!-- 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 local styling & scripts -->
|
||||||
|
<script src="/js/global.js"></script>
|
||||||
|
<link href="/css/global.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<link href="/css/mdc-card-list.css" rel="stylesheet">
|
||||||
|
<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/page-logo.png" style="width: 90%;"/>
|
||||||
|
</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">home</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-list-group__subheader">Articles</h3>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/25/article-name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/2019/01/01/article_name.html" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
|
||||||
|
<span class="mdc-list-item__text">Title1</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="mdc-list-item" href="/articles/article_name" 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>
|
||||||
|
</div>
|
||||||
|
<div class="mdc-list-group">
|
||||||
|
<h3 class="mdc-list-group__subheader">Authors</h3>
|
||||||
|
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
||||||
|
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
||||||
|
<span class="mdc-list-item__text">Name</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</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="mdc-card">
|
||||||
|
<div class="mdc-card__media mdc-card__media--16-9" style="background-image:url('/images/article_name--cover.jpg');"></div>
|
||||||
|
<div class="mdc-card-content">
|
||||||
|
<h2 class="mdc-typography--headline6">Title</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle2">
|
||||||
|
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</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/article_name';">Read</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
45
_site/js/global.js
Normal file
45
_site/js/global.js
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
// initiate MDC drawer
|
||||||
|
const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
|
||||||
|
|
||||||
|
// initiate MDC top app bar
|
||||||
|
const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
|
||||||
|
mdc_top_app_bar.listen("MDCTopAppBar:nav", () => {
|
||||||
|
drawer.open = !drawer.open;
|
||||||
|
});
|
||||||
|
|
||||||
|
// initiate MDC items
|
||||||
|
mdc.autoInit();
|
||||||
|
|
||||||
|
// get current URL with no forward slash at the end and no domain
|
||||||
|
var drawer_item_link_query_selector = ".mdc-list-item[href='" + window.location.pathname;
|
||||||
|
if (drawer_item_link_query_selector.endsWith("index.html")) {
|
||||||
|
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 10);
|
||||||
|
}
|
||||||
|
if (drawer_item_link_query_selector.endsWith("/")) {
|
||||||
|
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// give 'seleted' styling to correct item on navbar
|
||||||
|
$(drawer_item_link_query_selector + "']").addClass("mdc-list-item--activated");
|
||||||
|
$(drawer_item_link_query_selector + "']").attr("aria-selected", "true");
|
||||||
|
$(drawer_item_link_query_selector + "/']").addClass("mdc-list-item--activated");
|
||||||
|
$(drawer_item_link_query_selector + "/']").attr("aria-selected", "true");
|
||||||
|
|
||||||
|
// initiate timeago elements (displays how long ago an article was written)
|
||||||
|
jQuery("time.timeago").timeago();
|
||||||
|
|
||||||
|
// include cookie notice
|
||||||
|
if(Cookies.get("reading-school-bbc-young-reporter-cookies-accepted") != "true") {
|
||||||
|
$("#cookies").show();
|
||||||
|
$("#cookies").animate({bottom: "0px"}, 1000);
|
||||||
|
$("footer").animate({marginBottom: "87px"}, 1000);
|
||||||
|
$("#close-cookies").click(function(){
|
||||||
|
event.preventDefault();
|
||||||
|
$("#cookies").animate({bottom: "-100px"}, 1000);
|
||||||
|
setTimeout(function(){$("#cookies").hide()},1000);
|
||||||
|
$("footer").animate({marginBottom: "15px"}, 1000);
|
||||||
|
Cookies.set("reading-school-bbc-young-reporter-cookies-accepted", "true", {expires: 30});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
12
_site/remove.html
Normal file
12
_site/remove.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<script src="/vle/bbcnews/assets/cookies.js"></script>
|
||||||
|
<script>
|
||||||
|
Cookies.remove("reading-school-bbc-young-reporter-cookies-accepted");
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
Our cookie has been removed.
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,87 +0,0 @@
|
|||||||
<!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="BBC Young Reporter | 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>BBC Young Reporter | Reading School</title>
|
|
||||||
<meta name="description" content="News articles written by Reading School students in year 8">
|
|
||||||
|
|
||||||
<!-- import Roboto (font) -->
|
|
||||||
<link href="/assets/roboto.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- import jQuery -->
|
|
||||||
<script src="/assets/jquery.min.js"></script>
|
|
||||||
|
|
||||||
<!-- import jQuery timeago -->
|
|
||||||
<script src="/assets/jquery.timeago.min.js"></script>
|
|
||||||
|
|
||||||
<!-- import cookie JavaScript -->
|
|
||||||
<script src="/assets/cookies.js"></script>
|
|
||||||
|
|
||||||
<!-- import Material Design components & icons -->
|
|
||||||
<link href="/assets/material-components-web.min.css" rel="stylesheet">
|
|
||||||
<link href="/assets/material_icons.css" rel="stylesheet">
|
|
||||||
<script src="/assets/material-components-web.min.js"></script>
|
|
||||||
|
|
||||||
<!-- import local styling & scripts -->
|
|
||||||
<script src="/assets/global.js"></script>
|
|
||||||
<link href="/assets/global.css" rel="stylesheet">
|
|
||||||
<link href="/assets/article-page.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- define title so that webpage & top app bar titles can be instantiated via JS -->
|
|
||||||
<script>
|
|
||||||
window.page_title = "Article Name";
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- cookie notice is included via jQuery -->
|
|
||||||
<div id="cookies"></div>
|
|
||||||
|
|
||||||
<!-- content of navbar is included via jQuery -->
|
|
||||||
<aside class="mdc-drawer mdc-drawer--modal"></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"></header>
|
|
||||||
|
|
||||||
<main class="main-content" id="main-content">
|
|
||||||
<div class="mdc-top-app-bar--short-fixed-adjust">
|
|
||||||
<h2 class="mdc-typography--headline2">Title</h2>
|
|
||||||
<h3 class="mdc-typography--subtitle1">
|
|
||||||
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
|
|
||||||
| by <a href="/authors/name">Name</a>
|
|
||||||
</h3>
|
|
||||||
<figure>
|
|
||||||
<img src="/images/article_name--cover.jpg" style="width:100%;">
|
|
||||||
<figcaption class="mdc-typography--caption-text">A brass statue of a child, in a garden</figcaption>
|
|
||||||
</figure>
|
|
||||||
<p>
|
|
||||||
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
© Reading School 2019 | Made by <a href="https://matthew-grove.ml">Matthew Grove</a>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,63 +0,0 @@
|
|||||||
$(document).ready(function(){
|
|
||||||
// include navbar
|
|
||||||
$(".mdc-drawer").load("/page-inserts/navbar.html", function(){
|
|
||||||
// include top app bar
|
|
||||||
$(".mdc-top-app-bar").load("/page-inserts/top-app-bar.html", function(){
|
|
||||||
|
|
||||||
// initiate MDC drawer
|
|
||||||
const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
|
|
||||||
|
|
||||||
// initiate MDC top app bar
|
|
||||||
const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
|
|
||||||
|
|
||||||
mdc_top_app_bar.listen("MDCTopAppBar:nav", () => {
|
|
||||||
drawer.open = !drawer.open;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// initiate MDC items
|
|
||||||
mdc.autoInit();
|
|
||||||
|
|
||||||
// get current URL with no forward slash at the end and no domain
|
|
||||||
var drawer_item_link_query_selector = ".mdc-list-item[href='" + window.location.pathname;
|
|
||||||
if (drawer_item_link_query_selector.endsWith("index.html")) {
|
|
||||||
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 10);
|
|
||||||
}
|
|
||||||
if (drawer_item_link_query_selector.endsWith("/")) {
|
|
||||||
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
// set top app bar title
|
|
||||||
if (window.page_title != null) {
|
|
||||||
$(".mdc-top-app-bar__title").html(window.page_title + " | BBC Young Reporter | Reading School");
|
|
||||||
document.title= window.page_title + " | BBC Young Reporter | Reading School";
|
|
||||||
}
|
|
||||||
|
|
||||||
// give 'seleted' styling to correct item on navbar
|
|
||||||
$(drawer_item_link_query_selector + "']").addClass("mdc-list-item--activated");
|
|
||||||
$(drawer_item_link_query_selector + "']").attr("aria-selected", "true");
|
|
||||||
$(drawer_item_link_query_selector + "/']").addClass("mdc-list-item--activated");
|
|
||||||
$(drawer_item_link_query_selector + "/']").attr("aria-selected", "true");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// initiate timeago elements (displays how long ago an article was written)
|
|
||||||
jQuery("time.timeago").timeago();
|
|
||||||
|
|
||||||
// include cookie notice
|
|
||||||
if(Cookies.get("reading-school-bbc-young-reporter-cookies-accepted") != "true") {
|
|
||||||
$("#cookies").load("/page-inserts/cookie-notice.html", function(){
|
|
||||||
$("#cookies").show();
|
|
||||||
$("#cookies").animate({bottom: "0px"}, 1000);
|
|
||||||
$("footer").animate({marginBottom: "87px"}, 1000);
|
|
||||||
$("#close-cookies").click(function(){
|
|
||||||
event.preventDefault();
|
|
||||||
$("#cookies").animate({bottom: "-100px"}, 1000);
|
|
||||||
setTimeout(function(){$("#cookies").hide()},1000);
|
|
||||||
$("footer").animate({marginBottom: "15px"}, 1000);
|
|
||||||
Cookies.set("reading-school-bbc-young-reporter-cookies-accepted", "true", {expires: 30});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
21
authors/name.md
Normal file
21
authors/name.md
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
---
|
||||||
|
title: BBC Young Reporter
|
||||||
|
categories: authors
|
||||||
|
layout: article-list
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="mdc-card">
|
||||||
|
<div class="mdc-card__media mdc-card__media--16-9" style="background-image:url('/images/article_name--cover.jpg');"></div>
|
||||||
|
<div class="mdc-card-content">
|
||||||
|
<h2 class="mdc-typography--headline6">Title</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle2">
|
||||||
|
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</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/article_name';">Read</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
0
authors/name.md~
Normal file
0
authors/name.md~
Normal file
@@ -45,6 +45,11 @@
|
|||||||
<script src="/assets/global.js"></script>
|
<script src="/assets/global.js"></script>
|
||||||
<link href="/assets/global.css" rel="stylesheet">
|
<link href="/assets/global.css" rel="stylesheet">
|
||||||
<link href="/assets/mdc-card-list.css" rel="stylesheet">
|
<link href="/assets/mdc-card-list.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- define title so that webpage & top app bar titles can be instantiated via JS -->
|
||||||
|
<script>
|
||||||
|
window.page_title = "Name";
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- cookie notice is included via jQuery -->
|
<!-- cookie notice is included via jQuery -->
|
||||||
3
config.yml
Normal file
3
config.yml
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
name: BBC Young Reporter | Reading School
|
||||||
|
title: BBC Young Reporter | Reading School
|
||||||
|
permalink: /:categories/:title/
|
||||||
9
css/article-page.css
Normal file
9
css/article-page.css
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
.mdc-typography--headline2, .mdc-typography--subtitle1 {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
.mdc-typography--headline2, .mdc-typography--subtitle1, figure {
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
.mdc-typography--caption-text {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
77
css/global.css
Normal file
77
css/global.css
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
/* change theme */
|
||||||
|
:root {
|
||||||
|
--mdc-theme-primary: #273967;
|
||||||
|
--mdc-theme-secondary: #ef6c00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--mdc-theme-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mdc-drawer-app-content {
|
||||||
|
flex: auto;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
margin: 15px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-bar {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* add side margins */
|
||||||
|
.main-content {
|
||||||
|
margin-left: 15%;
|
||||||
|
margin-right: 15%;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.main-content {
|
||||||
|
margin-left: 5%;
|
||||||
|
margin-right: 5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
.main-content {
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* for cookie notice */
|
||||||
|
#cookies {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
background: var(--mdc-theme-primary);
|
||||||
|
color: var(--mdc-theme-background);
|
||||||
|
text-align: center;
|
||||||
|
bottom: -100px;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cookies p {
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#cookies p a {
|
||||||
|
color: var(--mdc-theme-secondary);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
8
css/material-components-web.min.css
vendored
Normal file
8
css/material-components-web.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
23
css/material_icons.css
Normal file
23
css/material_icons.css
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
/* fallback */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Material Icons';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-icons {
|
||||||
|
font-family: 'Material Icons';
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: normal;
|
||||||
|
text-transform: none;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: nowrap;
|
||||||
|
word-wrap: normal;
|
||||||
|
direction: ltr;
|
||||||
|
-webkit-font-feature-settings: 'liga';
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
25
css/mdc-card-list.css
Normal file
25
css/mdc-card-list.css
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content .mdc-card {
|
||||||
|
float:left;
|
||||||
|
clear:left;
|
||||||
|
width: 49%;
|
||||||
|
}
|
||||||
|
.main-content .mdc-card:nth-of-type(even){
|
||||||
|
float:right;
|
||||||
|
clear:right;
|
||||||
|
}
|
||||||
|
.main-content .mdc-card:nth-child(1), .main-content .mdc-card:nth-child(2) {
|
||||||
|
float: none;
|
||||||
|
clear: none;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
56
css/roboto.css
Normal file
56
css/roboto.css
Normal file
@@ -0,0 +1,56 @@
|
|||||||
|
/* cyrillic-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||||
|
}
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* greek-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+1F00-1FFF;
|
||||||
|
}
|
||||||
|
/* greek */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+0370-03FF;
|
||||||
|
}
|
||||||
|
/* vietnamese */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||||
|
}
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
|
||||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
21
index.md
Normal file
21
index.md
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
---
|
||||||
|
title: BBC Young Reporter
|
||||||
|
description: News articles written by Reading School students in year 8
|
||||||
|
layout: article-list
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="mdc-card">
|
||||||
|
<div class="mdc-card__media mdc-card__media--16-9" style="background-image:url('/images/article_name--cover.jpg');"></div>
|
||||||
|
<div class="mdc-card-content">
|
||||||
|
<h2 class="mdc-typography--headline6">Title</h2>
|
||||||
|
<h3 class="mdc-typography--subtitle2">
|
||||||
|
<time class="timeago" datetime="2018-11-21T07:08:0Z">Wednesday 21st November 2018</time>
|
||||||
|
| by <a href="/authors/name">Name</a>
|
||||||
|
</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/article_name';">Read</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
165
js/cookies.js
Normal file
165
js/cookies.js
Normal file
@@ -0,0 +1,165 @@
|
|||||||
|
/*!
|
||||||
|
* JavaScript Cookie v2.2.0
|
||||||
|
* https://github.com/js-cookie/js-cookie
|
||||||
|
*
|
||||||
|
* Copyright 2006, 2015 Klaus Hartl & Fagner Brack
|
||||||
|
* Released under the MIT license
|
||||||
|
*/
|
||||||
|
;(function (factory) {
|
||||||
|
var registeredInModuleLoader = false;
|
||||||
|
if (typeof define === 'function' && define.amd) {
|
||||||
|
define(factory);
|
||||||
|
registeredInModuleLoader = true;
|
||||||
|
}
|
||||||
|
if (typeof exports === 'object') {
|
||||||
|
module.exports = factory();
|
||||||
|
registeredInModuleLoader = true;
|
||||||
|
}
|
||||||
|
if (!registeredInModuleLoader) {
|
||||||
|
var OldCookies = window.Cookies;
|
||||||
|
var api = window.Cookies = factory();
|
||||||
|
api.noConflict = function () {
|
||||||
|
window.Cookies = OldCookies;
|
||||||
|
return api;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}(function () {
|
||||||
|
function extend () {
|
||||||
|
var i = 0;
|
||||||
|
var result = {};
|
||||||
|
for (; i < arguments.length; i++) {
|
||||||
|
var attributes = arguments[ i ];
|
||||||
|
for (var key in attributes) {
|
||||||
|
result[key] = attributes[key];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
function init (converter) {
|
||||||
|
function api (key, value, attributes) {
|
||||||
|
var result;
|
||||||
|
if (typeof document === 'undefined') {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Write
|
||||||
|
|
||||||
|
if (arguments.length > 1) {
|
||||||
|
attributes = extend({
|
||||||
|
path: '/'
|
||||||
|
}, api.defaults, attributes);
|
||||||
|
|
||||||
|
if (typeof attributes.expires === 'number') {
|
||||||
|
var expires = new Date();
|
||||||
|
expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
|
||||||
|
attributes.expires = expires;
|
||||||
|
}
|
||||||
|
|
||||||
|
// We're using "expires" because "max-age" is not supported by IE
|
||||||
|
attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
|
||||||
|
|
||||||
|
try {
|
||||||
|
result = JSON.stringify(value);
|
||||||
|
if (/^[\{\[]/.test(result)) {
|
||||||
|
value = result;
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
|
|
||||||
|
if (!converter.write) {
|
||||||
|
value = encodeURIComponent(String(value))
|
||||||
|
.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
|
||||||
|
} else {
|
||||||
|
value = converter.write(value, key);
|
||||||
|
}
|
||||||
|
|
||||||
|
key = encodeURIComponent(String(key));
|
||||||
|
key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
|
||||||
|
key = key.replace(/[\(\)]/g, escape);
|
||||||
|
|
||||||
|
var stringifiedAttributes = '';
|
||||||
|
|
||||||
|
for (var attributeName in attributes) {
|
||||||
|
if (!attributes[attributeName]) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
stringifiedAttributes += '; ' + attributeName;
|
||||||
|
if (attributes[attributeName] === true) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
stringifiedAttributes += '=' + attributes[attributeName];
|
||||||
|
}
|
||||||
|
return (document.cookie = key + '=' + value + stringifiedAttributes);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Read
|
||||||
|
|
||||||
|
if (!key) {
|
||||||
|
result = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
// To prevent the for loop in the first place assign an empty array
|
||||||
|
// in case there are no cookies at all. Also prevents odd result when
|
||||||
|
// calling "get()"
|
||||||
|
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||||||
|
var rdecode = /(%[0-9A-Z]{2})+/g;
|
||||||
|
var i = 0;
|
||||||
|
|
||||||
|
for (; i < cookies.length; i++) {
|
||||||
|
var parts = cookies[i].split('=');
|
||||||
|
var cookie = parts.slice(1).join('=');
|
||||||
|
|
||||||
|
if (!this.json && cookie.charAt(0) === '"') {
|
||||||
|
cookie = cookie.slice(1, -1);
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
var name = parts[0].replace(rdecode, decodeURIComponent);
|
||||||
|
cookie = converter.read ?
|
||||||
|
converter.read(cookie, name) : converter(cookie, name) ||
|
||||||
|
cookie.replace(rdecode, decodeURIComponent);
|
||||||
|
|
||||||
|
if (this.json) {
|
||||||
|
try {
|
||||||
|
cookie = JSON.parse(cookie);
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (key === name) {
|
||||||
|
result = cookie;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!key) {
|
||||||
|
result[name] = cookie;
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
|
}
|
||||||
|
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
|
||||||
|
api.set = api;
|
||||||
|
api.get = function (key) {
|
||||||
|
return api.call(api, key);
|
||||||
|
};
|
||||||
|
api.getJSON = function () {
|
||||||
|
return api.apply({
|
||||||
|
json: true
|
||||||
|
}, [].slice.call(arguments));
|
||||||
|
};
|
||||||
|
api.defaults = {};
|
||||||
|
|
||||||
|
api.remove = function (key, attributes) {
|
||||||
|
api(key, '', extend(attributes, {
|
||||||
|
expires: -1
|
||||||
|
}));
|
||||||
|
};
|
||||||
|
|
||||||
|
api.withConverter = init;
|
||||||
|
|
||||||
|
return api;
|
||||||
|
}
|
||||||
|
|
||||||
|
return init(function () {});
|
||||||
|
}));
|
||||||
45
js/global.js
Normal file
45
js/global.js
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
$(document).ready(function(){
|
||||||
|
// initiate MDC drawer
|
||||||
|
const drawer = new mdc.drawer.MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
|
||||||
|
|
||||||
|
// initiate MDC top app bar
|
||||||
|
const mdc_top_app_bar = new mdc.topAppBar.MDCTopAppBar.attachTo(document.querySelector('.mdc-top-app-bar'));
|
||||||
|
mdc_top_app_bar.listen("MDCTopAppBar:nav", () => {
|
||||||
|
drawer.open = !drawer.open;
|
||||||
|
});
|
||||||
|
|
||||||
|
// initiate MDC items
|
||||||
|
mdc.autoInit();
|
||||||
|
|
||||||
|
// get current URL with no forward slash at the end and no domain
|
||||||
|
var drawer_item_link_query_selector = ".mdc-list-item[href='" + window.location.pathname;
|
||||||
|
if (drawer_item_link_query_selector.endsWith("index.html")) {
|
||||||
|
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 10);
|
||||||
|
}
|
||||||
|
if (drawer_item_link_query_selector.endsWith("/")) {
|
||||||
|
drawer_item_link_query_selector = drawer_item_link_query_selector.substring(0,drawer_item_link_query_selector.length - 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// give 'seleted' styling to correct item on navbar
|
||||||
|
$(drawer_item_link_query_selector + "']").addClass("mdc-list-item--activated");
|
||||||
|
$(drawer_item_link_query_selector + "']").attr("aria-selected", "true");
|
||||||
|
$(drawer_item_link_query_selector + "/']").addClass("mdc-list-item--activated");
|
||||||
|
$(drawer_item_link_query_selector + "/']").attr("aria-selected", "true");
|
||||||
|
|
||||||
|
// initiate timeago elements (displays how long ago an article was written)
|
||||||
|
jQuery("time.timeago").timeago();
|
||||||
|
|
||||||
|
// include cookie notice
|
||||||
|
if(Cookies.get("reading-school-bbc-young-reporter-cookies-accepted") != "true") {
|
||||||
|
$("#cookies").show();
|
||||||
|
$("#cookies").animate({bottom: "0px"}, 1000);
|
||||||
|
$("footer").animate({marginBottom: "87px"}, 1000);
|
||||||
|
$("#close-cookies").click(function(){
|
||||||
|
event.preventDefault();
|
||||||
|
$("#cookies").animate({bottom: "-100px"}, 1000);
|
||||||
|
setTimeout(function(){$("#cookies").hide()},1000);
|
||||||
|
$("footer").animate({marginBottom: "15px"}, 1000);
|
||||||
|
Cookies.set("reading-school-bbc-young-reporter-cookies-accepted", "true", {expires: 30});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
2
js/jquery.min.js
vendored
Normal file
2
js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
js/jquery.timeago.min.js
vendored
Normal file
1
js/jquery.timeago.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&"object"==typeof module.exports?t(require("jquery")):t(jQuery)}(function(t){t.timeago=function(e){return e instanceof Date?n(e):n("string"==typeof e?t.timeago.parse(e):"number"==typeof e?new Date(e):t.timeago.datetime(e))};var e=t.timeago;t.extend(t.timeago,{settings:{refreshMillis:6e4,allowPast:!0,allowFuture:!1,localeTitle:!1,cutoff:0,autoDispose:!0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"any moment now",seconds:"less than a minute",minute:"about a minute",minutes:"%d minutes",hour:"about an hour",hours:"about %d hours",day:"a day",days:"%d days",month:"about a month",months:"%d months",year:"about a year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(e){if(!this.settings.allowPast&&!this.settings.allowFuture)throw"timeago allowPast and allowFuture settings can not both be set to false.";var i=this.settings.strings,a=i.prefixAgo,n=i.suffixAgo;if(this.settings.allowFuture&&e<0&&(a=i.prefixFromNow,n=i.suffixFromNow),!this.settings.allowPast&&e>=0)return this.settings.strings.inPast;var r=Math.abs(e)/1e3,o=r/60,s=o/60,u=s/24,m=u/365;function l(a,n){var r=t.isFunction(a)?a(n,e):a,o=i.numbers&&i.numbers[n]||n;return r.replace(/%d/i,o)}var d=r<45&&l(i.seconds,Math.round(r))||r<90&&l(i.minute,1)||o<45&&l(i.minutes,Math.round(o))||o<90&&l(i.hour,1)||s<24&&l(i.hours,Math.round(s))||s<42&&l(i.day,1)||u<30&&l(i.days,Math.round(u))||u<45&&l(i.month,1)||u<365&&l(i.months,Math.round(u/30))||m<1.5&&l(i.year,1)||l(i.years,Math.round(m)),h=i.wordSeparator||"";return void 0===i.wordSeparator&&(h=" "),t.trim([a,d,n].join(h))},parse:function(e){var i=t.trim(e);return i=(i=(i=(i=(i=i.replace(/\.\d+/,"")).replace(/-/,"/").replace(/-/,"/")).replace(/T/," ").replace(/Z/," UTC")).replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2")).replace(/([\+\-]\d\d)$/," $100"),new Date(i)},datetime:function(i){var a=e.isTime(i)?t(i).attr("datetime"):t(i).attr("title");return e.parse(a)},isTime:function(e){return"time"===t(e).get(0).tagName.toLowerCase()}});var i={init:function(){i.dispose.call(this);var n=t.proxy(a,this);n();var r=e.settings;r.refreshMillis>0&&(this._timeagoInterval=setInterval(n,r.refreshMillis))},update:function(i){var n=i instanceof Date?i:e.parse(i);t(this).data("timeago",{datetime:n}),e.settings.localeTitle&&t(this).attr("title",n.toLocaleString()),a.apply(this)},updateFromDOM:function(){t(this).data("timeago",{datetime:e.parse(e.isTime(this)?t(this).attr("datetime"):t(this).attr("title"))}),a.apply(this)},dispose:function(){this._timeagoInterval&&(window.clearInterval(this._timeagoInterval),this._timeagoInterval=null)}};function a(){var i=e.settings;if(i.autoDispose&&!t.contains(document.documentElement,this))return t(this).timeago("dispose"),this;var a=function(i){if(!(i=t(i)).data("timeago")){i.data("timeago",{datetime:e.datetime(i)});var a=t.trim(i.text());e.settings.localeTitle?i.attr("title",i.data("timeago").datetime.toLocaleString()):!(a.length>0)||e.isTime(i)&&i.attr("title")||i.attr("title",a)}return i.data("timeago")}(this);return isNaN(a.datetime)||(0===i.cutoff||Math.abs(r(a.datetime))<i.cutoff?t(this).text(n(a.datetime)):t(this).attr("title").length>0&&t(this).text(t(this).attr("title"))),this}function n(t){return e.inWords(r(t))}function r(t){return(new Date).getTime()-t.getTime()}t.fn.timeago=function(t,e){var a=t?i[t]:i.init;if(!a)throw new Error("Unknown function name '"+t+"' for timeago");return this.each(function(){a.call(this,e)}),this},document.createElement("abbr"),document.createElement("time")});
|
||||||
909
js/material-components-web.min.js
vendored
Normal file
909
js/material-components-web.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
|||||||
<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>
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
<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%;"/>
|
|
||||||
</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">home</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-list-group__subheader">Articles</h3>
|
|
||||||
<a class="mdc-list-item" href="/articles/article_name" 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>
|
|
||||||
</div>
|
|
||||||
<div class="mdc-list-group">
|
|
||||||
<h3 class="mdc-list-group__subheader">Authors</h3>
|
|
||||||
<a class="mdc-list-item" href="/authors/name" data-mdc-auto-init="MDCRipple">
|
|
||||||
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">account_circle</i>
|
|
||||||
<span class="mdc-list-item__text">Name</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
<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>
|
|
||||||
Reference in New Issue
Block a user