HTML document, Unicode text, UTF-8 text
1
{% extends "default.html" %}
2
{% block title %}
3
{% trans %}About{% endtrans %}
4
{% endblock %}
5
{% block breadcrumbs %}
6
<li><a href="/about">{% trans %}Information{% endtrans %}</a></li>
7
{% endblock %}
8
{% block seo %}
9
<meta name="description" content="{% trans %}Repository hosting for everyone.{% endtrans %}">
10
{% endblock %}
11
{% block content %}
12
<style>
13
main {
14
height: 100%;
15
flex: 1 0 auto;
16
}
17
#about-page {
19
background-image: linear-gradient(to bottom, #2196F3 0%, #1976D2 50%, #0D47A1 100%);
20
top: 0;
21
color: #ffffff;
22
padding: 96px;
23
align-items: center;
24
justify-content: center;
25
text-align: center;
26
}
27
#logo {
29
position: absolute;
30
width: 100%;
31
height: 100%;
32
background-image: url("/static/logo.svg");
33
background-size: contain;
34
z-index: 1;
35
}
36
#logo-shadow {
38
width: clamp(240px, 15vw, 512px);
39
aspect-ratio: 1/1;
40
position: relative;
41
filter:
42
drop-shadow(0 48px 64px #00000040)
43
drop-shadow(0 16px 16px #00000020)
44
drop-shadow(0 0 4px #00000030);
45
}
46
#logo.spinning {
48
animation: spin 625ms cubic-bezier(0.16, 1, 0.3, 1);
49
}
50
@keyframes spin {
52
0% {
53
transform: rotate(120deg);
54
}
55
100% {
56
transform: rotate(0deg);
57
}
58
}
59
#tagline {
61
font-style: italic;
62
font-size: 1.25em;
63
}
64
</style>
65
<x-vbox id="about-page">
66
<div id="logo-shadow">
67
<div id="logo" onmousedown="waitForAnimation(this, 'spinning');"></div>
68
</div>
69
<h1 class="headline"><b>{% trans %}Roundabout{% endtrans %}</b> β {{ version }}</h1>
70
<span id="tagline">{% trans %}Repository hosting for everyone.{% endtrans %}</span>
71
{% trans %}Beta version; features and polish may be missing.{% endtrans %}
72
<x-frame style="--width: 768px; --height: auto; text-align: initial;" id="infos">
73
<article class="card">
74
<section class="card-main">
75
<h2>{% trans %}Source{% endtrans %}</h2>
76
<p>
77
<a href="https://roundabout-host.com/roundabout/roundabout">
78
{% trans %}The source code for the Roundabout software is available here.{% endtrans %}
79
</a>
80
</p>
81
</section>
82
<section class="card-main">
83
<h2>{% trans %}Licensing{% endtrans %}</h2>
84
<p>
85
{% trans %}Roundabout is free software available under the GNU AGPLv3. You are free to use, study, modify and/or distribute both the server and client programs, and to host your own instance.{% endtrans %}
86
</p>
87
<h5 style="display: inline;">{% trans %}Copyright 2024, Roundabout contributors{% endtrans %}</h5>
88
<p>
89
{% trans %}This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.{% endtrans %}
90
</p>
91
<p>
92
{% trans %}This program is distributed in the hope that it will be useful, but without any warranty; without even the implied warranty of merchantability or fitness for a particular purpose. See the GNU General Public License for more details.{% endtrans %}
93
</p>
94
<p>
95
{% trans %}You should have received a copy of the GNU General Public License along with this program. If not, see the GNU website.{% endtrans %} <a href="https://www.gnu.org/licenses/">the GNU website</a>.
96
</p>
97
<a href="https://www.gnu.org/licenses/agpl-3.0.html">{% trans %}Click to view a copy of the GNU AGPL{% endtrans %}</a>
98
</section>
99
</article>
100
<article class="card">
101
<section class="card-main">
102
<h2>{% trans %}Server information{% endtrans %}</h2>
103
<ul>
104
<li><b>{% trans %}Operating System:{% endtrans %}</b> {{ platform.platform() }}</li>
105
</ul>
106
</section>
107
</article>
108
</x-frame>
109
</x-vbox>
110
<script>
111
function waitForAnimation(element, className) {
112
element.classList.add(className);
113
const stop = () => {
115
element.classList.remove(className);
116
element.removeEventListener("animationend", stop);
117
};
118
element.addEventListener("animationend", stop);
120
}
121
</script>
122
{% endblock %}
123