herreweb_site/templates/index.html

84 lines
2.5 KiB
HTML
Raw Normal View History

2023-12-29 21:37:15 +00:00
<!-- index.html -->
2023-12-24 21:01:34 +00:00
<!DOCTYPE html>
<html lang="en">
2023-12-29 21:37:15 +00:00
2023-12-24 21:01:34 +00:00
<head>
2023-12-29 21:37:15 +00:00
<!-- Include the header template -->
{% include 'header.html' %}
2023-12-24 21:01:34 +00:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-12-24 21:24:57 +00:00
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
2023-12-29 21:37:15 +00:00
<style>
.container {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
margin-bottom: -20%;
}
.image {
position: absolute;
top: 0;
left: 3%;
width: 70%;
/* Adjust as needed */
height: 55%;
object-fit: cover;
}
.content {
position: absolute;
top: 45%;
right: 0;
left: 55%;
right: 6%;
transform: translateY(-50%);
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
cursor: pointer;
color: black;
transition: background-color 0.3s, color 0.3s;
}
.content:hover {
background-color: #555;
color: white;
}
.content a {
text-decoration: none;
color: #333;
font-weight: bold;
}
.content a:hover {
color: #fff;
}
</style>
2023-12-24 21:01:34 +00:00
</head>
2023-12-29 21:37:15 +00:00
2023-12-24 21:01:34 +00:00
<body>
2023-12-24 21:24:57 +00:00
<div class="main-container">
2023-12-29 21:37:15 +00:00
<div class="container">
<img src="{{ url_for('static', filename='images/frontpage/Screenshot 2023-12-29 220355.png') }}" alt="Your Image" class="image">
<div class="content" onclick="location.href='{{ url_for('strongholdkingdoms') }}';">
<h2><a href="{{ url_for('strongholdkingdoms') }}">Project Thelendar</a></h2>
<p>This project describes our adventures on the game Stronghold Kingdoms. We played a lot of games from the stronghold series, and Eljakim made a bot to automate a lot of manual stuff in Stronghold Kingdoms. This project was dubbed 'Artemis' for the visual bot, and 'Thelendar' for the headless bot.</p>
</div>
</div>
2023-12-24 21:24:57 +00:00
<div class="folder-container">
2023-12-29 21:37:15 +00:00
{% for folder in repository_folders if folder != 'images' %}
<a href="{{ url_for('repository_page', folder=folder) }}">
<button class="document-button">{{ folder }}</button>
</a>
2023-12-24 21:24:57 +00:00
{% endfor %}
</div>
</div>
2023-12-29 21:37:15 +00:00
{% include 'footer.html' %}
2023-12-24 21:01:34 +00:00
</body>
2023-12-29 21:37:15 +00:00
2023-12-24 21:01:34 +00:00
</html>