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