separate index page styling

internal/web/base.go

@@ -43,5 +43,8 @@ func (m *Module) baseHandler(c *gin.Context) {
 	c.HTML(http.StatusOK, "index.tmpl", gin.H{
 		"instance": instance,
 		"ogMeta":   ogBase(instance),
+		"stylesheets": []string{
+			distPathPrefix + "/index.css",
+		},
 	})
 }

web/source/css/base.css

@@ -95,14 +95,14 @@ header {
 }
 
 header a {
-	margin: 2rem;
 	display: flex;
 	flex-wrap: wrap;
-	gap: 2rem;
+	margin: 1.5rem;
+	gap: 1rem;
 
 	img {
 		align-self: center;
-		height: 6rem;
+		height: 3rem;
 	}
 
 	div {
@@ -111,6 +111,7 @@ header a {
 		display: flex;
 
 		h1 {
+			font-size: 1.5rem;
 			word-wrap: anywhere;
 			align-self: center;
 			color: $fg;
@@ -132,15 +133,6 @@ header a {
 }
 
 main {
-	section {
-		background: $bg-accent;
-		box-shadow: $boxshadow;
-		border: $boxshadow-border;
-		border-radius: $br;
-		padding: 2rem;
-		margin-bottom: 2rem;
-	}
-
 	p:first-child {
 		margin-top: 0;
 	}

web/source/css/index.css

@@ -0,0 +1,43 @@
+/*
+	GoToSocial
+	Copyright (C) 2021-2023 GoToSocial Authors admin@gotosocial.org
+
+	This program is free software: you can redistribute it and/or modify
+	it under the terms of the GNU Affero General Public License as published by
+	the Free Software Foundation, either version 3 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU Affero General Public License for more details.
+
+	You should have received a copy of the GNU Affero General Public License
+	along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+header a {
+	margin: 2rem;
+	gap: 2rem;
+
+	img {
+		height: 6rem;
+	}
+
+	div {
+		h1 {
+			font-size: 2rem;
+		}
+	}
+}
+
+main {
+	section {
+		background: $bg-accent;
+		box-shadow: $boxshadow;
+		border: $boxshadow-border;
+		border-radius: $br;
+		padding: 2rem;
+		margin-bottom: 2rem;
+	}
+}