Updated banner with Git info, added links to social medias

This commit is contained in:
2025-03-16 09:05:28 +02:00
parent 0f030c579d
commit 4853c4a83c
15 changed files with 345 additions and 28 deletions

View File

@@ -42,8 +42,26 @@
</nav> </nav>
<div id="article"> <div id="article">
<a href="https://www.facebook.com/groups/kolibrios" target="_blank">
<img id="banner" src="../i/banners/en.png" alt="Wir sind näher gekommen. Folge uns auf Facebook!"></a> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>KolibriOS ist zu Git gewechselt!</h1>
<p>
Überprüfen Sie unsere neue Infrastruktur, die für den Komfort der Entwickler aufgebaut wurde
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a>
<p> <p>
<b>KolibriOS</b> ist ein winziges, aber unglaublich leistungsstarkes und <b>KolibriOS</b> ist ein winziges, aber unglaublich leistungsstarkes und
@@ -87,6 +105,25 @@
Ihr KolibriOS-Team Ihr KolibriOS-Team
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

View File

@@ -44,8 +44,24 @@
<div id="article"> <div id="article">
<a href="https://www.facebook.com/groups/kolibrios" target="_blank"> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<img id="banner" src="../i/banners/en.png" alt="We got closer. Follow us on Facebook!" /> <table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>KolibriOS moved to Git!</h1>
<p>
Check our new inftrastructure, built up for for the convenience of developers
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -88,12 +104,31 @@
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">
<img src="../i/logo.png" /> <img src="../i/logo.png" />
<p> <p>
&copy; 2004<script>document.write("&thinsp;&ndash;&thinsp;" + new Date().getFullYear());</script> &copy; 2004
<script>document.write("&thinsp;&ndash;&thinsp;" + new Date().getFullYear());</script>
<br /> <br />
KolibriOS Team KolibriOS Team
</p> </p>

View File

@@ -42,9 +42,25 @@
</nav> </nav>
<div id="article"> <div id="article">
<a href="../es/download.htm">
<img id="banner" class="big" src="../i/banners/es.png" <a id="banner" href="https://git.kolibrios.org" target="_blank">
alt="We got closer. KolibriOS is now avilable in Spanish!"> <table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>¡KolibriOS se ha trasladado a Git!</h1>
<p>
Consulta nuestra nueva infraestructura, creada para la comodidad de los desarrolladores
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -87,6 +103,25 @@
Equipo KolibriOS Equipo KolibriOS
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

View File

@@ -43,8 +43,25 @@
</nav> </nav>
<div id="article"> <div id="article">
<a href="https://www.facebook.com/groups/kolibrios" target="_blank">
<img id="banner" src="../i/banners/fr.png" alt="Suivez-nous sur Facebook!"> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>KolibriOS a déménagé sur Git !</h1>
<p>
Découvrez notre nouvelle infrastructure, conçue pour la commodité des développeurs
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -87,6 +104,25 @@
L'équipe de KolibriOS L'équipe de KolibriOS
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

BIN
i/banners/gitea.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
i/i_discord.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
i/i_facebook.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
i/i_reddit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
i/i_telegram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 51 KiB

1
i/telegram.svg Normal file
View File

@@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" x1="66.67%" x2="41.67%" y1="16.67%" y2="75%"><stop offset="0" stop-color="#37aee2"/><stop offset="1" stop-color="#1e96c8"/></linearGradient><linearGradient id="b" x1="65.97%" x2="85.12%" y1="43.69%" y2="80.24%"><stop offset="0" stop-color="#eff7fc"/><stop offset="1" stop-color="#fff"/></linearGradient><circle cx="8" cy="8" fill="url(#a)" r="8"/><path d="m6.53333333 11.6666667c-.25917333 0-.21513333-.09786-.30452-.3446334l-.76214666-2.50830663 5.86666663-3.48039334" fill="#c8daea"/><path d="m6.53333333 11.6666667c.2 0 .28836667-.0914667.4-.2l1.06666667-1.0372-1.33053333-.80233337" fill="#a9c9dd"/><path d="m6.66933333 9.62733333 3.224 2.38193337c.36789997.2029933.63342667.0978933.72506667-.3415667l1.3123333-6.1842c.13436-.53868-.20534-.783-.5572933-.62321333l-7.706 2.9714c-.52600667.21098-.52294.50444-.09588.6352l1.97753333.61722 4.57819997-2.88833334c.2161267-.13106.4144867-.06059933.25168.08389334" fill="url(#b)"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -40,8 +40,25 @@
</nav> </nav>
<div id="article"> <div id="article">
<a href="https://www.facebook.com/groups/kolibrios" target="_blank">
<img id="banner" src="../i/banners/en.png" alt="Ci siamo avvicinati. Seguiteci su Facebook!"> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>KolibriOS si è spostato su Git!</h1>
<p>
Controlla la nostra nuova infrastruttura, realizzata per la comodità degli sviluppatori
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -82,6 +99,25 @@
Team KolibriOS Team KolibriOS
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

View File

@@ -44,8 +44,24 @@
<div id="article"> <div id="article">
<a href="https://www.facebook.com/groups/kolibrios" target="_blank"> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<img id="banner" src="../i/banners/en.png" alt="We zijn dichterbij gekomen. Volg ons op Facebook!"> <table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>KolibriOS is verhuisd naar Git!</h1>
<p>
Bekijk onze nieuwe infrastructuur, opgebouwd voor het gemak van ontwikkelaars
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -90,6 +106,25 @@
KolibriOS Team KolibriOS Team
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

View File

@@ -46,8 +46,24 @@
<div id="article"> <div id="article">
<a href="https://t.me/kolibrios_news" target="_blank"> <a id="banner" href="https://git.kolibrios.org" target="_blank">
<img id="banner" src="../i/banners/ru.png" alt="Наша группа в Telegram. Подписывайтесь!"> <table>
<tr>
<td valign="top">
<img src="../i/logo.png" alt="Banner Image" />
</td>
<td valign="top">
<h1>КолибриОС перешла на Git!</h1>
<p>
Ознакомьтесь с нашей новой инфраструктурой, созданной для удобства разработчиков
</p>
<p class="p-link">https://git.kolibrios.org</p>
</td>
<td valign="top">
<img src="../i/banners/gitea.png" alt="Banner Image" />
</td>
</tr>
</table>
</a> </a>
<p> <p>
@@ -91,6 +107,24 @@
</b> </b>
</p> </p>
<p class="p-socials">
<a href="https://t.me/kolibrios_news" target="_blank">
<img src="../i/i_telegram.png" />Telegram
</a>
<br />
<a href="https://discord.com/invite/FeB2NvE6bF" target="_blank">
<img src="../i/i_discord.png" />Discord
</a>
<br />
<a href="https://www.facebook.com/groups/kolibrios/" target="_blank">
<img src="../i/i_facebook.png" />Facebook
</a>
<br />
<a href="https://www.reddit.com/r/KolibriOS/" target="_blank">
<img src="../i/i_reddit.png" />Reddit
</a>
</p>
</div> </div>
<div id="footer"> <div id="footer">

View File

@@ -144,12 +144,41 @@ body {
margin: 4px 4px 1.25em; margin: 4px 4px 1.25em;
outline: 4px solid transparent; outline: 4px solid transparent;
transition: outline 0.3s ease; transition: outline 0.3s ease;
padding: 1em;
text-decoration: none;
} }
#banner:hover { #banner:hover {
outline-color: lightblue; outline-color: lightblue;
} }
#banner td {
text-align: center;
vertical-align: center;
}
#banner img {
height: 7em;
}
#banner h1 {
margin-top: 0em;
color: #609A21;
font-size: 2.5em;
margin: 0 0 16px;
}
#banner p {
margin: 0em;
}
#banner .p-link {
margin-top: 16px;
color: #609A21;
font-weight: bold;
text-decoration: underline;
}
h1 { h1 {
font-size: 125%; font-size: 125%;
padding: 0; padding: 0;
@@ -168,10 +197,30 @@ p {
line-height: 1.5; line-height: 1.5;
} }
.p-socials {
text-align: center;
margin-bottom: 0px;
}
.p-socials a {
margin: 1em 1em;
text-decoration: none;
}
.p-socials br {
margin: 0em 0em 1em;
display: none;
}
.p-socials img {
height: 1em;
margin-right: 0.5em;
margin-bottom: -0.15em;
}
.p-subscription .p-subscription
{ {
text-align: center; text-align: center;
margin-bottom: 0px;
} }
/* DOWNLOADS */ /* DOWNLOADS */
@@ -329,6 +378,7 @@ iframe {
#footer img #footer img
{ {
margin-bottom: 0.5em; margin-bottom: 0.5em;
height: 7em;
} }
#footer p #footer p
@@ -353,6 +403,24 @@ iframe {
outline: 1px solid rgb(227 227 227);; outline: 1px solid rgb(227 227 227);;
} }
#banner img {
display: none;
}
#banner h1 {
font-size: 1.5em;
margin-bottom: 0;
}
#banner p, #banner .p-link {
margin-top: 0.5em;
}
.p-socials br {
display: block;
height: 1em;
}
#menu>* { #menu>* {
margin: 0 0.5em; margin: 0 0.5em;
} }