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 <f0x@cthu.lu>
---
 web/template/index.tmpl | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'web/template/index.tmpl')

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" .}}
+<section class="excerpt_top">
+	home to <span class="count">{{.instance.Stats.user_count}}</span> users
+		who posted <span class="count">{{.instance.Stats.status_count}}</span> statuses,
+		federating with  <span class="count">{{.instance.Stats.domain_count}}</span> other instances.
+</section>
 <main class="lightgray">
-
 	<section>
-		<h1>Home to <span class="count">{{.instance.Stats.user_count}}</span> users
-			who posted <span class="count">{{.instance.Stats.status_count}}</span> statuses,
-			federating with  <span class="count">{{.instance.Stats.domain_count}}</span> other instances.</h1>
 		<div className="short-description">
 			{{.instance.ShortDescription |noescape}}
 		</div>
 	</section>
-	
 	<section class="apps">
 		<p>
-			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:
 		</p>
 		<div class="applist">
 			<div class="entry">
@@ -25,7 +25,7 @@
 				<div>
 					<h2>Pinafore</h2>
 					<p>Pinafore is a web client designed for speed and simplicity.</p>
-					<a class="button" href="https://pinafore.social/settings/instances/add">Use Pinafore</a>
+					<a href="https://pinafore.social/settings/instances/add">Use Pinafore</a>
 				</div>
 			</div>
 			<div class="entry">
@@ -33,7 +33,7 @@
 				<div>
 					<h2>Tusky</h2>
 					<p>Tusky is a lightweight mobile client for Android</p>
-					<a class="button" href="https://tusky.app">Get Tusky</a>
+					<a href="https://tusky.app">Get Tusky</a>
 				</div>
 			</div>
 		</div>
-- 
cgit v1.3