Skip to content

Commit f486f39

Browse files
committed
add html banner
1 parent 0901503 commit f486f39

2 files changed

Lines changed: 90 additions & 0 deletions

File tree

.github/templates/README.template.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,10 @@
3939

4040
---
4141

42+
## Showcase
43+
44+
<iframe src="screenshots/banner.html" width="100%" height="300" style="border:none;"></iframe>
45+
4246
## Installation
4347

4448
Download the latest `docker-compose.yaml`:

screenshots/banner.html

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
<html lang="en" data-theme="dark">
2+
<head>
3+
<meta charset="UTF-8" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
5+
6+
<style>
7+
#://public/style/theme.css
8+
#://public/style/default.css
9+
#://public/style/user.css
10+
</style>
11+
12+
<title>Redirect Page</title>
13+
</head>
14+
<body>
15+
<div class="bg-pattern"></div>
16+
17+
<div class="container">
18+
<div class="top-row">
19+
<div class="spinner" id="spin"></div>
20+
<div class="line" id="hide"></div>
21+
</div>
22+
23+
<div class="middle-row">
24+
<h1 id="title">Starting Service</h1>
25+
<h3 id="subtitle">Starting process...</h3>
26+
</div>
27+
28+
<div class="bottom-row">
29+
<p id="output">
30+
Initiliazing process...<br />
31+
Process started. Waiting for service...<br />
32+
WebSocket connected<br />
33+
Host is unreachable<br />
34+
Sending wakeup packets<br />
35+
Host is now reachable<br />
36+
Virtual host is unreachable<br />
37+
Starting virtual host<br />
38+
Virtual host is now reachable<br />
39+
Started containers<br />
40+
Service is online! Redirecting...<br />
41+
</p>
42+
</div>
43+
</div>
44+
45+
<button class="theme-toggle" type="button">
46+
<svg
47+
id="sun"
48+
xmlns="http://www.w3.org/2000/svg"
49+
width="24"
50+
height="24"
51+
fill="none"
52+
stroke="currentColor"
53+
stroke-linecap="round"
54+
stroke-linejoin="round"
55+
stroke-width="1.8"
56+
data-attribution="cc0-icons"
57+
viewBox="0 0 24 24"
58+
>
59+
<path
60+
d="m4.91 19.052 1.773-1.763M17.317 6.71l1.773-1.762m-.038 14.142-1.763-1.773M6.71 6.683 4.949 4.91M12 22v-2.5m0-15V2m10 10h-2.5m-15 0H2m10 4.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z"
61+
></path>
62+
</svg>
63+
<svg
64+
id="moon"
65+
xmlns="http://www.w3.org/2000/svg"
66+
width="24"
67+
height="24"
68+
fill="none"
69+
stroke="currentColor"
70+
stroke-linecap="round"
71+
stroke-linejoin="round"
72+
stroke-width="1.8"
73+
data-attribution="cc0-icons"
74+
viewBox="0 0 24 24"
75+
>
76+
<path
77+
d="M2.65 13.717c.94 5.44 6.082 9.081 11.482 8.133 3.385-.595 6.07-2.853 7.368-5.795a8.206 8.206 0 0 1-3.863 1.796c-4.5.79-8.784-2.244-9.568-6.777-.668-3.859 1.415-7.56 4.825-9.063a9.888 9.888 0 0 0-2.172.14c-5.4.948-9.014 6.127-8.073 11.566Z"
78+
></path>
79+
</svg>
80+
</button>
81+
82+
<div class="user">
83+
<div class="profile" style="background-color: rgb(224, 177, 82)">CS</div>
84+
</div>
85+
</body>
86+
</html>

0 commit comments

Comments
 (0)