-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (109 loc) · 5.3 KB
/
index.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<title>Vendyr</title>
<meta name="viewport" content="width=device-width">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<link href="../tag-plugin/textext.core.css" rel="stylesheet">
<link href="../tag-plugin/textext.plugin.tags.css" rel="stylesheet">
<link href="../tag-plugin/textext.plugin.autocomplete.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="./navbar/navbar.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/custom.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="./sidescroller-view/sidescroller-view.css" media="screen,projection"/>
<link rel="shortcut icon" type="image/png" href="../media/favicon.png"/>
</head>
<body>
<!-- facebook auth stuff -->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '164366894009708',
xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var 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'));
</script>
<header>
<div id="navbar-placeholder"> </div>
</header>
<main>
<div class="big-header-image">
<img class="responsive-img" src="media/FrontPagePhoto.jpg">
<div class="main-info-container">
<div class="main-info-left">
<h3 class="bold-caption"> Students Only</h3>
<p class="caption-text-below">Never deal with strangers or scam artists again. Buy and sell only with students and alumni that have a verified .edu email</p>
</div>
<div class="main-info-right">
<h3 class="bold-caption">Quick Search</h3>
<p class="caption-text-below">Enter a search once, and only once (e.g. ISBN for a book). we'll notify you when the item is available at the locations and price that you want.</p>
</div>
</div>
<div class="search-container z-depth-4">
<div class="row">
<div class="col s12 m12 l3">
<label for="main-keys">Title</label>
<input type="text" id="main-keys" placeholder="ISBN, iPhone, etc">
</div>
<div class="col s12 m12 l3">
<label for="main-campus">Campus</label>
<textarea id="main-campus" placeholder="Loyola Marymount University"></textarea>
</div>
<div class="col s12 m12 l2">
<label for="main-price">Max Price</label>
<input type="text" id="main-price" placeholder="$ 65">
</div>
<div class="col s12 m12 l2">
<label for="main-tags">Tags</label>
<textarea id="main-tags" placeholder="Books, Electronics"></textarea>
</div>
<div class="col s12 m12 l2">
<a class="waves-effect waves-light btn-large" id="search-button-main-page"><i class="medium material-icons">search</i></a>
</div>
</div>
<p id="optional-blurb">(All fields are optional)</p>
</div>
</div>
<div class="section white">
<h1 class="splash-big-blurb">Shop by Most Recent</h1>
<hr class="short-line-break">
<div class="scroll-blurb">
<p> Newest Items around Loyola Marymount University</p>
</div>
<div id="lmu-scroller-placeholder"> </div>
<!-- UCLA -->
<div class="scroll-blurb">
<p> Newest Items around UCLA</p>
</div>
<div id="ucla-scroller-placeholder"></div>
<div class="center" id="splash-pick-campus">
<h1>Shop by Campus</h1>
<hr class="short-line-break">
<h6> View all items available at a specific campus</h6>
<div id="campus-list">
<div class="campus-button hori-vert-align z-depth-4 hoverable">UCLA</div>
<div class="campus-button hori-vert-align z-depth-4 hoverable">LMU</div>
<div class="campus-button campus-button-coming-soon hori-vert-align z-depth-4 hoverable">USC</div>
<div class="campus-button campus-button-coming-soon hori-vert-align z-depth-4 hoverable">UCB</div>
<div class="campus-button campus-button-coming-soon hori-vert-align z-depth-4 hoverable">NYU</div>
<div class="campus-button campus-button-coming-soon hori-vert-align z-depth-4 hoverable">MIT</div>
</div>
</div>
</main>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<script src="../tag-plugin/textext.core.js"></script>
<script src="../tag-plugin/textext.plugin.tags.js"></script>
<script src="../tag-plugin/textext.plugin.autocomplete.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.js"></script>
<script type="text/javascript" src="bin/index.bundle.js"></script>
</body>
</html>