by roundabout, Thursday, 2 January 2025, 20:27:23 (1735849643), pushed by roundabout, Thursday, 2 January 2025, 20:27:26 (1735849646)
Author identity: vlad <vlad.muntoiu@gmail.com>
1953041bcf4db065739c47166f20f1598fdca1df
templates/about.html
@@ -14,6 +14,7 @@
height: 100%;
flex: 1 0 auto;
}
#about-page {
background-image: linear-gradient(to bottom, #2196F3 0%, #1976D2 50%, #0D47A1 100%);
top: 0;
@@ -23,6 +24,7 @@
justify-content: center;
text-align: center;
}
#logo {
position: absolute;
width: 100%;
@@ -31,6 +33,7 @@
background-size: contain;
z-index: 1;
}
#logo-shadow {
width: clamp(240px, 15vw, 512px);
aspect-ratio: 1/1;
@@ -40,9 +43,11 @@
drop-shadow(0 16px 16px #00000020)
drop-shadow(0 0 4px #00000030);
}
#logo.spinning {
animation: spin 625ms cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes spin {
0% {
transform: rotate(120deg);
@@ -56,14 +61,6 @@
font-style: italic;
font-size: 1.25em;
}
footer {
display: none;
}
.navrail {
display: none;
}
</style>
<x-vbox id="about-page">
<div id="logo-shadow">
templates/no-home.html
@@ -18,6 +18,14 @@
background-image: radial-gradient(circle, #2196F3 0%, #1976D2 50%, #0D47A1 100%);
color: #ffffff;
height: 100%;
padding: 16px 8px;
}
@media (max-width: 768px) {
#home-banner {
flex-direction: column;
text-align: center;
}
}
#home-banner .button {
@@ -30,8 +38,8 @@
color: inherit;
}
</style>
<x-hbox id="home-banner" style="justify-content: center; align-items: stretch;">
<x-frame class="inner" style="--width: 768px; padding: 24px; margin: 0; justify-content: center; display: flex; flex-direction: column;">
<x-hbox id="home-banner" style="justify-content: center; align-items: center;">
<x-frame class="inner" style="--width: 768px; padding: 24px; margin: 0; justify-content: center; display: flex; flex-direction: column; --height: auto;">
<x-vbox style="justify-content: center; align-items: stretch;">
<div>
<h1 class="headline">roundabout-host.com</h1>
@@ -51,8 +59,34 @@
</x-hbox>
</x-vbox>
</x-frame>
<x-frame style="--width: 384px; margin: 0;">
<x-vbox style="justify-content: center; align-items: center; height: 100%; align-self: stretch;">
<x-frame class="inner" style="--width: 384px; margin: 0; --height: auto;">
<x-vbox style="justify-content: center; align-items: stretch;">
<div>
<h2>{% trans %}Git hosting{% endtrans %}</h2>
<p>
{% trans %}
Simple git/HTTP hosting for your repositories, with experimental
decentralised merging.
{% endtrans %}
</p>
</div>
<div>
<h2>{% trans %}Free software{% endtrans %}</h2>
<p>
{% trans %}
100% AGPLv3 server software guarantees your freedoms.
{% endtrans %}
</p>
</div>
<div>
<h2>{% trans %}Communication{% endtrans %}</h2>
<p>
{% trans %}
Repository forums for discussing issues, questions, feature requests and
more, with formatting and powerful organisation tools.
{% endtrans %}
</p>
</div>
</x-vbox>
</x-frame>
</x-hbox>