HTML document, ASCII text
1
{% extends "default.html" %}
2
{% block title %}
3
Welcome
4
{% endblock %}
5
{% block breadcrumbs %}
6
{% endblock %}
7
{% block nav %}
9
{% endblock %}
10
{% block content %}
12
<style>
13
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
14
#home-banner {
16
background-image: radial-gradient(circle, #2196F3 0%, #1976D2 50%, #0D47A1 100%);
17
color: #ffffff;
18
height: 320px;
19
}
20
#home-banner .button {
22
background-color: var(--color-accent);
23
color: var(--color-accent-text);
24
border: none;
25
}
26
#home-banner a {
28
color: inherit;
29
}
30
</style>
31
<x-hbox id="home-banner" style="justify-content: center; align-items: stretch;">
32
<x-frame class="inner" style="--width: 768px; padding: 24px; margin: 0; justify-content: center; display: flex; flex-direction: column;">
33
<x-vbox style="justify-content: center; align-items: stretch;">
34
<div>
35
<h1 class="headline" style="font-family: 'League Gothic'; text-transform: uppercase;">The roundabout to all your code</h1>
36
<p>Git repository hosting, made simple. Powered by free software.</p>
37
</div>
38
<x-buttonbox class="box-center">
40
<a class="button" href="/accounts">Log in or sign up</a>
41
<a class="button" href="/download">Download</a>
42
<p style="opacity: 0.75;">for setting up your own instance</p>
43
</x-buttonbox>
44
<x-hbox>
46
<a href="/about">System Info</a>
47
<a href="/help">Help & FAQ</a>
48
<a href="mailto:{{ config.CONTACT_EMAIL }}">Contact Us</a>
49
</x-hbox>
50
</x-vbox>
51
</x-frame>
52
<x-frame style="--width: 384px; margin: 0;">
53
<x-vbox style="justify-content: center; align-items: center; height: 100%; align-self: stretch;">
54
<video controls style="box-shadow: var(--shadow-navbar); width: 100%; display: block;">
55
<source src="https://upload.wikimedia.org/wikipedia/commons/c/cd/All4sounds_-_Cloud_Time_lapse.webm">
56
</video>
57
</x-vbox>
58
</x-frame>
59
</x-hbox>
60
<x-vbox>
61
<x-frame style="--width: 768px;">
62
<x-rows style="--preferred-width: 40%;" class="homogenous">
63
<article class="card">
64
<figure>
65
<img src="//placekitten.com/1280/720">
66
</figure>
67
<section class="card-main" role="main">
68
<h2 style="font-family: 'League Gothic'; font-size: 3em;">Git Repository Hosting</h2>
69
<ul>
70
<li>Public, unlisted (public, but not indexed) and private repositories</li>
71
<li>Access and permission control</li>
72
<li>Use with the Git Smart HTTPS protocol for easy collaboration</li>
73
</ul>
74
</section>
75
</article>
76
<article class="card">
77
<figure>
78
<img src="//placekitten.com/1024/576">
79
</figure>
80
<section class="card-main">
81
<h2 style="font-family: 'League Gothic'; font-size: 3em;">Discussions and Collaboration</h2>
82
<ul>
83
<li>Flexible pull requests and patch system, even nested</li>
84
<li>A powerful forum for issues, code review, discussions, questions, announcements and more</li>
85
</ul>
86
</section>
87
</article>
88
<article class="card">
89
<figure>
90
<img src="//placekitten.com/1920/1080">
91
</figure>
92
<section class="card-main">
93
<h2 style="font-family: 'League Gothic'; font-size: 3em;">Social</h2>
94
<ul>
95
<li>Follow your favourite projects and receive updates</li>
96
<li>Discover new, popular and useful projects</li>
97
</ul>
98
</section>
99
</article>
100
<article class="card">
101
<figure>
102
<img src="//placekitten.com/960/540">
103
</figure>
104
<section class="card-main">
105
<h2 style="font-family: 'League Gothic'; font-size: 3em;">Free</h2>
106
<ul>
107
<li>100% free/libre software, running on GNU/Linux</li>
108
<li>Host your own instance</li>
109
<li>No more vendor lock-in</li>
110
</ul>
111
</section>
112
</article>
113
</x-rows>
114
</x-frame>
115
</x-vbox>
116
{% endblock %}
117