From 9a7c8926f5b2b80a66f34953a34827ac4eae3a97 Mon Sep 17 00:00:00 2001 From: tobi <31960611+tsmethurst@users.noreply.github.com> Date: Mon, 8 Jul 2024 18:12:33 +0200 Subject: [PATCH] [chore/frontend] Put ActivityPub logo on index page (#3087) * [chore/frontend] Put ActivityPub logo on index page * tidy up * embiggen the logo a bit * use light logo instead * ensmallen link container --- web/assets/activitypub_light.svg | 328 +++++++++++++++++++++++++++ web/source/css/index.css | 14 ++ web/template/index_what_is_this.tmpl | 19 +- 3 files changed, 359 insertions(+), 2 deletions(-) create mode 100644 web/assets/activitypub_light.svg diff --git a/web/assets/activitypub_light.svg b/web/assets/activitypub_light.svg new file mode 100644 index 000000000..8a2126224 --- /dev/null +++ b/web/assets/activitypub_light.svg @@ -0,0 +1,328 @@ + + + + + ActivityPub logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + ActivityPub logo + + 2017-04-15 + + + Robert Martinez + + + + + ActivityPub + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/source/css/index.css b/web/source/css/index.css index b7145b7d9..59909ec33 100644 --- a/web/source/css/index.css +++ b/web/source/css/index.css @@ -61,6 +61,20 @@ } } +.what-is-this .about-section-contents .activitypub-logo-wrapper { + display: flex; + flex-direction: column; + max-width: fit-content; + gap: 0.5rem; + + .activitypub-logo { + background: $fg; + box-shadow: $boxshadow; + border-radius: $br; + max-width: 100%; + } +} + .apps { align-self: start; diff --git a/web/template/index_what_is_this.tmpl b/web/template/index_what_is_this.tmpl index 139a5bd12..32ca6ed2f 100644 --- a/web/template/index_what_is_this.tmpl +++ b/web/template/index_what_is_this.tmpl @@ -30,9 +30,24 @@

"Instance" is a term commonly used for one node in the fediverse. Each instance has its own web address, user(s), culture, rules, and settings. Instances exchange - data by "talking" to each other over the internet using a protocol called - ActivityPub (opens in a new tab). + data by "talking" to each other over the internet using a protocol called ActivityPub.

+ + + Learn more about ActivityPub (opens in a new tab). +

Each instance can, in theory, talk to each other instance, allowing people to talk to one another across a decentralized network that has no single authority in charge.