Compare commits

..

3 Commits

Author SHA1 Message Date
Jukoga 2f0c2f4d7e Black Background 2025-05-18 21:09:00 +02:00
Jukoga 73e43f8f4b links are colored 2025-05-18 20:35:26 +02:00
Jukoga 936b3ec2f6 bigger text and button 2025-05-18 20:35:19 +02:00
4 changed files with 22 additions and 8 deletions

BIN
media/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -3,10 +3,10 @@
{% block content %}
<style type="text/css">
body {
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;background-color: #000;
}
</style>
<div style="background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px; margin-top: 10px;" class="container">
<div style="background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px; margin-top: 10px; font-size: 18px;" class="container">
<div style="padding: 20px;">
<h2 style="text-align: justify;">Beyond Heroes</h2>
<p style="text-align: justify;">

View File

@ -3,20 +3,20 @@
{% block content %}
<style type="text/css">
body {
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;background-color: #000;
}
</style>
<div style="position: absolute; bottom: 1; right: 0;margin: 25px; width: 30%; background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px;">
<div style="position: absolute; bottom: 1; right: 0;margin: 25px; width: 35%; background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px;">
<div style="padding: 20px;">
<h2 style="text-align: justify;">Beyond Heroes</h2>
<p style="text-align: justify;">
<p style="text-align: justify; font-size: 22px;">
The project that rose from the ashes of a game that was once. We aim to recreate the experience that we enjoyed throughout the years, while also adding new features that make it truly <i>Beyond</i> Heroes and Generals.<br>
Join Us on this journey to relive the old days and experience something new by clicking on the button below!
</p>
</div>
</div>
<div style="position: absolute; bottom: 0; right: 0; margin-right: 25px; margin-bottom: 30px;">
<a class="btn" href="https://discord.gg/gnnfKKuumg" style="padding: 5px 75px; font-family:'Trebuchet MS', sans-serif; font-size: 30px; font-weight: bold; background-color: #139358; color: white; border-radius: 2px;" onmouseover="this.style.backgroundColor='#0f7a4c'" onmouseout="this.style.backgroundColor='#139358'">
<a class="btn" href="https://discord.gg/gnnfKKuumg" style="padding: 10px 100px; font-family:'Trebuchet MS', sans-serif; font-size: 36px; font-weight: bold; background-color: #139358; color: white; border-radius: 2px;" onmouseover="this.style.backgroundColor='#0f7a4c'" onmouseout="this.style.backgroundColor='#139358'">
To Battle!
</a>
</div>

View File

@ -3,11 +3,25 @@
{% block content %}
<style type="text/css">
body {
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;background-color: #000;
}
/* Link-Farben definieren */
a.text-light {
color: #E2C490 !important;
}
a.text-light:visited {
color: #6c562d !important;
}
/* Optionale Hover-Effekte */
a.text-light:hover {
text-decoration: underline;
}
</style>
<div style="background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px; margin-top: 10px;" class="container">
<div style="padding: 20px;">
<div style="padding: 20px; font-size: 18px;">
<h2 style="text-align: justify;">Support Us</h2>
<hr style="background-color: #999999;">
<div class="container">