mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/assets/bundle.css
View File

@ -27,11 +27,11 @@ body header, body footer, body .fullWidth {
grid-column: 1/-1; grid-column: 1/-1;
} }
body aside.left { body .left {
grid-column: 1; grid-column: 1;
} }
body aside.right { body .right {
grid-column: 3; grid-column: 3;
} }
@ -81,11 +81,11 @@ a {
color: #de8957; color: #de8957;
} }
aside.logo { .logo {
justify-self: center; justify-self: center;
} }
aside.logo img { .logo img {
height: 30vh; height: 30vh;
} }
@ -164,7 +164,7 @@ footer a {
grid-template-columns: 1fr 92% 1fr; grid-template-columns: 1fr 92% 1fr;
} }
body footer, body aside.left, body aside.right { body footer, body .left, body .right {
grid-column: 2; grid-column: 2;
} }

8
web/source/style.css
View File

@ -34,11 +34,11 @@ body {
grid-column: 1/-1; grid-column: 1/-1;
} }
aside.left { .left {
grid-column: 1; grid-column: 1;
} }
aside.right { .right {
grid-column: 3; grid-column: 3;
} }
} }
@ -89,7 +89,7 @@ a {
color: $acc1; color: $acc1;
} }
aside.logo { .logo {
justify-self: center; justify-self: center;
img { img {
height: 30vh; height: 30vh;
@ -171,7 +171,7 @@ footer {
body { body {
grid-template-columns: 1fr 92% 1fr; grid-template-columns: 1fr 92% 1fr;
footer, aside.left, aside.right { footer, .left, .right {
grid-column: 2; grid-column: 2;
} }
} }

14
web/template/index.tmpl
View File

@ -1,16 +1,14 @@
{{ template "header.tmpl" .}} {{ template "header.tmpl" .}}
<aside class="left logo"> <div class="left logo">
<img src="/assets/sloth.png" alt="Clipart styled sloth logo"> <img src="/assets/sloth.png" alt="Clipart styled sloth logo">
</aside> </div>
<section> <section>
<h1>Home to <span class="count">{{.instance.Stats.user_count}}</span> users <h1>Home to <span class="count">{{.instance.Stats.user_count}}</span> users
who posted <span class="count">{{.instance.Stats.status_count}}</span> statuses, who posted <span class="count">{{.instance.Stats.status_count}}</span> statuses,
federating with <span class="count">{{.instance.Stats.domain_count}}</span> other instances.</h1> federating with <span class="count">{{.instance.Stats.domain_count}}</span> other instances.</h1>
<div className="short-description">
<h3>This is the default landing page, you can edit it from <span class="accent">./web/template/index.tmpl</span></h1>
<p>
{{.instance.ShortDescription |noescape}} {{.instance.ShortDescription |noescape}}
</p> </div>
</section> </section>
<section class="apps"> <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> <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> </svg>
<div> <div>
<h3>Pinafore</h3> <h2>Pinafore</h2>
<p>Pinafore is a web client designed for speed and simplicity.</p> <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 class="button" href="https://pinafore.social/settings/instances/add">Use Pinafore</a>
</div> </div>
@ -32,7 +30,7 @@
<div class="entry"> <div class="entry">
<img class="logo" src="/assets/tusky.svg" alt="The Tusky mascot, a cartoon elephant tooting happily"/> <img class="logo" src="/assets/tusky.svg" alt="The Tusky mascot, a cartoon elephant tooting happily"/>
<div> <div>
<h3>Tusky</h3> <h2>Tusky</h2>
<p>Tusky is a lightweight mobile client for Android</p> <p>Tusky is a lightweight mobile client for Android</p>
<a class="button" href="https://tusky.app">Get Tusky</a> <a class="button" href="https://tusky.app">Get Tusky</a>
</div> </div>