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

262
_site/articles/2020/03/02/test1.html
View File

@@ -42,16 +42,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>
@@ -67,7 +67,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">
@@ -205,6 +205,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>
@@ -235,238 +250,27 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--short-fixed-adjust">
<h2 class="mdc-typography--headline3">Title</h2>
<div class="parallax-section article-title-section" data-jarallax data-speed="0.4" style="background-image: url('/images/2020-03-02-test1.jpg');">
<h2 class="mdc-typography--headline3">Title</h2>
</div>
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
<h3 class="mdc-typography--subtitle1">
<time class="timeago" datetime="2020-03-02T07:01:00">Monday 2 March 2020</time>
| by Name
</h3>
<figure>
<img src="/images/2020-03-02-test1--cover.jpg" style="width:100%;">
<figcaption class="mdc-typography--caption-text">A caption for the cover image</figcaption>
</figure>
<p>Content</p>
<div class="article-content">
<p>Content</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-2020-03-02-test2-html"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
<h3 class="mdc-typography--subtitle2">
<time class="timeago" datetime="2020-03-02T07:02:00">Monday 2 March 2020</time>
| by Name
</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/2020/03/02/test2.html';">Read</button>
</div>
</div>
<style>
.-articles-2020-03-02-test2-html {
background-image: url("/images/2020-03-02-test2--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>