arcast/pkg/server/templates/idle.html.gotmpl

174 lines
32 KiB
Go Template
Raw Normal View History

2023-12-13 20:07:22 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Arcast - Ready to cast !</title>
2023-12-13 20:07:22 +01:00
<style>
2024-04-23 16:08:31 +02:00
html {
box-sizing: border-box;
font-size: 16px;
width: 100%;
height: 100%;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
width: 100%;
height: 100%;
background: rgb(76, 96, 188);
background: linear-gradient(
415deg,
rgba(4, 168, 243, 1),
rgb(76, 136, 188, 1),
rgba(76, 96, 188, 1),
rgb(115, 76, 188, 1),
rgb(87, 76, 188, 1)
);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
@keyframes gradient {
0% {
background-position: 0% 50%;
2023-12-13 20:07:22 +01:00
}
2024-04-23 16:08:31 +02:00
50% {
background-position: 100% 50%;
2023-12-13 20:07:22 +01:00
}
2024-04-23 16:08:31 +02:00
100% {
background-position: 0% 50%;
2023-12-13 20:07:22 +01:00
}
2024-04-23 16:08:31 +02:00
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
*,
*:before,
*:after {
box-sizing: inherit;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
ol,
ul {
list-style: none;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
margin: 0;
padding: 0;
font-weight: normal;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
.container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
.panel {
display: block;
background-color: #fff;
border-radius: 15px;
box-shadow: 10px 10px 10px #33333361;
position: relative;
padding: 50px 30px 30px 30px;
min-width: 33%;
color: #333;
}
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
#title {
margin: 10px 0px 20px 0px;
}
2024-04-23 16:08:31 +02:00
#icon {
width: 100px;
aspect-ratio: 1/1;
background-size: contain;
background-position: center;
background-image: url("data:image/png;base64,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
position: absolute;
left: 50%;
margin-left: -50px;
margin-top: -100px;
}
.panel p,
.panel ul {
margin-top: 10px;
}
.text-centered {
text-align: center;
}
.text-italic {
font-style: italic;
}
.text-small {
font-size: 0.8em;
}
.mt {
margin-top: 1em;
display: block;
}
2023-12-13 20:07:22 +01:00
</style>
2024-04-23 16:08:31 +02:00
</head>
2023-12-13 20:07:22 +01:00
2024-04-23 16:08:31 +02:00
<body>
2023-12-13 20:07:22 +01:00
<div class="container">
2024-04-23 16:08:31 +02:00
<div class="panel">
<div id="icon"></div>
<h1 id="title" class="text-centered">Ready to cast !</h1>
<p><b>Instance ID</b></p>
<p class="text-small text-centered">
<code>{{ .ID }}</code>
</p>
<p><b>Addresses</b></p>
<ul class="text-italic text-small text-centered">
{{ $port := .Port }}
{{
range.IPs
}}
<li>
<code>{{ . }}:{{ $port }}</code>
</li>
{{
end
}}
</ul>
{{if .Apps }}
<p><b>Apps</b></p>
<ul class="text-italic text-small text-centered">
{{ $tlsPort := .TLSPort }}
{{
range.IPs
}}
<li>
<a href="https://{{ . }}:{{ $tlsPort }}/apps"
>https://{{ . }}:{{ $tlsPort }}/apps</a
>
</li>
{{
end
}}
</ul>
{{ end }}
</div>
2023-12-13 20:07:22 +01:00
</div>
2024-04-23 16:08:31 +02:00
</body>
</html>