flickr-memory/index.php at master · taylorkearns/flickr-memory · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="author" content="">

    <title></title>

    <link rel="stylesheet" href="/css/global.css" />
    <link rel="shortcut icon" href="/favicon.ico">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
</head>

<body>

<div id="wrapper">
    <h1>flickr memory</h1>

    <section id="photo-well"></section> <!-- #photo-well -->

    <section id="score-card">
        <h2>score</h2>
        <div id="tally"></div>
    </section> <!-- #score-card -->

    <section id="scoreboard">
        <h2>scoreboard</h2>
    </section> <!-- #scoreboard -->

    <section id="gallery-selector">
        <h2>galleries</h2>
        <p>Click on a gallery in the list below, or enter any <a href="http://www.flickr.com/galleries/" target="_blank">Flickr gallery</a> URL into the input field.  Better yet, create your own gallery and enter that URL!</p>
        <form id="custom-gallery">
            <input type="text" id="url" placeholder="enter gallery URL" />
            <input type="submit" class="button" value="go" />
        </form>
        <ul>
            <li><a href="http://www.flickr.com/photos/taylorkearns/galleries/72157625863370830">idaho</a></li>
            <li><a href="http://www.flickr.com/photos/taylorkearns/galleries/72157625942950676">los angeles</a></li>
            <li><a href="http://www.flickr.com/photos/taylorkearns/galleries/72157625941911836">boston</a></li>
            <li><a href="http://www.flickr.com/photos/taylorkearns/galleries/72157625824131273">tester</a></li>
        </ul>
    </section> <!-- #gallery-selector -->

    <div id="user-scores-entry">
        <p>Nice work! Enter your name to be added to the scoreboard.</p>
        <form id="user-scores" action="#" method="post">
            <br />
            <label for="player-name">name:</label>
            <input type="text" id="player-name" value="20 characters max" />
            <br /><br />
            <input type="submit" id="score-submit" value="post my score" disabled="disabled" />
            <input type="button" id="score-cancel" value="no thanks" />
            <br /><br />
            <p style="font-size: 12px;">If you have a great gallery from your city, <a href="mailto:taylor@taylorkearns.com">shoot me a line</a> and I'll consider adding it to the permanent list!</p>
        </form>
    </div> <!-- #user-scores-entry -->

</div> <!-- #wrapper -->

<!--
Scripts
-->
<script src="/js/core.js"></script>

</body>
</html>