diff --git a/web/assets/bundle.css b/web/assets/bundle.css index ab81b9b3d..7d4eae172 100644 --- a/web/assets/bundle.css +++ b/web/assets/bundle.css @@ -27,11 +27,11 @@ body header, body footer, body .fullWidth { grid-column: 1/-1; } -body aside.left { +body .left { grid-column: 1; } -body aside.right { +body .right { grid-column: 3; } @@ -81,11 +81,11 @@ a { color: #de8957; } -aside.logo { +.logo { justify-self: center; } -aside.logo img { +.logo img { height: 30vh; } @@ -164,7 +164,7 @@ footer a { grid-template-columns: 1fr 92% 1fr; } - body footer, body aside.left, body aside.right { + body footer, body .left, body .right { grid-column: 2; } diff --git a/web/source/style.css b/web/source/style.css index 7507460f2..992e538b0 100644 --- a/web/source/style.css +++ b/web/source/style.css @@ -34,11 +34,11 @@ body { grid-column: 1/-1; } - aside.left { + .left { grid-column: 1; } - aside.right { + .right { grid-column: 3; } } @@ -89,7 +89,7 @@ a { color: $acc1; } -aside.logo { +.logo { justify-self: center; img { height: 30vh; @@ -171,7 +171,7 @@ footer { body { grid-template-columns: 1fr 92% 1fr; - footer, aside.left, aside.right { + footer, .left, .right { grid-column: 2; } } diff --git a/web/template/index.tmpl b/web/template/index.tmpl index de84d430f..6751c9bd2 100644 --- a/web/template/index.tmpl +++ b/web/template/index.tmpl @@ -1,16 +1,14 @@ {{ template "header.tmpl" .}} -<aside class="left logo"> +<div class="left logo"> <img src="/assets/sloth.png" alt="Clipart styled sloth logo"> -</aside> +</div> <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> - - <h3>This is the default landing page, you can edit it from <span class="accent">./web/template/index.tmpl</span></h1> - <p> + <div className="short-description"> {{.instance.ShortDescription |noescape}} - </p> + </div> </section> <section class="apps"> @@ -24,7 +22,7 @@ <path d="M9212 5993H5987V823c1053 667 2747 2177 3225 5170zM3100 2690A12240 12240 0 01939 6035h2161zm676 7210h2448a3067 3067 0 003067-3067H5052V627a527 527 0 00-1052 0v6206H709a3067 3067 0 003067 3067z"></path> </svg> <div> - <h3>Pinafore</h3> + <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> </div> @@ -32,7 +30,7 @@ <div class="entry"> <img class="logo" src="/assets/tusky.svg" alt="The Tusky mascot, a cartoon elephant tooting happily"/> <div> - <h3>Tusky</h3> + <h2>Tusky</h2> <p>Tusky is a lightweight mobile client for Android</p> <a class="button" href="https://tusky.app">Get Tusky</a> </div>