<!--
  ~ Pony.fm - A community for pony fan music.
  ~ Copyright (C) 2016 Josef Citrine
  ~
  ~ This program is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU Affero General Public License as published by
  ~ the Free Software Foundation, either version 3 of the License, or
  ~ (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License
  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Pony.fm - Unlimited Pony Music Hosting</title>
        <meta name="description" content="Pony.fm is the world's largest collection of My Little Pony fan music. Enjoy unlimited uploads, streaming, and downloads!">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="theme-color" content="#84528A">
        <link rel="manifest" href="/manifest.json">
        <base href="/">
        <link rel="stylesheet" href="/styles/offline.css">
        <style type="text/css"></style>
    </head>
    <body>
        <header>
            <div class="mobile-header">
                <a href="/" class="logo"><img src="/images/ponyfm-logo-white.svg"></a>
            </div>
            <div class="now-playing"></div>
        </header>
        <div class="site-body">
            <ul class="sidebar">
                <a href="/">
                    <img src="/images/ponyfm-logo-white.svg" class="logo">
                </a>
                <li class="x-attribution">
                    <a href="#">
                        <span>Powered by</span>
                        <img src="/images/ponyfm-logo-white.svg" alt="Pony.fm logo" title="Pony.fm">
                        <span>We're open-source!</span>
                    </a>
                </li>
            </ul>
            <div class="site-content offline">
                <h1>No connection :(</h1>
                <p>Pony.fm needs an internet connection to work</p>
            </div>
        </div>
    </body>
</html>