From 16ddad36b252a1dbe489b8fc58461570be9ef8b4 Mon Sep 17 00:00:00 2001 From: tobi <31960611+tsmethurst@users.noreply.github.com> Date: Mon, 4 Jul 2022 16:23:59 +0200 Subject: [frontend] Redesign / color scheme (#688) * fix css indentation * profile styling update * update status styling to match profile * empty header fix * generate random avatars for thread views * appease the linter gods * upgrade deps * turn profile accent into border + $bg background * upgrade deps * small accessibility tweaks * general redesign, clearer css variables * configure instance.Version for testrig * footer styling * add sublte borders to box-shadow for separation * accessible blues, other tweaks * background bg_accent * fix viewport * change client entry buttons to links * cw button styling * status display+username spacing * small thread view tweaks * color tweaks for accessible contrasts * use Noto Sans * biiit less dark bg * .info contrast, border Co-authored-by: f0x --- web/template/footer.tmpl | 26 +++++++++++++------------ web/template/header.tmpl | 11 +++++------ web/template/index.tmpl | 18 +++++++++--------- web/template/profile.tmpl | 5 +++-- web/template/status.tmpl | 48 ++++++++++++++++++++++++----------------------- 5 files changed, 56 insertions(+), 52 deletions(-) (limited to 'web/template') diff --git a/web/template/footer.tmpl b/web/template/footer.tmpl index 075682f60..11e14ba4d 100644 --- a/web/template/footer.tmpl +++ b/web/template/footer.tmpl @@ -1,19 +1,21 @@ + {{ if .javascript }} diff --git a/web/template/header.tmpl b/web/template/header.tmpl index b355c83be..ebee0958f 100644 --- a/web/template/header.tmpl +++ b/web/template/header.tmpl @@ -8,7 +8,6 @@ - {{range .stylesheets}} @@ -18,14 +17,14 @@

+ +

diff --git a/web/template/index.tmpl b/web/template/index.tmpl index 34d795373..715aec908 100644 --- a/web/template/index.tmpl +++ b/web/template/index.tmpl @@ -1,19 +1,19 @@ {{ template "header.tmpl" .}} +

+ home to {{.instance.Stats.user_count}} users + who posted {{.instance.Stats.status_count}} statuses, + federating with {{.instance.Stats.domain_count}} other instances. +

Home to {{.instance.Stats.user_count}} users - who posted {{.instance.Stats.status_count}} statuses, - federating with {{.instance.Stats.domain_count}} other instances.

- GoToSocial does not provide its own frontend, but implements the Mastodon client API. - You can use this server through a variety of clients: + GoToSocial does not provide its own webclient, but implements the Mastodon client API. + You can use this server through a variety of other clients:

@@ -25,7 +25,7 @@

Pinafore

Pinafore is a web client designed for speed and simplicity.

- Use Pinafore + Use Pinafore

@@ -33,7 +33,7 @@

Tusky

Tusky is a lightweight mobile client for Android

- Get Tusky + Get Tusky

diff --git a/web/template/profile.tmpl b/web/template/profile.tmpl index f05ce696e..b8e3b0f6e 100644 --- a/web/template/profile.tmpl +++ b/web/template/profile.tmpl @@ -10,9 +10,10 @@ {{ end }}

- {{if .account.DisplayName}}{{.account.DisplayName}}{{else}}{{.account.Username}}{{end}} - @{{.account.Username}} +

@{{.account.Username}}@{{.instance.Title}}

diff --git a/web/template/status.tmpl b/web/template/status.tmpl index 4fea3ef6f..a6dcc30f8 100644 --- a/web/template/status.tmpl +++ b/web/template/status.tmpl @@ -1,29 +1,31 @@ -