front-end-bonr/index.html at master · HackTheDinos/front-end-bonr · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
	<title>BON'R</title>
	<meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
	<link rel="stylesheet" href="css/normalize.min.css">
	<link rel="stylesheet" href="css/style.css">

	<!-- <link rel="stylesheet" href="css/style.css"> -->
	<!-- <link rel="shortcut icon" type="image/ico" href="img/favicon.ico"> -->
</head>

<body>


	<header class="fixed">
		<h1> </h1>
		<a id="nav-toggle" class="hamburgermenu" href="#"><span></span></a>


        <div class="dropdownmenu">
            <div class="menuitem"><span><a href="../front-end-bonr/submit.html">SUBMIT FOSSILS</span></a></div>
            <div class="menuitem"><span><a href="../front-end-bonr/index.html">BROWSE FOSSILS</span></a></div>
            <div class="menuitem"><span>LOGOUT</span></div>
        </div>
	</header>

	<main id="main-container">

	</main>

	<!-- Templates -->

	<!--PROFILE-->
	<script id="tpl-profile" type="text/html">
		<section id="profile">
			<div id="profile-content">
				<div id="twitterHandle" class="fixed">@fossil4life</div>

				<img class="sampleImage" id="profile-image" src="<%=data.image[0]%>">

				<div id="thumbContainer">
					<img src="<%=data.image[1]%>">
					<img src="<%=data.image[2]%>">
				</div>
				<div id="profile-text">
							<p> <%= data.profileText %> </p>
				</div>
			</div>
		</section>
		<section id="bottom" class="fixed">
			<div id="scrollLead" class="">
				<div class="arrow"></div>
			</div>
			<div id="vote-container" class="">
				<div class="vote-button" id="no">
				</div>
				<div class="vote-button" id="yes">
				</div>
			</div>
		</section>

	</script>

	<!--VOTE CONFIRM-->
	<script id="tpl-vote-confirm" type="text/html">
		<div class="voteconfirmwrap fixed">
			<section id="vote-confirm">
				<h2>you voted</h2>
				<h1><%= data %></h2>
				<div class="vote-icon"></div>

				<div class="vote-button" id="next">NEXT FOSSIL</div>
			</section>
		</div>
	</script>

	<script type="text/javascript" src="js/jquery-min.js"></script>
	<script type="text/javascript" src="js/underscore-min.js"></script>
	<script type="text/javascript" src="js/hammer.min.js"></script>
	<script type="text/javascript" src="js/swipe.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/nav.js"></script>


</body>
</html>