136 lines
6.8 KiB
HTML
136 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Helcel-OTM</title>
|
|
|
|
<link rel='shortcut icon' href='/public/img/helcel.ico' type='image/x-icon'/>
|
|
<meta charset='utf-8'/>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'/>
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700,300" type="text/css">
|
|
<link rel='stylesheet' href='/public/css/index.css'/>
|
|
<link rel="stylesheet" href="https://unpkg.com/vue2-datepicker/index.css">
|
|
<link rel="stylesheet" href="//unpkg.com/leaflet/dist/leaflet.css" />
|
|
<link rel="stylesheet" href="https://unpkg.com/vue-multiselect/dist/vue-multiselect.min.css">
|
|
</head>
|
|
<body>
|
|
<main id="app">
|
|
<!--<header class="header js-header">
|
|
<div class="header-inner container">
|
|
<a href="/" class="header-logo text-dark">
|
|
<img class="header-logoImage" src="/public/img/helcel.png" alt="Helcel logo" width="40">
|
|
<span class="hide-small">Helcel</span>
|
|
</a>
|
|
<ul class="header-nav">
|
|
<li class="header-navItem"><a class="text-dark" href="/">OTM</a></li>
|
|
</ul>
|
|
</div>
|
|
</header>-->
|
|
<div class="container">
|
|
<section class="mb-big">
|
|
<div class="text-center">
|
|
<img class="main-logo mb-medium" src="/public/img/helcel.png" alt="Helcel logo">
|
|
<div>
|
|
<h1 class="text-huge text-withSubtitle">Open Tourism Map</h1>
|
|
<h2 class="text-big text-gray">Collaborative Holiday Planner</h2>
|
|
</div>
|
|
<p id="js-header-waypoint" class="m-none">
|
|
<a class="button button--primary button--mobileFull" href="#go">Get started</a>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="bg-dark">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col-12 col-sm-3">
|
|
<div class="section">
|
|
<img src="/public/img/lightweight.png" alt="Lightweight" width="118"> <br>
|
|
<h2 class="text-withSubtitle text-big text-white">Lightweight <br>
|
|
<span class="text-medium text-gray">Powered By<br>Fastify & Sierra</span></h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm-4">
|
|
<div class="section">
|
|
<img src="/public/img/customizable.png" alt="Customizable" width="118"> <br>
|
|
<h2 class="text-withSubtitle text-big text-white">Customizable<br>
|
|
<span class="text-medium text-gray">Many Templates<br>to choose from</span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-4">
|
|
<div class="section">
|
|
<h2 class="text-withSubtitle text-big text-white">
|
|
<img src="/public/img/opensource.png" alt="Open Source" width="118"> <br>
|
|
FOSS<br>
|
|
|
|
<span class="text-medium text-gray">:-)</span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="go" class="container-medium section">
|
|
<h2 class="text-big">Your journey</h2>
|
|
<p>Browse hotels, restaurants and attractions,.... <br> Select and plan the varying elements of your journey</p>
|
|
<div class="aligner aligner--contentEnd">
|
|
<div class="input">
|
|
<input id="journey_id" v-model="journey_id" placeholder="ID" type="text">
|
|
</div>
|
|
<button class="button button--primary button--mobileFull" v-on:click="start_journey">Start the journey</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div>
|
|
<div class="section bg-dark">
|
|
<div class="container text-center">
|
|
<h3 class="text-huge text-white text-withSubtitle">Developed entirely with Sierra library selectors</h3>
|
|
<h4 class="text-big text-gray">Just define your custom SCSS variables and compile</h4>
|
|
<p>
|
|
<p><a href="https://sierra-library.github.io/" class="button button--secondary button--medium button--mobileFull">Documentation</a> <a href="https://github.com/sierra-library/sierra-library.github.io/tree/master/examples/example1" class="button button--outlined button--medium button--mobileFull">View code</a></p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-medium section">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
<div class="aligner aligner--contentEnd">
|
|
<a href="https://github.com/sierra-library/sierra" class="button button--primary button--mobileFull">Visit Github Page</a>
|
|
</div>
|
|
</div> -->
|
|
|
|
</main>
|
|
|
|
<script src="https://unpkg.com/vue@2/dist/vue.min.js"></script>
|
|
<script src="https://unpkg.com/vue2-datepicker/index.min.js"></script>
|
|
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
|
|
<script src="https://unpkg.com/vue2-leaflet"></script>
|
|
<script src="https://unpkg.com/leaflet.awesome-markers/dist/leaflet.awesome-markers.min.js"></script>
|
|
<script src="https://unpkg.com/axios"></script>
|
|
<script src="https://unpkg.com/lodash"></script>
|
|
<script src="https://unpkg.com/vue-multiselect"></script>
|
|
<script src="https://unpkg.com/vue-textarea-autosize/dist/vue-textarea-autosize.umd.min.js"></script>
|
|
<script src="/public/js/main.js" type="text/javascript" charset="utf-8"></script>
|
|
<footer class="bg-dark">
|
|
<div class="container">
|
|
<div class="section text-center text-small">
|
|
<p class="text-white">
|
|
<img src="/public/img/helcel.png" alt="helcel logo" width="100"><br><br>
|
|
Built with ❤ by Helcel <br><span class="text-small text-gray">v0.0.1</span>
|
|
</p>
|
|
|
|
<p class="text-gray"><a href="https://git.helcel.net">Helcel Git</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |