about.html
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> 13main { 14height: 100%; 15flex: 1 0 auto; 16} 17#about-page { 18background-image: linear-gradient(to bottom, #2196F3 0%, #1976D2 50%, #0D47A1 100%); 19top: 0; 20color: #ffffff; 21padding: 96px; 22align-items: center; 23justify-content: center; 24text-align: center; 25} 26#logo { 27position: absolute; 28width: 100%; 29height: 100%; 30background-image: url("/static/logo.svg"); 31background-size: contain; 32z-index: 1; 33} 34#logo-shadow { 35width: clamp(240px, 15vw, 512px); 36aspect-ratio: 1/1; 37position: relative; 38filter: 39drop-shadow(0 48px 64px #00000040) 40drop-shadow(0 16px 16px #00000020) 41drop-shadow(0 0 4px #00000030); 42} 43#logo.spinning { 44animation: spin 625ms cubic-bezier(0.16, 1, 0.3, 1); 45} 46@keyframes spin { 470% { 48transform: rotate(120deg); 49} 50100% { 51transform: rotate(0deg); 52} 53} 54 55#tagline { 56font-style: italic; 57font-size: 1.25em; 58} 59 60footer { 61display: none; 62} 63 64.navrail { 65display: none; 66} 67</style> 68<x-vbox id="about-page"> 69<div id="logo-shadow"> 70<div id="logo" onmousedown="waitForAnimation(this, 'spinning');"></div> 71</div> 72<h1 class="headline"><b>{% trans %}Roundabout{% endtrans %}</b> β {{ version }}</h1> 73<span id="tagline">{% trans %}Repository hosting for everyone.{% endtrans %} 74<br>{% trans %}Beta version; features and polish may be missing.{% endtrans %} 75</span> 76<x-frame style="--width: 768px; --height: auto; text-align: initial;" id="infos"> 77<article class="card"> 78<section class="card-main"> 79<h2>{% trans %}Licensing{% endtrans %}</h2> 80<p> 81{% 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 %} 82</p> 83<h5 style="display: inline;">{% trans %}Copyright 2024, Roundabout contributors{% endtrans %}</h5> 84<p> 85{% 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 %} 86</p> 87<p> 88{% 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 %} 89</p> 90<p> 91{% 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>. 92</p> 93<a href="https://www.gnu.org/licenses/agpl-3.0.html">{% trans %}Click to view a copy of the GNU AGPL{% endtrans %}</a> 94</section> 95</article> 96<article class="card"> 97<section class="card-main"> 98<h2>{% trans %}Server information{% endtrans %}</h2> 99<ul> 100<li><b>{% trans %}Operating System:{% endtrans %}</b> {{ platform.platform() }}</li> 101</ul> 102</section> 103</article> 104</x-frame> 105</x-vbox> 106<script> 107function waitForAnimation(element, className) { 108element.classList.add(className); 109 110const stop = () => { 111element.classList.remove(className); 112element.removeEventListener("animationend", stop); 113}; 114 115element.addEventListener("animationend", stop); 116} 117</script> 118{% endblock %} 119