Compare commits

...

16 Commits
test ... master

Author SHA1 Message Date
Jukoga bf42e13626 better linebreak for test 2025-12-16 17:08:11 +01:00
Jukoga fd5d944cdf new text 2025-10-29 19:53:14 +01:00
Jukoga 8edffa16d5 more precise Dockerfile 2025-10-29 19:53:04 +01:00
Jukoga d7732c5f14 more margin 2025-05-18 21:17:57 +02:00
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
Jukoga ca72a91d20 Merge remote-tracking branch 'origin/master'
# Conflicts:
#	templates/index.html
2024-12-01 21:00:48 +01:00
Jukoga 93e1ac1f1b changed the battle link 2024-12-01 20:59:52 +01:00
Surya a6abab998e Updated the Brand Logo and Name in the navbar 2024-09-30 09:35:31 +02:00
Surya 12921e0e33 Updated the 'TO BATTLE' button
Now the 'TO BATTLE' button links back to the link of the Official Beyond Heroes Discord Server
2024-09-30 08:57:25 +02:00
Surya e84eff41a1 Uploading the new white logo 2024-09-29 11:48:10 +02:00
Surya 57bfe200fb Upload files to "media" 2024-09-27 09:01:09 +02:00
Surya d06e3899cf Updated the Font Family and Logo 2024-09-27 09:00:52 +02:00
Surya cd40dd57f9 Added the new Logo Image 2024-09-26 10:28:08 +02:00
Surya 5273b06cf2 Update templates/support.html
changed the page content and added the required links
2024-08-14 09:31:00 +02:00
9 changed files with 45 additions and 32 deletions

View File

@ -1,5 +1,5 @@
# Use an official Python runtime as a parent image # Use an official Python runtime as a parent image
FROM python:3.11-slim FROM python:3.11-slim-bookworm
# Set environment variables # Set environment variables
ENV PYTHONDONTWRITEBYTECODE=1 ENV PYTHONDONTWRITEBYTECODE=1

BIN
media/Asset 2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
media/Asset 3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
media/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

BIN
media/mittelschrift.ttf Normal file

Binary file not shown.

View File

@ -5,14 +5,23 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beyond Heroes</title> <title>Beyond Heroes</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style>
@font-face {
font-family: 'Alte DIN 1451 Mittelschrift';
src: url('/media/mittelschrift.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
body {
font-family: 'Alte DIN 1451 Mittelschrift', sans-serif;
}
</style>
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #000;"> <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #000;">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/" style="font-size: 24px;margin-left: 20px;">
<img src="/media/logo.jpg" alt="BH Logo" height="40"> Beyond Heroes <img src="/media/Asset 3.png" alt="BH Logo" height="30" style="padding-right: 2px;"> Beyond Heroes
</a> </a>
<div class="ml-auto"></div> <div class="ml-auto"></div>
<div class="justify-content-center" id="navbarNav"> <div class="justify-content-center" style="margin-right: 20px;" id="navbarNav">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item" style="padding-right: 10px; padding-left: 10px;"> <li class="nav-item" style="padding-right: 10px; padding-left: 10px;">
<a class="nav-link" href="/news">News</a> <a class="nav-link" href="/news">News</a>

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;">
@ -16,19 +16,13 @@
<div class="container"> <div class="container">
<h3 style="text-align: justify;">Our Developers</h3> <h3 style="text-align: justify;">Our Developers</h3>
<p style="text-align: justify;"> <p style="text-align: justify;">
Similique earum unde unde exercitationem totam voluptatibus. Cupiditate reiciendis aut ducimus sunt. Sunt laboriosam rerum qui maxime quod aut aspernatur. Ipsa reprehenderit quas nihil vel dignissimos at. Repellendus minima dolorem ipsa sit est ipsum accusamus.<br> Made up of enthusiastic helpers from all over the globe, with a strong core in Germany, Poland, France, India, Argentina, and more. Sharing ideas across so many cultures gives us fresh perspectives and helps us keep eyes on different parts that might be more relevant locally and their experience with other mmos. That way, we can reach farther and keep a foot in major countries around the globe. If you'd like to join, just <a href="https://forms.gle/wf4LTUHNW7hjPXcz6">fill out the form</a> and don't be scared to hit us up on Discord! Our work environment is super hostile and we do require you to have a sense of humor and the latest version of sarcasm which you can get here <a href="https://en.wikipedia.org/wiki/Sarcasm">Sarcasm-StopMakingNewBranches-win-x64.7z</a><br>
</p> </p>
</div> </div>
<div class="container"> <div class="container">
<h3 style="text-align: justify;">Our Vision</h3> <h3 style="text-align: justify;">Our Vision</h3>
<p style="text-align: justify;"> <p style="text-align: justify;">
Laborum nobis incidunt voluptate magnam voluptatibus. Itaque sequi eveniet vitae voluptas voluptatem ullam alias omnis. Officiis quia dolores architecto.Voluptate quia aspernatur excepturi voluptas molestias. Maxime magnam maiores sunt dolorum. Id possimus ullam rerum dignissimos.<br> So blurry the background image seems fine. Beyond Heroes, aims to create an exciting World War gaming experience inspired by 'Heroes & Generals' but without the issues it had. Our goal is to provide the same immersive and challenging game while renewing some changes and upgrading the technical systems that preceded. Through strategic gameplay that made HnG so interesting, War, and balanced mechanics, our game aims to deliver a fun and rewarding experience that appeals to old and new players. We value our community and strive to provide a respectful and enjoyable environment that fosters teamwork, camaraderie, and sportsmanship. Also this text sounds corporate af, and thus this anti-climatic sentence is here to break with the same old corporate speech that makes us pay 5$ to open the game. The team is mostly comprised of people who share the same core values those being: Being against the new trend of p2w mechanics, combating <a href="https://colinmagazine.com/blogs/news/live-service-fatigue-are-we-tired-of-battle-passes-microtransactions">microtransaction fatigue</a>, being in favour of <a href="https://www.stopkillinggames.com/">stop killing games</a>, being in favour of <a href="https://www.youtube.com/watch?v=2_Dtmpe9qaQ">clippy</a> and against anti-consumer practices <a href="https://www.forbes.com/sites/paultassi/2024/05/01/nba-2k-players-furious-about-kobe-bryant-collector-level-reward-removal/">(1)</a> <a href="https://www.gamesindustry.biz/epic-ea-roblox-and-more-face-eu-complaint-over-tricking-players-into-spending">(2)</a>, <a href="https://en.wikipedia.org/wiki/Enshittification">being absolutely against enshittification</a>, and in favor of remakes.<br>
</p>
</div>
<div class="container">
<h3 style="text-align: justify;">Roadmap</h3>
<p style="text-align: justify;">
A adipisci ad quia accusantium voluptates. Rem culpa et repellendus qui et tenetur quia. Nam rem provident non. Eum quod nostrum molestiae ut expedita vel. In voluptas ea quod. Modi incidunt qui tempora soluta minus odio sed et.Est aliquid id est quia praesentium rerum blanditiis. Voluptas a est omnis. Aut non quo non. Numquam quibusdam esse cum nostrum ab vel et. Fugit porro libero commodi dicta omnis libero.<br>
</p> </p>
</div> </div>
</div> </div>

View File

@ -3,22 +3,22 @@
{% 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;">
<button class="btn" 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!
</button> </a>
</div> </div>
{% endblock %} {% endblock %}

View File

@ -3,30 +3,40 @@
{% 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;">Beyond Heroes</h2> <h2 style="text-align: justify;">Support Us</h2>
<p style="text-align: justify;">
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>
</p>
<hr style="background-color: #999999;"> <hr style="background-color: #999999;">
<div class="container"> <div class="container">
<h3 style="text-align: justify;">Why Help Us</h3> <h3 style="text-align: justify;">Hi! So, you want to support the project, I hear?</h3>
<p style="text-align: justify;"> <p style="text-align: justify;">
Similique earum unde unde exercitationem totam voluptatibus. Cupiditate reiciendis aut ducimus sunt. Sunt laboriosam rerum qui maxime quod aut aspernatur. Ipsa reprehenderit quas nihil vel dignissimos at. Repellendus minima dolorem ipsa sit est ipsum accusamus.<br> Well, the main way you can do that is by joining the team or telling people to join the team! You can fill out this form <a class="text-light" href="#"><strong>here</strong></a> if you're interested in any dev position or <a class="text-light" href="#"><strong>here</strong></a> if you're interested in translation.<br>
</p> </p>
</div> </div>
<div class="container"> <div class="container">
<h3 style="text-align: justify;">How to Help Us</h3> <h3 style="text-align: justify;">If you want to help economically... let's talk first...</h3>
<p style="text-align: justify;"> <p style="text-align: justify;">
Laborum nobis incidunt voluptate magnam voluptatibus. Itaque sequi eveniet vitae voluptas voluptatem ullam alias omnis. Officiis quia dolores architecto.Voluptate quia aspernatur excepturi voluptas molestias. Maxime magnam maiores sunt dolorum. Id possimus ullam rerum dignissimos.<br> Here's the thing, I really appreciate that you want to help us out, and we LOVE your energy. We really don't want to accept economic help, and there are a few reasons as to why. Mostly, we can't (or don't want to) promise anything, we don't want to get your hopes up, and we don't want to lead you to believe in something that might not happen. Giving us money has a worse ROI than playing it all on red in roulette, and as such, to me personally, it feels like asking for money from you just because you like us. If that's the case, okay, alright, no problem; we still have to solve the distribution issue, but whatever, we'll get to it eventually. Otherwise, understand that the reason the links are so hidden is exactly because we don't want you to feel like you wasted money - at least not before you knowingly and willingly understand that this is just like giving it to us because you like us and want to, or you have money to spare and don't care. If you want to specifically help out a team member, assign it on the message or something so I know who not to give it to :P
<br>
If you understand the above-mentioned stuff, then <a class="text-light" href="https://ko-fi.com/beyondheroes" target="blank"><strong>here's</strong></a> a link to our Ko-fi, and <a class="text-light" href="https://www.buymeacoffee.com/beyondheroes" target="blank"><strong>here's</strong></a> a link to our Buy Me a Coffee.
</p> </p>
<button class="btn" style="padding: 5px 30px; font-family:'Trebuchet MS', sans-serif; font-size: 20px; font-weight: bold; background-color: #139358; color: white; border-radius: 2px;" onmouseover="this.style.backgroundColor='#0f7a4c'" onmouseout="this.style.backgroundColor='#139358'">
Donate
</button>
</div> </div>
</div> </div>
</div> </div>