From 1ea7ff43e5fa95e04c001ff99687d6bccbab9763 Mon Sep 17 00:00:00 2001 From: Olivier Robert Date: Fri, 20 Jan 2023 18:17:24 +0700 Subject: [PATCH] Implement 2023 landing page (#268) --- .../stylesheets/components/_app-footer.scss | 47 ++---- .../stylesheets/components/_app-hero.scss | 2 +- .../components/_app-navigation.scss | 2 +- .../components/_form-mailing-list.scss | 10 ++ frontend/stylesheets/layouts/_default.scss | 26 ++- frontend/stylesheets/screens/_home.scss | 57 +++---- src/_components/footer.liquid | 10 +- src/_components/form_mailing_list.liquid | 4 +- src/_data/menu/header.yml | 16 +- src/_data/schedule/day_one.yml | 100 +++-------- src/_data/schedule/day_two.yml | 91 +++------- src/_data/site_metadata.yml | 4 +- src/_data/speakers.yml | 159 +----------------- src/_data/sponsors.yml | 76 +-------- src/_layouts/default.liquid | 8 + src/_layouts/home.liquid | 8 +- src/images/home/.keep | 0 src/images/home/hero-background.png | Bin 56659 -> 0 bytes .../hotel/direction-step-1-exit-2.jpg | Bin 251196 -> 0 bytes .../hotel/direction-step-2-stairs.jpg | Bin 374576 -> 0 bytes .../direction-step-3-rangnam-street..jpg | Bin 541029 -> 0 bytes .../hotel/direction-step-4-dome.jpg | Bin 489264 -> 0 bytes .../hotel/direction-step-5-neighbourhood.jpg | Bin 453331 -> 0 bytes .../hotel/direction-step-6-duty-free.jpg | Bin 356669 -> 0 bytes .../hotel/direction-step-7-hotel-signage.jpg | Bin 545043 -> 0 bytes .../hotel/direction-step-8-hotel-lobby.jpg | Bin 419920 -> 0 bytes src/images/speakers/.keep | 0 src/images/speakers/aaron-cruz.jpg | Bin 117281 -> 0 bytes src/images/speakers/anita-jaszewska.jpg | Bin 47774 -> 0 bytes src/images/speakers/charles-nutter.jpg | Bin 247407 -> 0 bytes src/images/speakers/cristian-planas.jpg | Bin 35361 -> 0 bytes src/images/speakers/jeremy-evans.jpg | Bin 92039 -> 0 bytes src/images/speakers/jonatas-davi.jpg | Bin 66263 -> 0 bytes src/images/speakers/michael-milewski.jpg | Bin 25426 -> 0 bytes src/images/speakers/nate-berkopec.jpg | Bin 42068 -> 0 bytes src/images/speakers/noah-gibbs.jpg | Bin 70022 -> 0 bytes src/images/speakers/paolo-perrotta.jpg | Bin 24087 -> 0 bytes src/images/speakers/rodrigo-urubatan.jpg | Bin 16096 -> 0 bytes src/images/speakers/rtdp.jpg | Bin 85354 -> 0 bytes src/images/speakers/selena-small.jpg | Bin 72395 -> 0 bytes src/images/speakers/siddharth-sharma.jpg | Bin 32522 -> 0 bytes src/images/speakers/stephan-eberle.jpg | Bin 25396 -> 0 bytes src/images/speakers/thatthep-vorrasing.jpg | Bin 70531 -> 0 bytes src/images/speakers/tim-riley.jpg | Bin 88077 -> 0 bytes src/images/speakers/yarden-laifenfeld.jpg | Bin 121784 -> 0 bytes src/images/speakers/yuji-yokoo.jpg | Bin 81166 -> 0 bytes src/images/sponsors/beeees.png | Bin 59378 -> 0 bytes src/images/sponsors/bluethumb.svg | 34 ---- src/images/sponsors/buildkite.svg | 5 - src/images/sponsors/cloud-66.svg | 63 ------- src/images/sponsors/eventpop.png | Bin 19924 -> 0 bytes src/images/sponsors/fresho.svg | 12 -- src/images/sponsors/getlinks.svg | 67 -------- src/images/sponsors/honeybadger.svg | 18 -- src/images/sponsors/jobandtalent.svg | 3 - src/images/sponsors/mycloudfulfillment.svg | 19 --- src/images/sponsors/oivan.svg | 7 - src/images/sponsors/prodigy9.svg | 34 ---- src/images/sponsors/proudcloud.svg | 5 - src/images/sponsors/styava.png | Bin 29240 -> 0 bytes src/images/sponsors/talented.svg | 15 -- src/images/venue/.keep | 0 src/images/venue/venue-day-outdoor.jpg | Bin 151121 -> 0 bytes src/index.md | 23 +-- src/practicalities.md | 50 +----- src/schedule.md | 5 +- src/speakers.md | 1 + src/sponsors.md | 3 +- src/venue.md | 28 +-- 69 files changed, 176 insertions(+), 836 deletions(-) create mode 100644 src/images/home/.keep delete mode 100644 src/images/home/hero-background.png delete mode 100644 src/images/practicalities/hotel/direction-step-1-exit-2.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-2-stairs.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-3-rangnam-street..jpg delete mode 100644 src/images/practicalities/hotel/direction-step-4-dome.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-5-neighbourhood.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-6-duty-free.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-7-hotel-signage.jpg delete mode 100644 src/images/practicalities/hotel/direction-step-8-hotel-lobby.jpg create mode 100644 src/images/speakers/.keep delete mode 100644 src/images/speakers/aaron-cruz.jpg delete mode 100644 src/images/speakers/anita-jaszewska.jpg delete mode 100644 src/images/speakers/charles-nutter.jpg delete mode 100644 src/images/speakers/cristian-planas.jpg delete mode 100644 src/images/speakers/jeremy-evans.jpg delete mode 100644 src/images/speakers/jonatas-davi.jpg delete mode 100644 src/images/speakers/michael-milewski.jpg delete mode 100644 src/images/speakers/nate-berkopec.jpg delete mode 100644 src/images/speakers/noah-gibbs.jpg delete mode 100644 src/images/speakers/paolo-perrotta.jpg delete mode 100644 src/images/speakers/rodrigo-urubatan.jpg delete mode 100644 src/images/speakers/rtdp.jpg delete mode 100644 src/images/speakers/selena-small.jpg delete mode 100644 src/images/speakers/siddharth-sharma.jpg delete mode 100644 src/images/speakers/stephan-eberle.jpg delete mode 100644 src/images/speakers/thatthep-vorrasing.jpg delete mode 100644 src/images/speakers/tim-riley.jpg delete mode 100644 src/images/speakers/yarden-laifenfeld.jpg delete mode 100644 src/images/speakers/yuji-yokoo.jpg delete mode 100644 src/images/sponsors/beeees.png delete mode 100644 src/images/sponsors/bluethumb.svg delete mode 100644 src/images/sponsors/buildkite.svg delete mode 100644 src/images/sponsors/cloud-66.svg delete mode 100644 src/images/sponsors/eventpop.png delete mode 100644 src/images/sponsors/fresho.svg delete mode 100644 src/images/sponsors/getlinks.svg delete mode 100644 src/images/sponsors/honeybadger.svg delete mode 100644 src/images/sponsors/jobandtalent.svg delete mode 100644 src/images/sponsors/mycloudfulfillment.svg delete mode 100644 src/images/sponsors/oivan.svg delete mode 100644 src/images/sponsors/prodigy9.svg delete mode 100644 src/images/sponsors/proudcloud.svg delete mode 100644 src/images/sponsors/styava.png delete mode 100644 src/images/sponsors/talented.svg create mode 100644 src/images/venue/.keep delete mode 100644 src/images/venue/venue-day-outdoor.jpg diff --git a/frontend/stylesheets/components/_app-footer.scss b/frontend/stylesheets/components/_app-footer.scss index d3ef948d..4271e6e5 100644 --- a/frontend/stylesheets/components/_app-footer.scss +++ b/frontend/stylesheets/components/_app-footer.scss @@ -1,39 +1,3 @@ -.app-footer__mailing-list { - padding: 2rem; - - color: $white; - text-align: center; - - background-color: black; - - &__text { - padding: 0 2rem; - - @include media-breakpoint-up('md') { - padding: 0; - } - } - - .form-mailing-list { - @include media-breakpoint-up('md') { - @include make-col(6); - @include make-col-offset(3); - } - } - - .form-mailing-list .form__control { - font-size: map-get($font-sizes, 'xs'); - - @include media-breakpoint-up('sm') { - font-size: map-get($font-sizes, 'sm'); - } - - @include media-breakpoint-up('lg') { - font-size: map-get($font-sizes, 'lg'); - } - } -} - .app-footer__social-platform { padding-block: 1rem; text-align: center; @@ -53,15 +17,24 @@ .container { display: flex; - align-items: center; justify-content: space-between; + + @include media-breakpoint-up('sm') { + display: grid; + grid-template-columns: repeat(3, 1fr); + } } .app-footer__community { display: none; + text-align: center; @include media-breakpoint-up('sm') { display: initial; } } + + .app-footer__link { + text-align: right; + } } diff --git a/frontend/stylesheets/components/_app-hero.scss b/frontend/stylesheets/components/_app-hero.scss index 4aafeb8b..fce49e82 100644 --- a/frontend/stylesheets/components/_app-hero.scss +++ b/frontend/stylesheets/components/_app-hero.scss @@ -3,7 +3,7 @@ align-items: center; padding: 2rem 0; - background-color: $primary; + background-color: $black; &__heading { font-weight: 500; diff --git a/frontend/stylesheets/components/_app-navigation.scss b/frontend/stylesheets/components/_app-navigation.scss index e5aae1ac..9a49ee09 100644 --- a/frontend/stylesheets/components/_app-navigation.scss +++ b/frontend/stylesheets/components/_app-navigation.scss @@ -74,7 +74,7 @@ height: 75%; opacity: 0; - background-color: var(--color-brand-primary); + background-color: $black; border-radius: 1rem; transition: all variables.$base-animation-duration variables.$base-animation-timing; } diff --git a/frontend/stylesheets/components/_form-mailing-list.scss b/frontend/stylesheets/components/_form-mailing-list.scss index 6b7ccca0..bd4f055f 100644 --- a/frontend/stylesheets/components/_form-mailing-list.scss +++ b/frontend/stylesheets/components/_form-mailing-list.scss @@ -2,11 +2,21 @@ position: relative; .form__control { + font-size: map-get($font-sizes, 'xs'); + border-radius: var(--bs-border-radius-lg); + @include media-breakpoint-up('sm') { + font-size: map-get($font-sizes, 'sm'); + } + @include media-breakpoint-up('md') { padding-right: 155px; } + + @include media-breakpoint-up('lg') { + font-size: map-get($font-sizes, 'lg'); + } } .btn { diff --git a/frontend/stylesheets/layouts/_default.scss b/frontend/stylesheets/layouts/_default.scss index b62bb8a4..a5d8fb76 100755 --- a/frontend/stylesheets/layouts/_default.scss +++ b/frontend/stylesheets/layouts/_default.scss @@ -40,5 +40,29 @@ .app-hero ~ .app-content { padding-top: 0; - } + } + + .mailing-list { + padding: 2rem; + + color: $white; + text-align: center; + + background-color: black; + + &__text { + padding: 0 2rem; + + @include media-breakpoint-up('md') { + padding: 0; + } + } + + .form-mailing-list { + @include media-breakpoint-up('md') { + @include make-col(6); + @include make-col-offset(3); + } + } + } } diff --git a/frontend/stylesheets/screens/_home.scss b/frontend/stylesheets/screens/_home.scss index 6c04e488..fa9ab82b 100644 --- a/frontend/stylesheets/screens/_home.scss +++ b/frontend/stylesheets/screens/_home.scss @@ -1,15 +1,9 @@ body.home .app-hero { + + color: $primary; text-align: center; - background: { - image: url('/images/home/hero-background.png'); - repeat: no-repeat; - position: center; - } - - @include media-breakpoint-up('md') { - height: rem(460px); - } + background: $white; &__subheading { display: block; @@ -17,10 +11,18 @@ body.home .app-hero { text-transform: uppercase; } - .btn { - margin-top: 2rem; - font-size: map-get($font-sizes, 'lg'); - border-radius: var(--bs-border-radius-lg); + &__mailing-list { + width: 80%; + margin: 2rem auto 0; + + @include media-breakpoint-up('lg') { + width: 50%; + margin-top: 3rem; + } + } + + &__text { + color: $body-color; } } @@ -32,30 +34,11 @@ body.home .app-content { } } -body.home .speaker-lineup { - .list-speaker, - .btn { - margin-top: 1rem; - - @include media-breakpoint-up('sm') { - margin-top: 2rem; - } - } -} - body.home .sponsors { .list-sponsor { justify-content: center; padding-left: 0; - - &--silver,&--speaker { - .list-sponsor__company { - @include media-breakpoint-up('sm') { - @include make-col(3); - } - } - } @include media-breakpoint-up('sm') { margin-inline: auto; @@ -63,14 +46,16 @@ body.home .sponsors { } &.list-sponsor--silver { - @include media-breakpoint-up('sm') { - width: 75% + @include media-breakpoint-up('md') { + width: 85% } } - &.list-sponsor--speaker { + .btn { + width: 80%; + @include media-breakpoint-up('sm') { - width: 60% + width: auto; } } } diff --git a/src/_components/footer.liquid b/src/_components/footer.liquid index 906bcf2b..3a95347b 100644 --- a/src/_components/footer.liquid +++ b/src/_components/footer.liquid @@ -1,12 +1,4 @@