mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 03:17:07 +00:00
Continue redesigning site
This commit is contained in:
@@ -41,6 +41,9 @@
|
||||
<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">
|
||||
@@ -50,7 +53,6 @@
|
||||
<link href="/css/mdc-card-list.css" rel="stylesheet">
|
||||
<link href="/css/home.css" rel="stylesheet">
|
||||
<script src="/js/home.js"></script>
|
||||
<script src="/js/jarallax.min.js"></script>
|
||||
<body>
|
||||
<!-- cookie notice is included automatically -->
|
||||
<div id="cookies">
|
||||
@@ -64,7 +66,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">
|
||||
@@ -202,6 +204,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>
|
||||
|
||||
|
||||
@@ -233,10 +250,10 @@
|
||||
<main class="main-content" id="main-content">
|
||||
<div class="mdc-top-app-bar--short-fixed-adjust">
|
||||
|
||||
<div class="article-section" data-jarallax="" data-speed="0.4">
|
||||
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2020.jpg');">
|
||||
<div class="article-section-header">
|
||||
<h1>2020</h1>
|
||||
<button class="mdc-button mdc-button--outlined" data-mdc-auto-init="MDCRipple" onclick="window.location='URL';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
|
||||
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2020';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
|
||||
</div>
|
||||
<div class="articles">
|
||||
|
||||
@@ -261,7 +278,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2020-03-02-test2-html {
|
||||
background-image: url("/images/2020-03-02-test2--cover.jpg");
|
||||
background-image: url("/images/2020-03-02-test2.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -290,7 +307,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2020-03-02-test1-html {
|
||||
background-image: url("/images/2020-03-02-test1--cover.jpg");
|
||||
background-image: url("/images/2020-03-02-test1.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -319,7 +336,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2020-03-01-test-html {
|
||||
background-image: url("/images/2020-03-01-test--cover.jpg");
|
||||
background-image: url("/images/2020-03-01-test.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -334,10 +351,10 @@
|
||||
</div>
|
||||
<div class="splitter"></div>
|
||||
|
||||
<div class="article-section" data-jarallax="" data-speed="0.4">
|
||||
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2019.jpg');">
|
||||
<div class="article-section-header">
|
||||
<h1>2019</h1>
|
||||
<button class="mdc-button mdc-button--outlined" data-mdc-auto-init="MDCRipple" onclick="window.location='URL';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
|
||||
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2019';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
|
||||
</div>
|
||||
<div class="articles">
|
||||
|
||||
@@ -362,7 +379,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2019-03-06-finished-product-html {
|
||||
background-image: url("/images/2019-03-06-finished-product--cover.jpg");
|
||||
background-image: url("/images/2019-03-06-finished-product.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -391,7 +408,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2019-03-06-are-the-roads-around-your-home-and-school-safe-html {
|
||||
background-image: url("/images/2019-03-06-are-the-roads-around-your-home-and-school-safe--cover.jpg");
|
||||
background-image: url("/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -420,7 +437,7 @@
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html {
|
||||
background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever--cover.jpg");
|
||||
background-image: url("/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -471,6 +488,49 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="splitter"></div>
|
||||
|
||||
<div class="article-section parallax-section" data-jarallax="" data-speed="0.4" style="background-image: url('/images/backgrounds/2018.jpg');">
|
||||
<div class="article-section-header">
|
||||
<h1>2018</h1>
|
||||
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2018';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
|
||||
</div>
|
||||
<div class="articles">
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="mdc-card">
|
||||
<div class="mdc-card__media mdc-card__media--16-9 -articles-2018-03-06-test-html"></div>
|
||||
<div class="mdc-card-content">
|
||||
<h2 class="mdc-typography--headline6">A Possible Autism-Anorexia Link Has Been Found, So What Are We Doing About It?</h2>
|
||||
<h3 class="mdc-typography--subtitle2">
|
||||
<time class="timeago" datetime="2018-03-06T13:38:00">Tuesday 6 March 2018</time>
|
||||
| by Luke H
|
||||
</h3>
|
||||
</div>
|
||||
<div class="mdc-typography--body2"></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/2018/03/06/test.html';">Read</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.-articles-2018-03-06-test-html {
|
||||
background-image: url("/images/2018-03-06-test.jpg");
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -481,16 +541,11 @@
|
||||
</div>
|
||||
</main>
|
||||
<div class="footer-container">
|
||||
<footer>
|
||||
<img>
|
||||
<span >© 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>
|
||||
|
||||
<footer>
|
||||
<img>
|
||||
<span >© Matthew G 2020 | Made by <a href="https://mgrove.uk">Matthew G</a></span>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user