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" />
|
2024-04-24 10:49:47 +02:00
|
|
|
<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 {
|
2024-04-24 17:32:01 +02:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
|
|
|
|
|
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
|
|
|
|
|
"Helvetica Neue", sans-serif;
|
2024-04-23 16:08:31 +02:00
|
|
|
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-01-16 09:27:04 +01:00
|
|
|
|
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>
|
