index.html

﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />

    <title>PubShare</title>

    <!--<link href='http://fonts.googleapis.com/css?family=Permanent+Marker|Telex' rel='stylesheet' type='text/css'>-->
    <link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <script type="text/template" id="contact-template">
        <div id="contact-<%= email %>" class="contact" data-available="<%= available %>">
            <div class="status"></div>
            <p class="email"><%= email %></p>
            <canvas class="progress" width="36" height="36"></canvas>
            <button disabled="disabled" class="cancel">Cancel</button>
            <button disabled="disabled" class="get">Get File</button>
            <input type="file" disabled="disabled" class="share hidden" />
        </div>
    </script>

    <div class="top-bar">
        <h1 class="title">PubShare</h1>
        <p class="my-email"></p>
    </div>

    <div class="contact-list"></div>

    <div class="login-area">
        <div class="outer-box">
            <div class="register-box">
                <div class="login-head">What's your name?</div>
                <input class="name-input" />
                <br />
                <br />
                <p>or</p>
                <br />
                <div class="google-login">
                    <a id="google-login-button">
                        <img src="White-signin_Long_base_32dp.png" alt="Google Signin Button" />
                    </a>
                </div>
            </div>
            <div class="confirm-name-area">
                <a href="#" class="confirm-name">Start Sharing</a>
            </div>
        </div>
    </div>
    <a id="download"></a>

    <div class="byline">
        <p>Created by</p>
        <a href="http://pubnub.com">
            <img src="pubnub-large.png" alt="PubNub" /></a>
    </div>

    <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script src="http://cdn.pubnub.com/pubnub-3.5.1.min.js"></script>
    <script src="./webrtc-beta-pubnub.js"></script>
    <script src="./base64binary.js"></script>
    <script src="./underscore.js"></script>
    <script src="./file-manager.js"></script>
    <script src="./connection.js"></script>
    <script src="./main.js"></script>
</body>
</html>