mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 03:17:07 +00:00
8671144229
Make the navbar, main article list and content of articles (images, dates and authors) populate automatically, and remove pages for each author.
145 lines
6.2 KiB
HTML
145 lines
6.2 KiB
HTML
<!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">school</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/02/article-name.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">Title1</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">assignment</i>
|
|
<span class="mdc-list-item__text">Title1</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">assignment</i>
|
|
<span class="mdc-list-item__text">Title1</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">
|
|
<h2 class="mdc-typography--headline2">Title1</h2>
|
|
<h3 class="mdc-typography--subtitle1">
|
|
<time class="timeago" datetime="2019-01-01T07:01:00">Tuesday 1 January 2019</time>
|
|
| by Name
|
|
</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>
|