diff --git a/CHANGELOG.md b/CHANGELOG.md index d16fbb3..3c87dda 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +* [PR-22](https://github.com/itk-dev/itk-project-database/pull/22) + Use the ITK logo in the nav and login, tidy the dashboard header, and refresh + the login screen. * [PR-18](https://github.com/itk-dev/itk-project-database/pull/18) Rework the dashboard with an outstanding-work panel and a redesigned activity feed, add help text to every graph, and fix the mascot's finish nudges. diff --git a/assets/images/itk-logo.png b/assets/images/itk-logo.png new file mode 100644 index 0000000..ca95a6a Binary files /dev/null and b/assets/images/itk-logo.png differ diff --git a/assets/styles/app.css b/assets/styles/app.css index c26b4d4..0eafd0a 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -129,12 +129,12 @@ h3 { } .top-nav__brand { - font-size: var(--itk-text-base); - font-weight: 700; - color: var(--itk-ink); display: inline-flex; align-items: center; gap: var(--itk-space-2); + font-size: var(--itk-text-base); + font-weight: 700; + color: var(--itk-ink); letter-spacing: -0.01em; } @@ -143,19 +143,25 @@ h3 { text-decoration: none; } -.top-nav__brand-mark { - width: 28px; - height: 28px; - border-radius: var(--itk-radius-2); - background: linear-gradient(135deg, var(--itk-blue), var(--itk-cyan)); - display: inline-block; +.top-nav__brand-logo { + height: 26px; + width: auto; + display: block; } .top-nav__menu { display: flex; align-items: center; gap: var(--itk-space-1); - margin-left: var(--itk-space-4); +} + +@media (min-width: 1520px) { + .top-nav__menu { + position: absolute; + top: 0; + left: calc((100vw - var(--itk-container)) / 2 + var(--itk-space-5)); + height: 64px; + } } .top-nav__link { @@ -1550,15 +1556,25 @@ textarea { .auth__brand { display: flex; align-items: center; + justify-content: center; gap: var(--itk-space-2); - font-weight: 700; font-size: var(--itk-text-md); - margin-bottom: var(--itk-space-2); + font-weight: 700; + color: var(--itk-ink); + margin-bottom: var(--itk-space-6); +} + +.auth__logo { + height: 40px; + width: auto; + display: block; } .auth__title { - font-size: var(--itk-text-xl); - margin-bottom: var(--itk-space-6); + font-size: var(--itk-text-base); + font-weight: 600; + text-align: center; + margin-bottom: var(--itk-space-3); } .auth .form-row { diff --git a/templates/base.html.twig b/templates/base.html.twig index 177618c..6678a4f 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -19,7 +19,7 @@ {% set route = app.request.attributes.get('_route') %}