You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>PlaceBazaar – Decentralized marketplace for worldwide mapping data</title>
  5. <meta name="description" content="PlaceBazaar - Decentralized marketplace for worldwide mapping data">
  6. <meta name="keywords" content="PlaceBazaar, Open Street Map, OpenStreetMap, OSM, Token, Blockchain, Decentralised, web3, coin, marketplace, mapping data">
  7. <meta charset="utf-8">
  8. <meta name="author" content="Bèr Kessels">
  9. <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"><![endif]-->
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <!-- Favicons -->
  12. <link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32">
  13. <link rel="apple-touch-icon" href="icon/favicon-32x32.png">
  14. <link rel="apple-touch-icon" sizes="72x72" href="icon/apple-touch-icon-72x72.png">
  15. <link rel="apple-touch-icon" sizes="114x114" href="icon/apple-touch-icon-114x114.png">
  16. <link rel="apple-touch-icon" sizes="144x144" href="icon/apple-touch-icon-144x144.png">
  17. <!-- Fonts -->
  18. <link href="https://fonts.googleapis.com/css?family=Jura:600,700%7CRoboto:300,400,500,700" rel="stylesheet">
  19. <!-- Icons -->
  20. <link rel="stylesheet" href="css/linearicons.css">
  21. <link rel="stylesheet" href="css/font-awesome.min.css">
  22. <!-- CSS -->
  23. <link rel="stylesheet" href="css/bootstrap.min.css">
  24. <link rel="stylesheet" href="css/owl.carousel.min.css">
  25. <link rel="stylesheet" href="css/animate.min.css">
  26. <link rel="stylesheet" href="css/magnific-popup.css">
  27. <link rel="stylesheet" href="css/main-color3.css">
  28. <!-- Matomo -->
  29. <script type="text/javascript">
  30. var _paq = _paq || [];
  31. /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  32. _paq.push(['trackPageView']);
  33. _paq.push(['enableLinkTracking']);
  34. (function() {
  35. var u="//piwik.webschuur.com/";
  36. _paq.push(['setTrackerUrl', u+'piwik.php']);
  37. _paq.push(['setSiteId', '17']);
  38. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  39. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  40. })();
  41. </script>
  42. <!-- End Matomo Code -->
  43. </head>
  44. <body class="body" data-spy="scroll" data-target=".header" data-offset="60">
  45. <!-- header -->
  46. <header class="header">
  47. <div class="container-fluid">
  48. <div class="row">
  49. <div class="col-xs-12">
  50. <!-- btn -->
  51. <button class="header__btn" type="button">
  52. <span class="lnr lnr-menu"></span>
  53. <span class="lnr lnr-cross"></span>
  54. </button>
  55. <!-- end btn -->
  56. <!-- logo -->
  57. <a data-scroll href="#home" class="header__logo">
  58. <img class="header__logo-white" src="img/logo.png" alt="Logo">
  59. <img class="header__logo-dark" src="img/logo--dark.png" alt="Logo">
  60. </a>
  61. <!-- end logo -->
  62. <!-- tagline -->
  63. <span class="header__tagline">Place<br>Bazaar</span>
  64. <!-- end tagline -->
  65. <!-- navigation -->
  66. <ul class="nav header__nav">
  67. <li>
  68. <a data-scroll href="#about">About Us</a>
  69. </li>
  70. <li>
  71. <a data-scroll href="#roadmap">Roadmap</a>
  72. </li>
  73. <li>
  74. <a data-scroll href="#contact">Contact</a>
  75. </li>
  76. </ul>
  77. <!-- end navigation -->
  78. </div>
  79. </div>
  80. </div>
  81. </header>
  82. <!-- end header -->
  83. <!-- home -->
  84. <section id="home" class="home section--bg" data-bg="img/home/slide.jpg">
  85. <div class="container">
  86. <div class="row">
  87. <div class="col-xs-12">
  88. <!-- home content -->
  89. <div class="home__content-wrap">
  90. <div class="home__content">
  91. <img src="img/logo_trans_square.png" alt="PlaceBazaar Logo"/>
  92. <h1 class="home__title">PlaceBazaar</h1>
  93. <p class="home__text">Decentralized marketplace for worldwide mapping data</p>
  94. <a data-scroll href="#about" class="home__btn home__btn--color">Learn More</a>
  95. </div>
  96. </div>
  97. <!-- end home content -->
  98. </div>
  99. </div>
  100. </div>
  101. </section>
  102. <!-- end home -->
  103. <!-- about -->
  104. <section id="about" class="about about--angle section--gradient">
  105. <div class="container">
  106. <div class="row">
  107. <!-- section title -->
  108. <div class="col-xs-12">
  109. <h2 class="section__title section__title--white section__title--margin">About PlaceBazaar</h2>
  110. </div>
  111. <!-- end section title -->
  112. <div class="col-xs-12">
  113. <!-- about text -->
  114. <div class="about__text">
  115. <p><strong>Placebazaar</strong> is a platform where contributors
  116. are paid to maintain and add data to a <strong>decentralized,
  117. worldwide map</strong> of roads, trails, cafés, public transport
  118. and much more.</p>
  119. <p>PlaceBazaar connects parties in need of mapping
  120. data, with contributors of that data, on <strong>a marketplace</strong>.
  121. Built on top of the fantastic
  122. OpenStreetmap data, we ensure the <strong>data is
  123. uncensurable</strong> and the <strong>contributors are
  124. paid</strong>. </p>
  125. <p>The database is
  126. distributed on IPFs, a decentral, uncensurable filesystem, allowing
  127. unlimited access to this global, Open Source, mapping data.
  128. Contributors can add any data and get paid in PBZ tokens by those
  129. in need of data. A paid review process allows consumers to ensure
  130. validity of the data.</p>
  131. <p><strong>We'll release much more detailed figures and a draft of the whitepaper the first week of may 2018.</strong></p>
  132. </div>
  133. </div>
  134. <!-- end about text -->
  135. </div>
  136. </div>
  137. </div>
  138. </section>
  139. <!-- end about -->
  140. <!-- roadmap -->
  141. <section class="section section--grey" id="roadmap">
  142. <div class="container-fluid">
  143. <div class="row">
  144. <!-- section title -->
  145. <div class="col-xs-12">
  146. <h2 class="section__title">Roadmap</h2>
  147. <span class="section__tagline">A high-level plan to release PlaceBazaar</span>
  148. </div>
  149. <!-- end section title -->
  150. <!-- roadmap -->
  151. <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-lg-12 col-lg-offset-0">
  152. <ul class="roadmap">
  153. <li>
  154. <span>Q2 2018</span>
  155. <p><strong>Basics</strong> Whitepaper, Site, Branding and licensing.</p>
  156. </li>
  157. <li>
  158. <span>Q3 2018</span>
  159. <p><strong>Testnet to OSM</strong> Testnet Smart Contracts to manage places and sync them to an OSM database.</p>
  160. </li>
  161. <li>
  162. <span>Q4 2018</span>
  163. <p><strong>Rewards and Payouts</strong> Testnet Smart Contracts to reward and pay contributors.</p>
  164. </li>
  165. <li>
  166. <span>Q1 2019</span>
  167. <p><strong>Marketplace</strong> Testnet Smart Contracts to request places on a marketplace website.</p>
  168. </li>
  169. <li>
  170. <span>Q2 2019</span>
  171. <p><strong>Mobile App and Web Interface</strong> Testnet Mobile and Web-app enabling users to fulfill marketplace requests is released.</p>
  172. </li>
  173. <li>
  174. <span>Q3-4 2019</span>
  175. <p><strong>Mainnet Release</strong> After external audits, the Testnet Smart Contracts are finalized and deployed to the main Ethereum Blockchain.</p>
  176. </li>
  177. <li>
  178. <span>Future</span>
  179. <p><strong>Full Decentralisation</strong> The central APIs in the website, the oracle code and the syncing tools are restructured to allow and incentivise anyone to run these.</p>
  180. </li>
  181. </ul>
  182. </div>
  183. <!-- end roadmap -->
  184. </div>
  185. </div>
  186. </section>
  187. <!-- end roadmap -->
  188. <!-- get in touch -->
  189. <section id="contact" class="section">
  190. <div class="container">
  191. <div class="row">
  192. <!-- section title -->
  193. <div class="col-xs-12">
  194. <h2 class="section__title">Get in Touch</h2>
  195. <p class="section__text">We are currently researching the basis and writing the whitepaper. Feel free to contact us with any questions you may have. This helps us too: getting feedback is important to form the basis.</p>
  196. </div>
  197. <!-- end section title -->
  198. <div class="col-xs-12 col-sm-6">
  199. <!-- contact -->
  200. <div class="contacts">
  201. <ul class="contacts__list">
  202. <li>
  203. <span class="lnr lnr-map"></span>
  204. <address>
  205. PlaceBazaar<br/>
  206. Stationsplein 26<br/>
  207. 6512 AB<br/>
  208. Nijmegen, The Netherlands
  209. </address>
  210. </li>
  211. <li>
  212. <span class="lnr lnr-inbox"></span>
  213. <a href="mailto:info@placebazaar.org">info@placebazaar.org</a>
  214. </li>
  215. <li>
  216. <span class="lnr lnr-phone-handset"></span>
  217. <a href="tel:+31629075065">+31 (0)6-29075065</a>
  218. </li>
  219. </ul>
  220. </div>
  221. <!-- end contact -->
  222. </div>
  223. <div class="col-xs-12 col-sm-6">
  224. <!-- form -->
  225. <form action="https://contact.placebazaar.org/messages" method="post" id="contact-form" class="form form--contacts">
  226. <div class="alert alert-success hidden" role="alert"></div>
  227. <input type="text" class="form__input" name="name" placeholder="Name">
  228. <input type="text" class="form__input" name="email" placeholder="Email">
  229. <textarea class="form__textarea" name="message" placeholder="Message"></textarea>
  230. <!-- real people should not fill this in and expect good things -->
  231. <div style="position: absolute; left: -5000px;" aria-hidden="true">
  232. <input type="text" name="contact-captcha" id="contact-captcha" tabindex="-1" value="">
  233. </div>
  234. <input type="hidden" name="return" id="return" value="https://placebazaar.org/?msg=Thank+you+for+contacting+us#contact" />
  235. <button class="form__btn" type="submit">Send</button>
  236. </form>
  237. <!-- end form -->
  238. </div>
  239. </div>
  240. </div>
  241. </section>
  242. <!-- end get in touch -->
  243. <!-- footer -->
  244. <footer class="footer">
  245. <div class="container">
  246. <div class="row">
  247. <!-- section title -->
  248. <div class="col-xs-12">
  249. <h2 class="section__title section__title--white">Subscribe For Our Newsletter</h2>
  250. </div>
  251. <!-- end section title -->
  252. <!-- Begin MailChimp Signup Form -->
  253. <div id="mc_embed_signup" class="col-xs-12">
  254. <form
  255. action="https://placebazaar.us18.list-manage.com/subscribe/post?u=4648c2b03bac9417f51edfa99&amp;id=96168c2d79"
  256. method="post" id="mc-embedded-subscribe-form"
  257. name="mc-embedded-subscribe-form" class="subscribe validate"
  258. target="_blank" novalidate>
  259. <input type="email" value="" name="EMAIL" class="required email
  260. subscribe__input" id="mce-EMAIL" placeholder="Enter your Email">
  261. <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
  262. <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_4648c2b03bac9417f51edfa99_96168c2d79" tabindex="-1" value=""></div>
  263. <button type="submit" class="subscribe__btn" id=mc_embedded-subscribe" name="subscribe" value="Subscribe"><i class="fa fa-paper-plane-o"></i></button>
  264. </form>
  265. </div>
  266. <!--End mc_embed_signup-->
  267. <form action="#" class="subscribe" id="newsletter-subscribe">
  268. </form>
  269. </div>
  270. <div class="col-xs-12">
  271. <!-- social list -->
  272. <ul class="footer__social clearfix">
  273. <li>
  274. <a href="https://twitter.com/placebazaar"><i class="fa fa-twitter"></i></a>
  275. </li>
  276. <li>
  277. <a href="https://github.com/placebazaar"><i class="fa fa-github"></i></a>
  278. </li>
  279. <li>
  280. <a href="https://t.me/placebazaar"><i class="fa fa-telegram"></i></a>
  281. </li>
  282. </ul>
  283. <!-- end social list -->
  284. </div>
  285. <div class="col-xs-12">
  286. <!-- copyright -->
  287. <small class="footer__copyright">© 2017 <a href="#">PlaceBazaar</a>. Create by <a href="http://berk.es">Bèr Kessels</a></small>
  288. <!-- end copyright -->
  289. </div>
  290. <div class="col-xs-12">
  291. <p class="text-center">version: v0.3.0. built on 2018-05-24</small></p>
  292. </div>
  293. </div>
  294. </div>
  295. </footer>
  296. <!-- end footer -->
  297. <!-- preloader -->
  298. <div class="preloader">
  299. <div class="preloader__logo">
  300. <img src="img/logo--dark.png" alt="">
  301. </div>
  302. <div class="preloader__spinner">
  303. <div class="preloader__bounce1"></div>
  304. <div class="preloader__bounce2"></div>
  305. </div>
  306. </div>
  307. <!-- end preloader -->
  308. <!-- JS -->
  309. <script src="js/jquery-2.2.4.min.js"></script>
  310. <script src="js/bootstrap.min.js"></script>
  311. <script src="js/owl.carousel.min.js"></script>
  312. <script src="js/jquery.marquee.min.js"></script>
  313. <script src="js/smooth-scroll.min.js"></script>
  314. <script src="js/jquery.magnific-popup.min.js"></script>
  315. <script src="js/jquery.parallax.min.js"></script>
  316. <script src="js/scrolla.jquery.min.js"></script>
  317. <script src="js/jquery.waypoints.min.js"></script>
  318. <script src="js/jquery.counterup.min.js"></script>
  319. <script src="js/imagesloaded.pkgd.min.js"></script>
  320. <script src="js/main.js"></script>
  321. </body>
  322. </html>