iframe-proxy | Sunbelt Computer Software

117 lines (107 loc) · 4.22 KB
<!DOCTYPE html>
<html lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Hackify Picture</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/components/modal.min.css">
    <link href="css/styles.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-63828172-11', 'auto');
        ga('send', 'pageview');
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<div class="ui small modal" id="shareModal">
    <i class="close icon"></i>
    <div class="header">
        You've been hackified!
    <div class="image content">
        <img alt="Hackified picture" class="image">
    <div class="actions">
        <div class="ui button">Unhackify me!</div>
        <a class="ui button positive" id="download" download="hackified.png">Download</a>
<div id="card">
    <div class="container">
        <div class="content">
            <div class="ui segment">
                <div id="pic-container">
                    <img id="placeholder" src="assets/hackgeneric.png">
                    <canvas id="fb-img"></canvas>
                    <div id="timer">
                    </div>
                </div>
                <div id="text">
                    <div id="title">
                        HACKIFY
                    </div>
                    <div id="info">
                            Hackify your picture! Don't worry, this won't change your profile picture. You will have to download it and set it
                            yourself 😎
                    </div>
                    <div id="load-buttons" class="ui three buttons">
                        <button id="facebook-init" class="ui button">Login with Facebook</button>
                        <div class="or"></div>
                        <button id="webcam-init" class="ui button">Use webcam</button>
                    </div>
                    <div id="capture-buttons" class="ui two buttons">
                        <a id="capture-now" class="fluid ui primary button">Capture</a>
                        <a id="capture-10" class="fluid ui primary button">Capture (10 s)</a>
                    </div>
                </div>
            </div>
        </div>
    window.fbAsyncInit = function () {
        FB.init({
            appId: '1824906477822367',
            xfbml: true,
            version: 'v2.10'
        });
        FB.AppEvents.logPageView();
    (function (d, s, id) {
        let js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
        src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/components/modal.min.js"></script>
<script src="build/babel-polyfill.min.js"></script>
<script src="build/main.js"></script>
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls
