From 511786f9ad75bd20157f3cbff1b17e48ac9734f5 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Sun, 1 Sep 2024 17:00:09 +0100 Subject: Logo and new navbar and new detail design - logo in place - new navbar - removed Joanna Lemon, etc - tidying up the detail page, using cards and nicer titles - better detail panel at the top of the page with a table in it --- pyblackbird_cc/static/css/custom.css | 68 ++++---- pyblackbird_cc/static/css/project.css | 8 +- .../static/images/AL_circle_logo_black_200x200.png | Bin 0 -> 37743 bytes .../static/images/AL_long_logo_black_grey.png | Bin 0 -> 127223 bytes .../static/images/AL_long_logo_black_grey.svg | 177 +++++++++++++++++++++ pyblackbird_cc/static/images/AL_text_only.png | Bin 0 -> 46979 bytes pyblackbird_cc/static/scss/custom.scss | 8 +- 7 files changed, 217 insertions(+), 44 deletions(-) create mode 100644 pyblackbird_cc/static/images/AL_circle_logo_black_200x200.png create mode 100644 pyblackbird_cc/static/images/AL_long_logo_black_grey.png create mode 100644 pyblackbird_cc/static/images/AL_long_logo_black_grey.svg create mode 100644 pyblackbird_cc/static/images/AL_text_only.png (limited to 'pyblackbird_cc/static') diff --git a/pyblackbird_cc/static/css/custom.css b/pyblackbird_cc/static/css/custom.css index c4fc153..009cc07 100644 --- a/pyblackbird_cc/static/css/custom.css +++ b/pyblackbird_cc/static/css/custom.css @@ -13,7 +13,7 @@ --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; - --bs-primary: #51635e; + --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; @@ -194,11 +194,11 @@ sup { } a { - color: #51635e; + color: #0d6efd; text-decoration: underline; } a:hover { - color: #414f4b; + color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { @@ -1728,7 +1728,7 @@ progress { } .btn-check:focus + .btn, .btn:focus { outline: 0; - box-shadow: 0 0 0 0.25rem rgba(81, 99, 94, 0.25); + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; @@ -1737,32 +1737,32 @@ progress { .btn-primary { color: #fff; - background-color: #51635e; - border-color: #51635e; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-primary:hover { color: #fff; - background-color: #455450; - border-color: #414f4b; + background-color: #0b5ed7; + border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; - background-color: #455450; - border-color: #414f4b; - box-shadow: 0 0 0 0.25rem rgba(107, 122, 118, 0.5); + background-color: #0b5ed7; + border-color: #0a58ca; + box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; - background-color: #414f4b; - border-color: #3d4a47; + background-color: #0a58ca; + border-color: #0a53be; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(107, 122, 118, 0.5); + box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; - background-color: #51635e; - border-color: #51635e; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-secondary { @@ -1976,27 +1976,27 @@ progress { } .btn-outline-primary { - color: #51635e; - border-color: #51635e; + color: #0d6efd; + border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; - background-color: #51635e; - border-color: #51635e; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { - box-shadow: 0 0 0 0.25rem rgba(81, 99, 94, 0.5); + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; - background-color: #51635e; - border-color: #51635e; + background-color: #0d6efd; + border-color: #0d6efd; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { - box-shadow: 0 0 0 0.25rem rgba(81, 99, 94, 0.5); + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { - color: #51635e; + color: #0d6efd; background-color: transparent; } @@ -2177,11 +2177,11 @@ progress { .btn-link { font-weight: 400; - color: #51635e; + color: #0d6efd; text-decoration: underline; } .btn-link:hover { - color: #414f4b; + color: #0a58ca; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; @@ -2212,10 +2212,10 @@ progress { } .link-primary { - color: #51635e; + color: #0d6efd; } .link-primary:hover, .link-primary:focus { - color: #414f4b; + color: #0a58ca; } .link-secondary { @@ -2615,7 +2615,7 @@ progress { } .border-primary { - border-color: #51635e !important; + border-color: #0d6efd !important; } .border-secondary { @@ -3444,7 +3444,7 @@ progress { /* rtl:end:remove */ .text-primary { - color: #51635e !important; + color: #0d6efd !important; } .text-secondary { @@ -3500,7 +3500,7 @@ progress { } .bg-primary { - background-color: #51635e !important; + background-color: #0d6efd !important; } .bg-secondary { @@ -6178,10 +6178,6 @@ progress { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } -h2, .h2 { - color: #51635e; -} - .ey_literacy { background-color: #ebde34; color: black; diff --git a/pyblackbird_cc/static/css/project.css b/pyblackbird_cc/static/css/project.css index 79d6874..dca4100 100644 --- a/pyblackbird_cc/static/css/project.css +++ b/pyblackbird_cc/static/css/project.css @@ -28,12 +28,12 @@ src: url(../fonts/LibreFranklin-Italic.ttf); } -body { - background-color: #eee; -} +/*body {*/ +/* background-color: #eee;*/ +/*}*/ h1 { - color: #657c76; + /*color: #657c76;*/ font-size: 2.0rem; font-weight: bold; } diff --git a/pyblackbird_cc/static/images/AL_circle_logo_black_200x200.png b/pyblackbird_cc/static/images/AL_circle_logo_black_200x200.png new file mode 100644 index 0000000..c318e81 Binary files /dev/null and b/pyblackbird_cc/static/images/AL_circle_logo_black_200x200.png differ diff --git a/pyblackbird_cc/static/images/AL_long_logo_black_grey.png b/pyblackbird_cc/static/images/AL_long_logo_black_grey.png new file mode 100644 index 0000000..21f51c9 Binary files /dev/null and b/pyblackbird_cc/static/images/AL_long_logo_black_grey.png differ diff --git a/pyblackbird_cc/static/images/AL_long_logo_black_grey.svg b/pyblackbird_cc/static/images/AL_long_logo_black_grey.svg new file mode 100644 index 0000000..9214092 --- /dev/null +++ b/pyblackbird_cc/static/images/AL_long_logo_black_grey.svg @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Alphabet + Learning + + + + + + + + + + A + + + + diff --git a/pyblackbird_cc/static/images/AL_text_only.png b/pyblackbird_cc/static/images/AL_text_only.png new file mode 100644 index 0000000..270b2ee Binary files /dev/null and b/pyblackbird_cc/static/images/AL_text_only.png differ diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss index 75f574a..d0599e9 100644 --- a/pyblackbird_cc/static/scss/custom.scss +++ b/pyblackbird_cc/static/scss/custom.scss @@ -5,7 +5,7 @@ @import "../bootstrap/scss/functions"; // 2. Include any default variable overrides here -$primary: #51635EFF; +//$primary: #51635EFF; $ey_literacy: #ebde34; $display-font-weight: 600; $ml-font-label-weight: 500; @@ -35,9 +35,9 @@ $ml-font-label-weight: 500; } -h2 { - color: $primary; -} +//h2 { +// color: $primary; +//} .ey_literacy { background-color: $ey_literacy; -- cgit v1.2.3