{% extends "base.html" %}

{% block app_content %}
<div class="row">
    <div class="col-sm-8 about">
        <h4>Using Camus</h4>
            <p>Camus is a video chat app that uses
                <a href="https://en.wikipedia.org/wiki/WebRTC">WebRTC</a>, which allows you to
                stream media like audio and video directly to another user's web browser. To get
                started, <a href="/chat"> create a room</a> and invite others to join by sharing
                the link. To keep out unwanted visitors, it's recommended that you give your room
                a long unguessable name and/or protect it with a strong password.</p>
            <p>Before entering a room, you will be prompted to enter a nickname and select a
                microphone and camera. Devices selected here will be enabled immediately when you
                enter the room. If you don't select any devices, you can still enable your
                microphone or camera after entering the room.</p>
            <p>Inside the room, click on the
                <i id="toggle-video-icon" class="material-icons">videocam</i>,
                <i id="toggle-audio-icon" class="material-icons">mic</i>, and
                <i id="toggle-display-icon" class="material-icons">screen_share</i>
                buttons to toggle your camera, microphone, or screen sharing. To view and send text
                messages to other users in the room, click on the
                <i id="toggle-video-icon" class="material-icons">message</i>
                button at the top right. When you send a message, it will be sent to all users
                currently connected to the room.</p>
            <p>As users enter the room, new video feeds will appear. You can drag and drop one
                video feed onto another to swap their positions in the layout.</p>
        <br/>
        <h4>Project</h4>
        <p>Camus is <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software">free and
            open-source</a> software, licensed under the
            <a href="https://www.gnu.org/licenses/agpl-3.0.txt">GNU AGPLv3</a> or later.
            You can find the source code on
            <a href="https://github.com/mrgnr/camus">GitHub</a>.</p>
        <p>Additional links:
            <ul>
                <li><a href="https://docs.camus.chat">Official documentation</a></li>
                <li><a href="https://pypi.org/project/camus-chat/">Python package</a></li>
                <li><a href="https://hub.docker.com/r/mrgnr/camus">Docker image</a></li>
            </ul></p>
        <br/>
        <h4>Support the project :)</h4>
        <p>You can support the project by <a href="https://github.com/mrgnr/camus/issues">reporting bugs</a>
            or making a <a href="https://liberapay.com/mrgnr">donation</a> to the author. Thanks!</p>
    </div>
</div>
{% endblock %}