matthews-totw/templates/index.html

42 lines
1.7 KiB
HTML
Raw Normal View History

2024-09-11 21:20:56 -05:00
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
2024-09-11 21:20:56 -05:00
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="{{ url_for('static', filename= 'css/style.css') }}">
<title>Tool of The Week</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
2024-09-11 21:20:56 -05:00
</head>
<header>
<div class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<div class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none roboto-bold">
<span class="fs-4"> Matthew's Tool of the Week</span>
</div>
<div>
<h2 class=roboto-regular> Week: {{ tool.Week_to_post }} </h2>
</div>
</div>
2024-09-11 21:20:56 -05:00
</header>
<body>
<div class="px-4 pt-5 my-5 text-center border-bottom roboto-regular">
<h1 class="display-4 fw-bold text-body-emphasis"> {{ tool.Name }} </h1>
2024-09-11 21:20:56 -05:00
<a href='http://{{ tool["Url"] }}'>
<div class="container px-5">
<img class="img-fluid border rounded-3 shadow-lg mb-4"></img>
2024-09-11 21:20:56 -05:00
</div>
<button>{{ tool.Name }}</button>
</a>
<div>
<p class="roboto-regular col-lg-6 mx-auto"> {{ tool.Description }} </p>
2024-09-11 21:20:56 -05:00
</div>
</body>
<footer>
</footer>
2024-09-11 21:20:56 -05:00
</html>