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 %} {% block content %}
<style type="text/css"> <style type="text/css">
body { 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> </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;"> <div style="padding: 20px;">
<h2 style="text-align: justify;">Beyond Heroes</h2> <h2 style="text-align: justify;">Beyond Heroes</h2>
<p style="text-align: justify;"> <p style="text-align: justify;">

View File

@ -3,20 +3,20 @@
{% block content %} {% block content %}
<style type="text/css"> <style type="text/css">
body { 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> </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;"> <div style="padding: 20px;">
<h2 style="text-align: justify;">Beyond Heroes</h2> <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> 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! Join Us on this journey to relive the old days and experience something new by clicking on the button below!
</p> </p>
</div> </div>
</div> </div>
<div style="position: absolute; bottom: 0; right: 0; margin-right: 25px; margin-bottom: 30px;"> <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! To Battle!
</a> </a>
</div> </div>

View File

@ -3,11 +3,25 @@
{% block content %} {% block content %}
<style type="text/css"> <style type="text/css">
body { 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> </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;" class="container">
<div style="padding: 20px;"> <div style="padding: 20px; font-size: 18px;">
<h2 style="text-align: justify;">Support Us</h2> <h2 style="text-align: justify;">Support Us</h2>
<hr style="background-color: #999999;"> <hr style="background-color: #999999;">
<div class="container"> <div class="container">