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

Finish redesigning site

Browse Source
This commit is contained in:
Matthew Grove
2020-03-03 11:03:13 +00:00
parent b382db281c
commit 9e9f9f8c64
49 changed files with 1066 additions and 496 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
_site/index.html
View File

@@ -47,10 +47,9 @@
<!-- 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/mdc-card-list.css" rel="stylesheet">
<link href="/css/article-list.css" rel="stylesheet">
<link href="/css/home.css" rel="stylesheet">
<body>
<!-- cookie notice is included automatically -->
@@ -235,7 +234,7 @@
<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>
<span class="mdc-top-app-bar__title" onclick="window.location='/';">BBC Young Reporter | Reading School</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="mdc-top-app-bar__action-item" aria-label="Reading School" style="padding:0;">
@@ -251,15 +250,15 @@
<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 " data-mdc-auto-init="MDCRipple" onclick="window.location='/2020';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
<h1 class="mdc-typography--headline4">2020</h1>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2020';">See All <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2020/03/02/test2.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test2.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
@@ -283,7 +282,7 @@
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2020/03/02/test1.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-02-test1.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Title</h2>
@@ -307,7 +306,7 @@
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2020/03/01/test.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2020-03-01-test.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Test</h2>
@@ -337,15 +336,15 @@
<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 " data-mdc-auto-init="MDCRipple" onclick="window.location='/2019';">Read More <span class="material-icons">keyboard_arrow_right</span></button>
<h1 class="mdc-typography--headline4">2019</h1>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2019';">See All <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2019/03/06/finished-product.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-finished-product.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">The Finished Product</h2>
@@ -369,7 +368,7 @@
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2019/03/06/are-the-roads-around-your-home-and-school-safe.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-are-the-roads-around-your-home-and-school-safe.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Are The Roads Around Your Home And School Safe?</h2>
@@ -393,7 +392,7 @@
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2019/03/06/student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever.jpg');"></div>
<div class="mdc-card-content">
<h2 class="mdc-typography--headline6">Student Survey Shows Rosa Parks Is Most Inspirational Woman Ever</h2>
@@ -471,15 +470,15 @@
<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>
<h1 class="mdc-typography--headline4">2018</h1>
<button class="mdc-button " data-mdc-auto-init="MDCRipple" onclick="window.location='/2018';">See All <span class="material-icons">keyboard_arrow_right</span></button>
</div>
<div class="articles">
<div class="mdc-card">
<div class="mdc-card" onclick="window.location='/articles/2018/03/06/test.html';">
<div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('/images/2018-03-06-test.jpg');"></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>