99 lines
4.4 KiB
HTML
99 lines
4.4 KiB
HTML
|
|
<!doctype html>
|
|
<html class="no-js" lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Syng.Rocks</title>
|
|
<link rel="stylesheet" href="css/foundation.css">
|
|
<link rel="stylesheet" href="css/app.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="top-content-section">
|
|
<div class="top-bar">
|
|
<div class="top-bar-left">
|
|
<ul class="menu">
|
|
<li class="menu-text"><img src="images/rocks.syng.Syng.png" alt="Syng.Rocks! Logo" height=30></li>
|
|
<li><a href="#install">Installation</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
<li><a href="#">Server</a></li>
|
|
<li><a href="#privacy">Privacy Policy</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-full-screen">
|
|
<div class="middle-content-section grid-container">
|
|
<div class="grid-x align-middle">
|
|
<div class="cell large-6">
|
|
<img src="images/overview.png" alt="Syng.Rocks Overview" class="work-feature-block-image overview-image"/>
|
|
</div>
|
|
<div class="cell large-6">
|
|
<div class="hero-section-text">
|
|
<h1>Syng.Rocks!</h1>
|
|
<h5>Easily host karaoke events</h5>
|
|
<p>
|
|
Syng.Rocks! is a karaoke app that allows you to host karaoke events without much hassle.
|
|
Whether you have a big collection of karaoke songs, or just want to stream karaoke songs from YouTube, whether you want to sing with a couple of friends or with a crowd of over 100 people, Syng.Rocks! has you covered in a privacy friendly manner. No need to register, no need to log in, Syng.Rocks! will never collect any personal data from you. You can even host your own server if you want to.
|
|
</p>
|
|
<p>
|
|
<a href="https://flathub.org/apps/rocks.syng.Syng" target="_blank" class="button">Linux/Flatpak</a>
|
|
<a href="https://github.com/christofsteel/syng/releases" target="_blank" class="button">Windows</a>
|
|
<a href="https://syng.rocks" target="_blank" class="button hollow">Web Client</a>
|
|
<a href="https://github.com/christofsteel/syng" target="_blank" class="button hollow">Source Code</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="main-content-section">
|
|
<div class="grid-container">
|
|
<div class="grid-x grid-padding-x">
|
|
<div class="cell medium-4">
|
|
<h2>Get started</h2>
|
|
<p>
|
|
If you only want to have a small YouTube based karaoke event, you can just download the app, share the generated QR Code and start singing. No registration, no login and no configuration required.
|
|
</p>
|
|
</div>
|
|
<div class="cell medium-8">
|
|
<img src="images/syng.png" alt="Syng.Rocks Client" class="work-feature-block-image"/>
|
|
</div>
|
|
</div>
|
|
<div class="grid-x grid-padding-x">
|
|
<div class="cell medium-8">
|
|
<img src="images/web-shadows.png" alt="Syng.Rocks Web Client" class="work-feature-block-image"/>
|
|
</div>
|
|
<div class="cell medium-4">
|
|
<h2>Web client</h2>
|
|
<p>
|
|
Let your guests join your karaoke event using the web client. They can use their browser on their own devices to search for songs and queue them up.
|
|
The web client also contains an admin mode, that allows for manual moderation of the song queue.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="grid-x grid-padding-x">
|
|
<div class="cell medium-4">
|
|
<h2>Configure to your needs</h2>
|
|
<p>
|
|
Syng allows for a lot of configuration options. You can set up your own song database, you can set up a <a href="#waiting-room">waiting room</a>, a set time the event ends and much more.
|
|
</p>
|
|
</div>
|
|
<div class="cell medium-8">
|
|
<img src="./images/syng_advanced.png" alt="Syng.Rocks Client" class="work-feature-block-image"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/vendor/jquery.js"></script>
|
|
<script src="js/vendor/what-input.js"></script>
|
|
<script src="js/vendor/foundation.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|