artifactview/templates/index.hbs
2024-05-29 22:32:07 +02:00

72 lines
3.2 KiB
Handlebars

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
* { padding: 0; margin: 0; --color-secondary: #dedede; --color-text: #000;
--color-text-light: #888; --color-border: #ccc; } body { font-family: sans-serif;
text-rendering: optimizespeed; background-color: #f5f5f5; color:
var(--color-text);} a { color: #006ed3; text-decoration: none; } a:hover { color:
#319cff; } .card { display: flex; flex-direction: column; width: 90%; max-width:
500px; align-items: center; } .input-row { display: flex; width: 100%; } .center {
width: 100%; display: flex; flex-direction: row; justify-content: center; } .light
{ color: var(--color-text-light); } input { color: inherit; font-size: 16px;
height: 32px; border: 1px solid var(--color-border); padding: 4px 8px; } button {
background-color: #006ed3; color: #fff; padding: 4px 8px; border: none; cursor:
pointer; } button:hover { opacity: 0.7; } p { margin: 16px 0; } header { gap: 1em;
padding-top: 10px; padding-bottom: 10px; background-color: #f2f2f2; } footer {
padding: 40px 20px; font-size: 12px; text-align: center; } @media
(prefers-color-scheme: dark) { * { --color-text: #dddddd; --color-secondary:
#082437; --color-border: #212121; } body { background-color: #101010; } input
{background-color: #151515;} header { background-color: #151515; }}
</style>
<title>Artifactview</title>
</head>
<body>
<header class="center">
<svg
xmlns="http://www.w3.org/2000/svg"
width="50"
height="50"
viewBox="0 0 13.229 13.229"
><g aria-label="AV" style="stroke-width:.264583"><path
d="m12.381 2.878-2.698 7.557H8.73L6.031 2.878h.995L8.73 7.725q.17.466.286.879.116.402.19.772.074-.37.19-.783.117-.413.287-.889l1.693-4.826Z"
style="fill:var(--color-text-light);fill-opacity:1"
/><path
d="m1.158 10.435 2.699-7.557h.952l2.699 7.557h-.995L4.81 5.588q-.169-.466-.285-.879-.117-.402-.19-.772-.075.37-.191.783-.117.412-.286.889l-1.694 4.826Z"
style="fill:var(--color-text);fill-opacity:1;stroke-width:.264583"
/></g></svg>
</header>
<div class="center">
<div class="card">
<p>Enter a GitHub/Gitea/Forgejo Actions run url to browse CI artifacts</p>
<form method="POST" class="input-row">
<input
name="url"
type="text"
placeholder="codeberg.org/username/repo/actions/runs/42"
style="flex-grow: 1"
/>
<button type="submit">Browse</button>
</form>
</div>
</div>
<footer>
<a
href="https://code.thetadev.de/ThetaDev/artifactview"
target="_blank"
rel="noopener noreferrer"
>
Artifactview
</a>
{{version}}
<p class="light">
<b>Disclaimer:</b>
Artifactview does not host any websites, the data is fetched from the respective
software forge and is only stored temporarily on this server. The publisher of
the artifact is the only one responsible for the content. Most forges delete
artifacts after 90 days.
</p>
</footer>
</body>
</html>