forgejo-overrides/templates/home.tmpl
2024-12-16 18:09:24 +08:00

105 lines
No EOL
2 KiB
Cheetah

{{template "base/head" .}}
<style>
/* TODO: Responsiveness */
.inner {
max-width: 950px;
margin-left: auto;
margin-right: auto;
}
main #hero {
background-repeat: no-repeat;
background-position: center bottom;
}
main #hero .inner {
display: flex;
padding: 4em 0;
}
main #hero .logo {
margin-top: 2em;
flex: 1 1 0;
display: flex;
justify-content: center;
align-items: center;
}
main #hero .logo>img {
width: 250px;
}
.title {
font-weight: bold;
flex: 2 1 0;
margin: 2em 0;
}
.title h1 {
font-weight: 900;
font-size: 3em;
}
.title>div {
margin-left: 1em;
}
.title>div p {
font-size: 1.25em;
}
.title>.title-links {
margin-top: 1em;
}
.title>.title-links a {
font-size: 1.5em;
}
#lower {
padding: 2em 0;
border-top: 2px solid var(--color-box-header);
background-color: var(--color-box-body);
}
#lower p {
font-size: 1.125em;
}
</style>
<main>
<section id="hero">
<div class="inner">
<div class="logo" role="img" aria-label="Astrial Git logo" aria-hidden="true" focusable="false">
<img src="{{AssetUrlPrefix}}/img/logo.png">
</div>
<div class="title">
<h1>Astrial Git</h1>
<div>
<p>Astrial Git is a star-powered semi-public software forge! We
provide source code hosting, collaboration tools and everything else you can expect from a
modern Git host. (CI coming soon&trade;).</p>
<div class="title-links">
<a href="https://astrial.org">DIRECTORY</a>
</div>
</div>
</div>
</div>
</section>
<section id="lower">
<div class="inner">
<p>There's not much to do here without an account. Request an account by sending us an email listed on the
<a href="https://astrial.org">directory</a>, or <a href="/explore">explore</a> public repositories
hosted here.
</p>
<p>Already got an account? Great! Sign in with your Astrial account on the <a href="/user/login">login</a>
page.</p>
</div>
</section>
</main>
{{template "base/footer" .}}