From c0c5f68f7ffab8b60dfd90e711312966e3c0b08c Mon Sep 17 00:00:00 2001 From: Matthew Grove Date: Fri, 25 Dec 2020 18:20:53 +0000 Subject: [PATCH] Update theme colour on Win8 tiles --- _includes/head.html | 2 +- _site/assets/css/main.css | 166 ++++++++++++++++---------------- _site/comsci/index.html | 6 +- _site/index.html | 6 +- _site/luhn-algorithm/index.html | 6 +- _site/site-theme/index.html | 8 +- _site/sitemap.xml | 31 +++--- _site/young-reporter/index.html | 23 ++++- 8 files changed, 136 insertions(+), 112 deletions(-) diff --git a/_includes/head.html b/_includes/head.html index f8699c8..f7dc9fb 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -17,7 +17,7 @@ - + {{ page.title }} | Matthew Grove diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 551db24..2dc53b7 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -2079,7 +2079,7 @@ ul.icons { opacity: 1; } /* CTA */ -#cta { +.cta { color: rgba(255, 255, 255, 0.75); background-attachment: fixed; background-image: linear-gradient(135deg, rgba(var(--background-colour-dark-rgb), 0.5), rgba(var(--background-colour-dark-rgb), 0.9)), url(../../images/cta01.jpg); @@ -2089,142 +2089,142 @@ ul.icons { position: relative; text-align: center; z-index: 1; } - #cta input, #cta select, #cta textarea { + .cta input, .cta select, .cta textarea { color: var(--button-text-colour); } - #cta a { + .cta a { color: var(--button-text-colour); } - #cta strong, #cta b { + .cta strong, .cta b { color: var(--button-text-colour); } - #cta h1, #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 { + .cta h1, .cta h2, .cta h3, .cta h4, .cta h5, .cta h6 { color: var(--button-text-colour); } - #cta blockquote { + .cta blockquote { border-left-color: rgba(255, 255, 255, 0.25); } - #cta code { + .cta code { background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.25); } - #cta hr { + .cta hr { border-bottom-color: rgba(255, 255, 255, 0.25); } - #cta input[type="submit"], - #cta input[type="reset"], - #cta input[type="button"], - #cta button, - #cta .button { + .cta input[type="submit"], + .cta input[type="reset"], + .cta input[type="button"], + .cta button, + .cta .button { background-color: transparent; box-shadow: inset 0 0 0 1px var(--button-text-colour); color: var(--button-text-colour) !important; } - #cta input[type="submit"]:hover, - #cta input[type="reset"]:hover, - #cta input[type="button"]:hover, - #cta button:hover, - #cta .button:hover { + .cta input[type="submit"]:hover, + .cta input[type="reset"]:hover, + .cta input[type="button"]:hover, + .cta button:hover, + .cta .button:hover { background-color: rgba(255, 255, 255, 0.1); } - #cta input[type="submit"]:hover:active, - #cta input[type="reset"]:hover:active, - #cta input[type="button"]:hover:active, - #cta button:hover:active, - #cta .button:hover:active { + .cta input[type="submit"]:hover:active, + .cta input[type="reset"]:hover:active, + .cta input[type="button"]:hover:active, + .cta button:hover:active, + .cta .button:hover:active { background-color: rgba(255, 255, 255, 0.25); } - #cta input[type="submit"].primary, - #cta input[type="reset"].primary, - #cta input[type="button"].primary, - #cta button.primary, - #cta .button.primary { + .cta input[type="submit"].primary, + .cta input[type="reset"].primary, + .cta input[type="button"].primary, + .cta button.primary, + .cta .button.primary { box-shadow: none; background-color: var(--button-text-colour); color: var(--secondary-colour) !important; } - #cta input[type="submit"].primary:hover, - #cta input[type="reset"].primary:hover, - #cta input[type="button"].primary:hover, - #cta button.primary:hover, - #cta .button.primary:hover { + .cta input[type="submit"].primary:hover, + .cta input[type="reset"].primary:hover, + .cta input[type="button"].primary:hover, + .cta button.primary:hover, + .cta .button.primary:hover { background-color: rgba(255, 255, 255, 0.875); box-shadow: none; } - #cta input[type="submit"].primary:hover:active, - #cta input[type="reset"].primary:hover:active, - #cta input[type="button"].primary:hover:active, - #cta button.primary:hover:active, - #cta .button.primary:hover:active { + .cta input[type="submit"].primary:hover:active, + .cta input[type="reset"].primary:hover:active, + .cta input[type="button"].primary:hover:active, + .cta button.primary:hover:active, + .cta .button.primary:hover:active { background-color: rgba(255, 255, 255, 0.5); } - #cta label { + .cta label { color: var(--button-text-colour); } - #cta input[type="text"], - #cta input[type="number"], - #cta input[type="password"], - #cta input[type="email"], - #cta input[type="tel"], - #cta input[type="search"], - #cta input[type="url"], - #cta select, - #cta textarea { + .cta input[type="text"], + .cta input[type="number"], + .cta input[type="password"], + .cta input[type="email"], + .cta input[type="tel"], + .cta input[type="search"], + .cta input[type="url"], + .cta select, + .cta textarea { background-color: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.25); } - #cta input[type="text"]:focus, - #cta input[type="number"]:focus, - #cta input[type="password"]:focus, - #cta input[type="email"]:focus, - #cta input[type="tel"]:focus, - #cta input[type="search"]:focus, - #cta input[type="url"]:focus, - #cta select:focus, - #cta textarea:focus { + .cta input[type="text"]:focus, + .cta input[type="number"]:focus, + .cta input[type="password"]:focus, + .cta input[type="email"]:focus, + .cta input[type="tel"]:focus, + .cta input[type="search"]:focus, + .cta input[type="url"]:focus, + .cta select:focus, + .cta textarea:focus { border-color: var(--button-text-colour); box-shadow: 0 0 0 1px var(--button-text-colour); } - #cta select { + .cta select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } - #cta select option { + .cta select option { color: rgba(255, 255, 255, 0.75); background-color: var(--secondary-colour); } - #cta input[type="checkbox"] + label, - #cta input[type="radio"] + label { + .cta input[type="checkbox"] + label, + .cta input[type="radio"] + label { color: rgba(255, 255, 255, 0.75); } - #cta input[type="checkbox"] + label:before, - #cta input[type="radio"] + label:before { + .cta input[type="checkbox"] + label:before, + .cta input[type="radio"] + label:before { background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.25); } - #cta input[type="checkbox"]:checked + label:before, - #cta input[type="radio"]:checked + label:before { + .cta input[type="checkbox"]:checked + label:before, + .cta input[type="radio"]:checked + label:before { background-color: var(--button-text-colour); border-color: var(--button-text-colour); color: var(--secondary-colour); } - #cta input[type="checkbox"]:focus + label:before, - #cta input[type="radio"]:focus + label:before { + .cta input[type="checkbox"]:focus + label:before, + .cta input[type="radio"]:focus + label:before { border-color: var(--button-text-colour); box-shadow: 0 0 0 1px var(--button-text-colour); } - #cta ::-webkit-input-placeholder { + .cta ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; } - #cta :-moz-placeholder { + .cta :-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; } - #cta ::-moz-placeholder { + .cta ::-moz-placeholder { color: rgba(255, 255, 255, 0.4) !important; } - #cta :-ms-input-placeholder { + .cta :-ms-input-placeholder { color: rgba(255, 255, 255, 0.4) !important; } - #cta ul.alt li { + .cta ul.alt li { border-top-color: rgba(255, 255, 255, 0.25); } - #cta table tbody tr { + .cta table tbody tr { border-color: rgba(255, 255, 255, 0.25); } - #cta table tbody tr:nth-child(2n + 1) { + .cta table tbody tr:nth-child(2n + 1) { background-color: rgba(255, 255, 255, 0.075); } - #cta table th { + .cta table th { color: var(--button-text-colour); } - #cta table thead { + .cta table thead { border-bottom-color: rgba(255, 255, 255, 0.25); } - #cta table tfoot { + .cta table tfoot { border-top-color: rgba(255, 255, 255, 0.25); } - #cta table.alt tbody tr td { + .cta table.alt tbody tr td { border-color: rgba(255, 255, 255, 0.25); } - #cta .highlights .content { + .cta .highlights .content { background: var(--secondary-colour); box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } - #cta .testimonials .content { + .cta .testimonials .content { background: var(--secondary-colour); box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } - #cta .testimonials .content .credit strong { + .cta .testimonials .content .credit strong { color: var(--secondary-colour); } - #cta .inner { + .cta .inner { position: relative; z-index: 3; } @media screen and (max-width: 980px) { - #cta { + .cta { background-attachment: scroll; } } /* Footer */ diff --git a/_site/comsci/index.html b/_site/comsci/index.html index 596a495..e75635b 100644 --- a/_site/comsci/index.html +++ b/_site/comsci/index.html @@ -20,11 +20,11 @@ - + Computer Science | Matthew Grove - + @@ -36,7 +36,7 @@ window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); - gtag('config', 'UA-124505000-1'); + gtag('config', 'UA-124505000-2'); diff --git a/_site/index.html b/_site/index.html index f809a5b..1478efe 100644 --- a/_site/index.html +++ b/_site/index.html @@ -20,11 +20,11 @@ - + Demo Site | Matthew Grove - + @@ -36,7 +36,7 @@ window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); - gtag('config', 'UA-124505000-1'); + gtag('config', 'UA-124505000-2'); diff --git a/_site/luhn-algorithm/index.html b/_site/luhn-algorithm/index.html index b0ee59e..ce47797 100644 --- a/_site/luhn-algorithm/index.html +++ b/_site/luhn-algorithm/index.html @@ -20,11 +20,11 @@ - + Luhn Algorithm | Matthew Grove - + @@ -36,7 +36,7 @@ window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); - gtag('config', 'UA-124505000-1'); + gtag('config', 'UA-124505000-2'); diff --git a/_site/site-theme/index.html b/_site/site-theme/index.html index 4f7a2d9..b10a389 100644 --- a/_site/site-theme/index.html +++ b/_site/site-theme/index.html @@ -20,11 +20,11 @@ - + Site Theme | Matthew Grove - + @@ -36,7 +36,7 @@ window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); - gtag('config', 'UA-124505000-1'); + gtag('config', 'UA-124505000-2'); @@ -531,7 +531,7 @@ print 'It took ' + i + ' iterations to sort the deck.'; -
+

Example Fancy Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

diff --git a/_site/sitemap.xml b/_site/sitemap.xml index 66d928a..b03cb89 100644 --- a/_site/sitemap.xml +++ b/_site/sitemap.xml @@ -1,47 +1,56 @@ + + /luhn-algorithm/ - 2020-12-13 + 2020-12-25 daily 0.5 + + + /site-theme/ - 2020-12-13 + 2020-12-25 daily 0.5 + + + /young-reporter/ - 2020-12-13 + 2020-12-25 daily 0.5 + + + / - 2020-12-13 + 2020-12-25 daily 0.5 + + + /comsci/ - 2020-12-13 + 2020-12-25 daily 0.5 - - /sitemap.xml - 2020-12-13 - daily - 0.5 - + diff --git a/_site/young-reporter/index.html b/_site/young-reporter/index.html index e3b6761..b210363 100644 --- a/_site/young-reporter/index.html +++ b/_site/young-reporter/index.html @@ -20,11 +20,11 @@ - + BBC Young Reporter Article Generator | Matthew Grove - + @@ -36,7 +36,7 @@ window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); - gtag('config', 'UA-124505000-1'); + gtag('config', 'UA-124505000-2'); @@ -105,7 +105,22 @@
-

Instructions

+

Prerequisites

+ +

Before you begin, ensure you have, as a minimum:

+
    +
  • a headline,
    • +
  • the name(s) of the author(s),
    • +
  • a header image, which will be shown behind the headline (so the content of this image can’t be vital, like a graph),
    • +
  • a caption for your header image,
    • +
  • the copyright attribution for your header image,
    • +
  • a brief description (one or two short sentences) of your article, and
    • +
  • your article content.
    • +
+ +
+ +

Instructions

Fill in the fields below, and then click the download button to generate a file to be uploaded to Reading School’s BBC Young Reporter website.