frontpage template tweaks (#99)

This commit is contained in:
f0x52 2021-07-13 18:40:47 +02:00 committed by GitHub
parent f05b255511
commit eef88ae31d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 17 deletions

View file

@ -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;
}

View file

@ -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;
}
}

View file

@ -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>