37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DownloadHub</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-light bg-light">
|
|
<span style="margin-left: 1rem;" class="navbar-brand mb-0 h1">DownloadHub</span>
|
|
</nav>
|
|
<div style="width: 100%; height: 20rem; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center;">
|
|
<h1>DownloadHub</h1>
|
|
</div>
|
|
<div class="container" style="margin-top: 1rem; display: flex">
|
|
{{ range . }}
|
|
<div class="card" style="width: 18rem; margin: 2rem">
|
|
{{ if .ScreenshotURLs }}
|
|
<img src="{{ index .ScreenshotURLs 0 }}" class="card-img-top">
|
|
{{ end }}
|
|
<div class="card-body">
|
|
<h5 class="card-title">{{ .Name }}</h5>
|
|
<p class="card-text">{{ .Description }}</p>
|
|
<a href="/d/{{ .Slug }}" class="btn btn-primary">More info</a>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</body>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
|
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
|
crossorigin="anonymous"></script>
|
|
|
|
</html> |