diff --git a/app/setup.php b/app/setup.php index dd30f84..2791ea4 100644 --- a/app/setup.php +++ b/app/setup.php @@ -86,6 +86,18 @@ add_action('widgets_init', function () { 'name' => __('Home Block 5', 'aldine'), 'id' => 'home-block-5' ] + $config); + register_sidebar([ + 'name' => __('Footer Block 1', 'aldine'), + 'id' => 'footer-block-1' + ] + $config); + register_sidebar([ + 'name' => __('Footer Block 2', 'aldine'), + 'id' => 'footer-block-2' + ] + $config); + register_sidebar([ + 'name' => __('Footer Block 3', 'aldine'), + 'id' => 'footer-block-3' + ] + $config); }); /** diff --git a/resources/assets/images/pb.png b/resources/assets/images/pb.png new file mode 100644 index 0000000..7aad87c Binary files /dev/null and b/resources/assets/images/pb.png differ diff --git a/resources/assets/images/pb.svg b/resources/assets/images/pb.svg new file mode 100644 index 0000000..e0d0dfd --- /dev/null +++ b/resources/assets/images/pb.svg @@ -0,0 +1,10 @@ + + + + Untitled 5 + Created with Sketch. + + + + + \ No newline at end of file diff --git a/resources/assets/images/pb@2x.png b/resources/assets/images/pb@2x.png new file mode 100644 index 0000000..5bf82fb Binary files /dev/null and b/resources/assets/images/pb@2x.png differ diff --git a/resources/assets/styles/layouts/_footer.scss b/resources/assets/styles/layouts/_footer.scss index 7e694e4..6d680df 100644 --- a/resources/assets/styles/layouts/_footer.scss +++ b/resources/assets/styles/layouts/_footer.scss @@ -1,5 +1,43 @@ .content-info { - .powered-by { + .network-footer { + background: $brand-secondary; + margin-bottom: 0; + padding: 60px 42.5px 40px; + font-family: Karla, sans-serif; + font-size: 16px; + color: $white; + + ul { + margin: 0; + padding: 0; + list-style: none; + text-align: center; + font-weight: 600; + line-height: 36px; + } + + a { + color: $white; + text-decoration: none; + } + + .footer-block-1 { + margin: 0 -5px; + padding: 0 0 40px; + } + + .footer-block-2 { + padding: 30px 7.5px; + border-top: solid 1px $white; + } + + .footer-block-3 { + padding: 30px 7.5px 0; + border-top: solid 1px $white; + } + } + + .pressbooks-footer { display: flex; position: relative; flex-direction: column; @@ -11,6 +49,7 @@ font-size: 14px; h1, + li, a { color: $white; font-family: Karla, sans-serif; @@ -29,6 +68,16 @@ } } + h1 a { + border-bottom: solid 1px $dark-grey; + transition: all 0.4s; + + &:hover, + &:focus { + border-bottom: solid 1px $white; + } + } + ul { display: none; margin: 0; @@ -59,7 +108,42 @@ @media (min-width: $medium) { .content-info { - .powered-by { + .network-footer { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + + ul { + text-align: left; + } + + .footer-block-1, + .footer-block-2, + .footer-block-3 { + display: flex; + align-items: center; + height: 142.5px; + margin: 0; + padding: 0 69.5px; + } + + .footer-block-1 { + border-right: solid 1px $white; + } + + .footer-block-2 { + border-top: 0; + border-right: solid 1px $white; + } + + .footer-block-3 { + border-top: 0; + // TODO + } + } + + .pressbooks-footer { flex-direction: row; justify-content: space-between; height: 106.76px; @@ -92,17 +176,6 @@ } } - h1 a, - li a { - border-bottom: solid 1px $dark-grey; - transition: all 0.4s; - - &:hover, - &:focus { - border-bottom: solid 1px $white; - } - } - .pressbooks-icon { display: block; line-height: 1; @@ -119,3 +192,16 @@ } } } + +@media (min-width: $extra-large) { + .content-info { + .network-footer { + ul { + li { + display: inline-block; + margin-right: 3em; + } + } + } + } +} diff --git a/resources/views/partials/footer.blade.php b/resources/views/partials/footer.blade.php index 0d4c97a..a702cee 100644 --- a/resources/views/partials/footer.blade.php +++ b/resources/views/partials/footer.blade.php @@ -1,15 +1,37 @@