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

Continue redesigning site

Browse Source
This commit is contained in:
Matthew Grove
2020-03-02 22:38:03 +00:00
parent 64cd4f03d4
commit 8d6382d3a6
72 changed files with 1154 additions and 4979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
_site/articles/2019/03/06/young-reporter-team-ready-to-go.html
View File

@@ -43,16 +43,16 @@
<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">
<script src="/js/top-scroll-button.js"></script>
</head>
<link href="/css/slick.css" rel="stylesheet">
<link href="/css/slick-theme.css" rel="stylesheet">
<script src="/js/slick.min.js"></script>
<link href="/css/article-page.css" rel="stylesheet">
<link href="/css/article-page.css" rel="stylesheet">
<script src="/js/article-page.js"></script>
<body>
@@ -68,7 +68,7 @@
<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%;"/>
<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">
@@ -206,6 +206,21 @@
<span class="mdc-list-item__text">Reading School's BBC Young Reporter Team… Ready To Go!</span>
</a>
</div>
<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">2018</h3>
<a class="mdc-list-item" href="/articles/2018/03/06/test.html" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</span>
</a>
</div>
@@ -236,318 +251,29 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2019-03-06-young-reporter-team-ready-to-go.jpg');">
<h2 class="mdc-typography--headline3">Reading School's BBC Young Reporter Team… Ready To Go!</h2>
</div>
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2019-03-06T09:36:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</h3>
<figure>
<img src="/images/2019-03-06-young-reporter-team-ready-to-go--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">Reading School's 2019 BBC Young Reporter team | &copy; Reading School</figcaption>
</figure>
<p>Here are our intrepid Young Reporters, chomping at the bit to bring you lots of terrific stories about Reading School, our local area and the amazing things happening here. And rest assured, this will be a Brexit-free zone.</p>
<div class="article-content">
<p>Here are our intrepid Young Reporters, chomping at the bit to bring you lots of terrific stories about Reading School, our local area and the amazing things happening here. And rest assured, this will be a Brexit-free zone.</p>
<p>Breaking news will appear here as it happens…</p>
<h2 class="mdc-typography--headline5 article-carousel-title">
Other Articles By This Author
</h2>
<!-- define carousel -->
<div class="carousel">
<!-- display article -->
<div class="carousel-item">
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-finished-product-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">The Finished Product</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2019-03-06T15:52:00">Wednesday 6 March 2019</time>
| by Mr Baldock
</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/2019/03/06/finished-product.html';">Read</button>
</div>
</div>
<style>
.-articles-2019-03-06-finished-product-html {
background-image: url("/images/2019-03-06-finished-product--cover.jpg");
}
</style>
</div>
</div>
<!-- close carousel -->
</div>
</div>
</main>
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
<div class="footer-container">
<footer>
<img>
<span >&copy; Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
</footer>
</div>
<a href="javascript:scrollUp()" class="top-scroll-button">
<img alt="Scroll to top" src="/images/up-arrow.png">
</a>