forked from Screenly/Anthias
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
203 lines (196 loc) · 12.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Anthias - The world's most popular open source digital signage project</title>
<link rel="icon" href="/assets/images/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Plus Jakarta Sans" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/styles/style.css">
</head>
<body>
<div>
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img class="d-md-none" src="/assets/images/logo-full-mobile.svg" alt="Anthias logo" />
<img class="d-none d-md-block" src="/assets/images/logo-full.svg" alt="Anthias logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-nav" aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-nav">
<ul class="navbar-nav nav-main">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#faq">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.screenly.io">Screenly</a>
</li>
</ul>
</div>
<a class="btn btn-primary d-none d-lg-inline-block" href="https://github.com/Screenly/Anthias">Get Started</a>
</div>
</nav>
</div>
<header class="container-fluid d-flex flex-column flex-md-row">
<div class="hero-text">
<h1>Anthias <br class="d-lg-none" /></h1>
<p class="m-0">The world's most popular open source digital signage solution. Turn any TV into a powerful digital sign.</p>
<div class="d-flex flex-column flex-lg-row justify-content-start py-4 py-lg-5">
<a class="btn btn-primary mb-3 mb-lg-0 me-lg-4" href="https://github.com/Screenly/Anthias">Get Started</a>
</div>
<div class="d-flex align-items-center">
<iframe src="https://ghbtns.com/github-btn.html?user=Screenly&repo=Anthias&type=star&count=true&size=large" frameborder="0" scrolling="0" width="170" height="30" title="GitHub"></iframe>
</div>
</div>
<img
class="img-fluid d-md-none mt-5"
srcset="/assets/images/overview-mobile.png, /assets/images/[email protected] 2x, /assets/images/[email protected] 3x"
src="/assets/images/overview-mobile.png"
alt="hero image"
/>
<div class="d-none d-md-block hero-img ms-md-4">
<img
class="img-fluid"
srcset="/assets/images/overview.png, /assets/images/[email protected] 2x, /assets/images/[email protected] 3x"
src="/assets/images/overview.png"
alt="hero image"
/>
</div>
</header>
<main>
<div class="features background-light" id="features">
<div class="container-fluid">
<h2 class="text-center">How Anthias Works</h2>
<p class="text-center">
Anthias can turn a Raspberry Pi or an old PC into a powerful digital signage solution that
shows your content in minutes.
</p>
<section class="feature-section d-flex flex-column-reverse flex-md-row justify-content-center align-items-center">
<div class="feature-img mt-3 mt-md-0">
<!--<img class="img-fluid" src="https://placehold.co/630X440" alt="feature" />-->
</div>
<div class="feature-text mb-4 mb-md-0 d-md-flex">
<div class="feature-bullet y-bullet"></div>
<div>
<h3>Free, open-source digital signage software</h3>
<p>Access Anthias on GitHub and start managing content on your screens immediately.</p>
</div>
</div>
</section>
<section class="feature-section d-flex flex-column flex-md-row justify-content-center align-items-center">
<div class="feature-text mb-4 mb-md-0 d-md-flex">
<div class="feature-bullet p-bullet"></div>
<div>
<h3>Display images, web pages, and video content</h3>
<p>Display multiple content types in beautiful 1080p Full HD resolution.</p>
</div>
</div>
<div class="feature-img mt-3 mt-md-0">
<!--<img class="img-fluid" src="https://placehold.co/630X440" alt="feature" />-->
</div>
</section>
<section class="feature-section d-flex flex-column-reverse flex-md-row justify-content-center align-items-center">
<div class="feature-img mt-3 mt-md-0">
<!--<img class="img-fluid" src="https://placehold.co/630X440" alt="feature" />-->
</div>
<div class="feature-text mb-4 mb-md-0 d-md-flex">
<div class="feature-bullet b-bullet"></div>
<div>
<h3>Intuitive interface & content scheduling</h3>
<p>Easily add, remove, and schedule content on local network screens.</p>
</div>
</div>
</section>
</div>
</div>
<section class="faq-container container-fluid" id="faq">
<div class="faq">
<h3 class="text-center">Frequently Asked Questions</h3>
<div class="accordion accordion-flush">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-heading-one">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse-one" aria-expanded="false" aria-controls="flush-collapse-one">
What is the difference between Anthias and Screenly?
</button>
</h2>
<div id="flush-collapse-one" class="accordion-collapse collapse" aria-labelledby="flush-heading-one">
<div class="accordion-body">
Anthias is free, open-source digital signage management software built by Screenly, Inc. Screenly is a paid digital signage solution that is better suited for professional digital signage installations with multiple screens. You can learn more about Screenly at the link <a href="https://www.screenly.io/features/" target="_blank">here</a>. Screenly is a better choice over Anthias if the user wants to manage multiple screens from a single account, cloud-based screen management, enterprise-grade user management, and professional support.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-heading-two">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse-two" aria-expanded="false" aria-controls="flush-collapse-two">
Is there support for Anthias?
</button>
</h2>
<div id="flush-collapse-two" class="accordion-collapse collapse" aria-labelledby="flush-heading-two">
<div class="accordion-body">Anthias is the right choice if users are OK with managing each screen individually, are comfortable working with Linux, and do not need support, hosting, or security updates. Users are better suited with the paid digital signage solution <a href="https://www.screenly.io/features/" target="_blank">Screenly</a> when they have more than one screen, want an "out-of-the-box" ready solution, and need support, cloud hosting, and security updates.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-heading-three">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse-three" aria-expanded="false" aria-controls="flush-collapse-three">
What hardware do I need to run Anthias?
</button>
</h2>
<div id="flush-collapse-three" class="accordion-collapse collapse" aria-labelledby="flush-heading-three">
<div class="accordion-body">
Anthias runs on single-board <a href="https://www.raspberrypi.com/" target="_blank" rel="noopener">Raspberry Pi</a> devices and
64-bit, x86-based PCs. Anthias offers disk images that work with Raspberry Pi 1 up to Raspberry Pi 5. Disk images for
PCs will be supported in the future. In addition to a Raspberry Pi or PC, you will need a physical
screen to display your content. This screen can be any screen that accepts HDMI input. Learn more about how to get
started on our <a href="https://github.com/Screenly/Anthias" target="_blank" rel="noopener">GitHub page</a>.
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container-fluid bg-container background-dark">
<div class="text-center">
<h2 class="mb-4">Get started with Anthias <br/> digital signage software today</h2>
<p>You can find the entire code base on GitHub - it's 100% free, forever.</p>
<a class="btn btn-primary mt-3 mb-5" href="https://github.com/Screenly/Anthias">Get Started</a>
</div>
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-center">
<img class="d-md-none" src="/assets/images/logo-full-mobile.svg" alt="Anthias logo" />
<img class="d-none d-md-block" src="/assets/images/logo-full.svg" alt="Anthias logo" />
<nav class="d-flex justify-content-between w-100 my-4 footer-links">
<a class="text-white text-decoration-none" href="#features">Features</a>
<a class="text-white text-decoration-none" href="#faq">FAQ</a>
<a class="text-white text-decoration-none" href="https://www.screenly.io">Screenly</a>
</nav>
<div class="d-flex social-icons">
<a href="https://twitter.com/ScreenlyApp" target="_blank"><img src="/assets/images/twitter.svg" alt="Follow on Twitter" /></a>
<a href="https://www.facebook.com/Screenly" target="_blank"><img src="/assets/images/fb.svg" alt="Follow on Facebook" /></a>
<a href="https://www.instagram.com/screenlyapp/" target="_blank"><img src="/assets/images/instagram.svg" alt="Follow on Instagram" /></a>
<a href="https://github.com/Screenly" target="_blank"><img src="/assets/images/gh.svg" alt="Star on Github" /></a>
</div>
</div>
<div class="text-center legal mt-5 pt-5">
© 2022 - 2025 Screenly, Inc
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W6BH3H6SZ6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-W6BH3H6SZ6');
</script>
</body>
</html>