-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (137 loc) · 6.54 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>BrakeValve</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollzer.min.js"></script>
<script src="/js/jquery.scrolly.min.js"></script>
<script src="/js/skel.min.js"></script>
<script src="/js/skel-layers.min.js"></script>
<script src="/js/init.js"></script>
<noscript>
<link rel="stylesheet" href="/css/skel.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/style-xlarge.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<div id="wrapper">
<!-- Header -->
<section id="header" class="skel-layers-fixed">
<header>
<span class="image avatar"><img src="/images/avatar.jpg" alt="" /></span>
<h1 id="logo"><a href="/">BrakeValve</a></h1>
<p>We are the brakes for<br />
every Steam buyer.</p>
</header>
<nav id="nav">
<ul>
<li><a href="/">Home</a></li>
<!-- <li><a href="/contact">Contact</a></li>
<li><a href="/blog">Blog</a></li>-->
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/BrakeValve" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
</footer>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="container">
<header class="major">
<h2>BrakeValve</h2>
<p>A Chrome extension to help Steam buyers <br />
making decision on purchasing games.</p>
</header>
<p>How many times do you find out you purchase a game on Steam and just a couple a couple days later it has a crazy discount? Or have you wasted so many time on waiting for a game to have a discount, and by the time it really did you found out you didn't have time to play it!! This happened all the time, and it sucks. So we want to find a way to help you make perfect decisions.</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Things It Provide</h3>
<p></p>
<ul class="feature-icons">
<li class="fa-check">High accuracy</li>
<li class="fa-rocket">Roubust predictor</li>
<li class="fa-book">Handy Chrome extension interface</li>
<li class="fa-bar-chart">Static visualization</li>
<li class="fa-github">Open source project</li>
<li class="fa-users">Customization</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>How Does It Work?</h3>
<div class="features">
<article style="cursor:pointer"onclick="window.location='/2016/09/10/Apply-machine-learning.html';">
<a href="/2016/09/10/Apply-machine-learning.html" class="image"><img src="images/label-small.png" alt="" /></a>
<div class="inner" >
<h4 >Apply machine learing</h4>
<p>In the beginning, we got the insight form the stock prediction. Studies have shown that if we have enough historical ...</p>
</div>
</article>
<article style="cursor:pointer"onclick="window.location='/2016/09/09/Some-data-engineering.html';">
<a href="/2016/09/09/Some-data-engineering.html" class="image"><img src="images/abs_time.png" alt="" /></a>
<div class="inner">
<h4>Some data engineering</h4>
<p>Here are some tricks and experience when dealing with Steam price historical data ... </p>
</div>
</article>
<article style="cursor:pointer"onclick="window.location='/2016/09/08/Evaluation.html';">
<a href="/2016/09/08/Evaluation.html" class="image"><img src="images/result.png" alt="" /></a>
<div class="inner">
<h4>Evaluation</h4>
<p>"All models are wrong but some are useful"</br> Here is our experiment to justify our prediction ...</p>
</div>
</article>
</div>
</div>
</section>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Customize Your Own BrakeValve!</h3>
<p>You can find our source code including Steam Data Crawler, Data preprocessor, and Random forest Demo on our <a href="https://github.com/BrakeValve/dataflow">GitHub</a>. Fork our project, and adjust the CCC curve parameter to fit your needs. Also, feel free to add more features into the preprocessor, and let us knows what you find!</p>
</div>
</section>
<!-- Five -->
<section id="five">
<div class="container">
<h3>Coming Soon on Chrome Web Store ...</h3>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© BrakeValve. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li>Jekyll Template: <a href="http://cloudcannon.com">Cloud Cannon</a></li>
</ul>
</div>
</section>
</div>
</body>
</html>