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