diff --git a/resources/assets/components/landing/Index.vue b/resources/assets/components/landing/Index.vue index d5aa42f81..09bf62d00 100644 --- a/resources/assets/components/landing/Index.vue +++ b/resources/assets/components/landing/Index.vue @@ -31,7 +31,7 @@
{{ config.domain }}
- Decentralized photo sharing social media powered by Pixelfed + Decentralized photo sharing social media powered by Pixelfed
- @{{ account.username }} + @{{ account.username }}
- Help - · - Terms - · - Privacy - · - Mobile Apps -
-- © {{ getYear() }} {{config.domain}} - · - Powered by Pixelfed - · - v{{config.version}} -
+ diff --git a/resources/assets/sass/landing.scss b/resources/assets/sass/landing.scss index bfdf69154..11857186a 100644 --- a/resources/assets/sass/landing.scss +++ b/resources/assets/sass/landing.scss @@ -206,6 +206,75 @@ body { } } +.footer-component { + padding: 3rem 1rem 1rem 1rem; + + &-links { + display: flex; + flex-direction: column; + gap: 1rem; + align-items: center; + margin-bottom: 3rem; + font-size: 15px; + + a { + color: #94a3b8; + font-weight: 700; + text-transform: uppercase; + } + + .spacer { + display: none; + + @include media-breakpoint-up(md) { + color: #64748b; + display: block !important; + } + } + } + + &-attribution { + display: flex; + flex-direction: column; + gap: 0.5rem; + align-items: center; + color: #64748b; + font-size: 13px; + + a { + color: #64748b; + font-weight: 700; + } + + .spacer { + display: none; + + @include media-breakpoint-up(md) { + color: #64748b; + display: block !important; + } + } + } + + @include media-breakpoint-up(md) { + padding: 3rem 0; + + &-links { + margin-bottom: 1rem; + flex-direction: row; + justify-content: center; + font-size: 13px; + } + + &-attribution { + flex-direction: row; + justify-content: center; + font-size: 11.5px; + } + } + +} + .landing-index-component { width: 100%; overflow: hidden;