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