HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
{% trans %}Welcome{% endtrans %}
4
{% endblock %}
5
{% block breadcrumbs %}
6
{% endblock %}
7
{% block nav %}
9
{% endblock %}
10
{% block seo %}
12
<meta name="description" content="{% trans %}Host your git repositories at roundabout-host.com. We only use free software.{% endtrans %}">
13
{% endblock %}
14
{% block content %}
16
<style>
17
#home-banner {
18
background-image: radial-gradient(circle, #2196F3 0%, #1976D2 50%, #0D47A1 100%);
19
color: #ffffff;
20
height: 100%;
21
}
22
#home-banner .button {
24
background-color: var(--color-accent);
25
color: var(--color-accent-text);
26
border: none;
27
}
28
#home-banner a {
30
color: inherit;
31
}
32
</style>
33
<x-hbox id="home-banner" style="justify-content: center; align-items: stretch;">
34
<x-frame class="inner" style="--width: 768px; padding: 24px; margin: 0; justify-content: center; display: flex; flex-direction: column;">
35
<x-vbox style="justify-content: center; align-items: stretch;">
36
<div>
37
<h1 class="headline">roundabout-host.com</h1>
38
<p>{% trans %}Easy git repository hosting, with free software{% endtrans %}</p>
39
</div>
40
<x-buttonbox class="box-center">
42
<a class="button" href="/accounts">{% trans %}Log in or sign up{% endtrans %}</a>
43
<a class="button" href="https://roundabout-host.com/roundabout/roundabout">{% trans %}Download{% endtrans %}</a>
44
<p style="opacity: 0.75;">{% trans %}for setting up your own instance{% endtrans %}</p>
45
</x-buttonbox>
46
<x-hbox>
48
<a href="/about">{% trans %}System Info{% endtrans %}</a>
49
<a href="/help">{% trans %}Help & FAQ{% endtrans %}</a>
50
<a href="mailto:{{ config.CONTACT_EMAIL }}">{% trans %}Contact Us{% endtrans %}</a>
51
</x-hbox>
52
</x-vbox>
53
</x-frame>
54
<x-frame style="--width: 384px; margin: 0;">
55
<x-vbox style="justify-content: center; align-items: center; height: 100%; align-self: stretch;">
56
</x-vbox>
57
</x-frame>
58
</x-hbox>
59
{% endblock %}
60