diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index 9b06d55cc4..16f5e5d7e9 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -27,10 +27,6 @@ font-weight: 600; } - a { - font-weight: 600; - } - .img-rounded { // TODO: design specifies 'border-radius-large' which is 5px, but uses 16px border-radius: 16px; @@ -113,6 +109,11 @@ } .info-cards { + @media (min-width: @screen-md-min) { + display: flex; /* equal heights */ + flex-wrap: wrap; + } + .info-card-container { min-height: 348px; margin-bottom: 16px; @@ -132,6 +133,10 @@ } .features-card { + display: flex; /* equal heights */ + flex-wrap: wrap; + align-items: center; + .features-card-image { img.img-responsive { width: 100%; @@ -202,6 +207,7 @@ a { width: 100%; + font-weight: 600; color: var(--neutral-90); display: inline-flex; justify-content: space-between; @@ -400,6 +406,42 @@ } } + .resources { + @media (min-width: @screen-md-min) { + display: flex; /* equal heights */ + flex-wrap: wrap; + } + .resources-card { + display: flex; + flex-wrap: wrap; + flex-direction: column; + margin-bottom: 48px; + align-content: flex-start; + + @media (max-width: @screen-sm-max) { + margin-bottom: 16px; + } + + img { + width: 56px; + } + + h3 { + width: 100%; + } + + a { + margin-top: auto; + } + } + } + + .centered-block { + @media (min-width: @screen-md-min) { + text-align: center; + } + } + .mono-text { font-family: 'DM Mono', monospace; color: var(--green-60); @@ -542,7 +584,7 @@ } @media (max-width: @screen-sm-max) { - flex-direction: column; + flex-direction: column-reverse; width: 100%; } } diff --git a/services/web/public/img/website-redesign/add-notes-round.svg b/services/web/public/img/website-redesign/add-notes-round.svg new file mode 100644 index 0000000000..e3284f12ea --- /dev/null +++ b/services/web/public/img/website-redesign/add-notes-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/book-4-round.svg b/services/web/public/img/website-redesign/book-4-round.svg new file mode 100644 index 0000000000..e86dcd18eb --- /dev/null +++ b/services/web/public/img/website-redesign/book-4-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/design-services-round.svg b/services/web/public/img/website-redesign/design-services-round.svg new file mode 100644 index 0000000000..bffc19bce1 --- /dev/null +++ b/services/web/public/img/website-redesign/design-services-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/live-tv-round.svg b/services/web/public/img/website-redesign/live-tv-round.svg new file mode 100644 index 0000000000..f056127e3f --- /dev/null +++ b/services/web/public/img/website-redesign/live-tv-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/local-library-round.svg b/services/web/public/img/website-redesign/local-library-round.svg new file mode 100644 index 0000000000..64425c8cfd --- /dev/null +++ b/services/web/public/img/website-redesign/local-library-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/preview-round.svg b/services/web/public/img/website-redesign/preview-round.svg new file mode 100644 index 0000000000..e7857cc7d1 --- /dev/null +++ b/services/web/public/img/website-redesign/preview-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/school-round.svg b/services/web/public/img/website-redesign/school-round.svg new file mode 100644 index 0000000000..94295df651 --- /dev/null +++ b/services/web/public/img/website-redesign/school-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/settings-applications-round.svg b/services/web/public/img/website-redesign/settings-applications-round.svg new file mode 100644 index 0000000000..8633f950d0 --- /dev/null +++ b/services/web/public/img/website-redesign/settings-applications-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/services/web/public/img/website-redesign/two-pager-round.svg b/services/web/public/img/website-redesign/two-pager-round.svg new file mode 100644 index 0000000000..b443ca759d --- /dev/null +++ b/services/web/public/img/website-redesign/two-pager-round.svg @@ -0,0 +1,10 @@ + + + + + + + + + +