Continue redesigning website

Start template for article list for each year
This commit is contained in:
2020-03-03 07:26:53 +00:00
parent 8d6382d3a6
commit b382db281c
23 changed files with 675 additions and 794 deletions

View File

@@ -52,7 +52,6 @@
<link href="/css/mdc-card-list.css" rel="stylesheet">
<link href="/css/home.css" rel="stylesheet">
<script src="/js/home.js"></script>
<body>
<!-- cookie notice is included automatically -->
<div id="cookies">
@@ -261,7 +260,7 @@
<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__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>
<h3 class="mdc-typography--subtitle2">
@@ -276,11 +275,6 @@
</div>
</div>
</div>
<style>
.-articles-2020-03-02-test2-html {
background-image: url("/images/2020-03-02-test2.jpg");
}
</style>
@@ -290,7 +284,7 @@
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2020-03-02-test1-html"></div>
<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>
<h3 class="mdc-typography--subtitle2">
@@ -305,11 +299,6 @@
</div>
</div>
</div>
<style>
.-articles-2020-03-02-test1-html {
background-image: url("/images/2020-03-02-test1.jpg");
}
</style>
@@ -319,7 +308,7 @@
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2020-03-01-test-html"></div>
<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>
<h3 class="mdc-typography--subtitle2">
@@ -334,11 +323,6 @@
</div>
</div>
</div>
<style>
.-articles-2020-03-01-test-html {
background-image: url("/images/2020-03-01-test.jpg");
}
</style>
@@ -362,7 +346,7 @@
<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__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>
<h3 class="mdc-typography--subtitle2">
@@ -377,11 +361,6 @@
</div>
</div>
</div>
<style>
.-articles-2019-03-06-finished-product-html {
background-image: url("/images/2019-03-06-finished-product.jpg");
}
</style>
@@ -391,7 +370,7 @@
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-are-the-roads-around-your-home-and-school-safe-html"></div>
<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>
<h3 class="mdc-typography--subtitle2">
@@ -406,11 +385,6 @@
</div>
</div>
</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.jpg");
}
</style>
@@ -420,7 +394,7 @@
<div class="mdc-card">
<div class="mdc-card__media mdc-card__media--16-9 -articles-2019-03-06-student-survey-shows-rosa-parks-is-most-inspirational-woman-ever-html"></div>
<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>
<h3 class="mdc-typography--subtitle2">
@@ -435,11 +409,6 @@
</div>
</div>
</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.jpg");
}
</style>
@@ -511,7 +480,7 @@
<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__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>
<h3 class="mdc-typography--subtitle2">
@@ -526,11 +495,6 @@
</div>
</div>
</div>
<style>
.-articles-2018-03-06-test-html {
background-image: url("/images/2018-03-06-test.jpg");
}
</style>