From 48f3d2c397271f847bf01b4113f9226bfcecb81a Mon Sep 17 00:00:00 2001 From: Daniel Supernault Date: Sat, 8 Apr 2023 00:04:01 -0600 Subject: [PATCH] Update landing components --- resources/assets/components/landing/Index.vue | 6 +- .../components/landing/partials/PostCard.vue | 8 +-- .../components/landing/partials/UserCard.vue | 12 ++-- .../components/landing/sections/footer.vue | 35 +++++----- resources/assets/sass/landing.scss | 69 +++++++++++++++++++ 5 files changed, 100 insertions(+), 30 deletions(-) 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

@@ -56,7 +56,7 @@

Managed By

- +

Contact

- {{ config.contact.email }} + {{ config.contact.email }}
diff --git a/resources/assets/components/landing/partials/PostCard.vue b/resources/assets/components/landing/partials/PostCard.vue index 2999e1536..84b77c93a 100644 --- a/resources/assets/components/landing/partials/PostCard.vue +++ b/resources/assets/components/landing/partials/PostCard.vue @@ -3,18 +3,18 @@
- +

- @{{ post.account.username }} + @{{ post.account.username }}

- Posted {{ timeago(post.created_at) }} ago - View Post + Posted {{ timeago(post.created_at) }} ago + View Post

diff --git a/resources/assets/components/landing/partials/UserCard.vue b/resources/assets/components/landing/partials/UserCard.vue index eabf20b69..6ef64ef2b 100644 --- a/resources/assets/components/landing/partials/UserCard.vue +++ b/resources/assets/components/landing/partials/UserCard.vue @@ -3,23 +3,23 @@
- +
- {{ account.name }} + {{ account.name }}

- @{{ account.username }} + @{{ account.username }}

-
{{ formatCount(account.statuses_count) }} Posts
-
{{ formatCount(account.followers_count) }} Followers
-
{{ formatCount(account.following_count) }} Following
+
{{ formatCount(account.statuses_count) }} Posts
+
{{ formatCount(account.followers_count) }} Followers
+
{{ formatCount(account.following_count) }} Following
diff --git a/resources/assets/components/landing/sections/footer.vue b/resources/assets/components/landing/sections/footer.vue index 6b9f3ed83..8733030e4 100644 --- a/resources/assets/components/landing/sections/footer.vue +++ b/resources/assets/components/landing/sections/footer.vue @@ -1,21 +1,22 @@ 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;