Files
Anthias/website/index.html

197 lines
13 KiB
HTML

<!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/bootstrap@5.2.3/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=screenly-ose&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/overview-mobile@2x.png 2x, /assets/images/overview-mobile@3x.png 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/overview@2x.png 2x, /assets/images/overview@3x.png 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 into a powerful digital sign 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 &amp; 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">Raspberry Pi</a> hardware, which is a widely used platform known for its accessibility and affordability. Anthias offers disk images that work with Raspberry Pi 1, 2, 3, and 4 models. In addition to a Raspberry Pi, 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">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 Screenly, Inc
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/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>