From e6c11a6fb219548b5c5a4aa5d344b2c3f4da5547 Mon Sep 17 00:00:00 2001 From: Dominic Masters Date: Fri, 29 Jun 2018 08:20:15 +1000 Subject: [PATCH] Styled about page a bit more --- public/images/patterns/poly.svg | 1252 ++++++++++++++++++++++++++ public/images/patterns/vert.svg | 144 +++ public/styles/pages/_about-page.scss | 23 +- 3 files changed, 1417 insertions(+), 2 deletions(-) create mode 100644 public/images/patterns/poly.svg create mode 100644 public/images/patterns/vert.svg diff --git a/public/images/patterns/poly.svg b/public/images/patterns/poly.svg new file mode 100644 index 0000000..961791f --- /dev/null +++ b/public/images/patterns/poly.svg @@ -0,0 +1,1252 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/patterns/vert.svg b/public/images/patterns/vert.svg new file mode 100644 index 0000000..0d0a658 --- /dev/null +++ b/public/images/patterns/vert.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/styles/pages/_about-page.scss b/public/styles/pages/_about-page.scss index db8ad35..0571fb9 100644 --- a/public/styles/pages/_about-page.scss +++ b/public/styles/pages/_about-page.scss @@ -11,13 +11,29 @@ * 1.0.0 - 2018/06/06 */ .p-about-page { - background-image: url('./../images/patterns/game-show.svg'); - background-size: 150% auto; &__promo { padding: 6em 0; + background-size: 150% auto; + + &-video { + background-image: url('./../images/patterns/florida.svg'); + @extend %t-dp--shadow-3d; + } + + &-programming { + background-image: url('./../images/patterns/rhythm-heaven.svg'); + @extend %t-dp--shadow-3d; + } &-platforms { + background-image: url('./../images/patterns/game-show.svg'); + @extend %t-dp--shadow-3d; + } + + &-work { + background-image: url('./../images/patterns/arcade.svg'); + @extend %t-dp--shadow-3d; } } @@ -27,6 +43,9 @@ @include t-justify-content(space-between); @include t-flex-wrap(wrap); + &-title { + } + &-brand { width: 50%; }