Skip to content

J
JakDojade
Commit 3478c80e authored by Antek Grzanka's avatar Antek Grzanka
Browse files
Options

blah

parent f9b47e81
Hide whitespace changes
Inline Side-by-side
Showing with 354 additions and 3 deletions
img/event_icon.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/event_icon.png

24.5 KB | W: | H:

img/event_icon.png

9.82 KB | W: | H:

img/event_icon.png
img/event_icon.png
img/event_icon.png
img/event_icon.png
  • 2-up
  • Swipe
  • Onion skin
img/help.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/help.png

23 KB | W: | H:

img/help.png

8.85 KB | W: | H:

img/help.png
img/help.png
img/help.png
img/help.png
  • 2-up
  • Swipe
  • Onion skin
img/icon-instore.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/icon-instore.png

12.6 KB | W: | H:

img/icon-instore.png

8.96 KB | W: | H:

img/icon-instore.png
img/icon-instore.png
img/icon-instore.png
img/icon-instore.png
  • 2-up
  • Swipe
  • Onion skin
img/jakdojade-logo.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/jakdojade-logo.png

11.8 KB | W: | H:

img/jakdojade-logo.png

44 KB | W: | H:

img/jakdojade-logo.png
img/jakdojade-logo.png
img/jakdojade-logo.png
img/jakdojade-logo.png
  • 2-up
  • Swipe
  • Onion skin
img/map_icon.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/map_icon.png

8.07 KB | W: | H:

img/map_icon.png

13.1 KB | W: | H:

img/map_icon.png
img/map_icon.png
img/map_icon.png
img/map_icon.png
  • 2-up
  • Swipe
  • Onion skin
img/road_icon.png
View replaced file @ f9b47e81 View file @ 3478c80e
img/road_icon.png

19.8 KB | W: | H:

img/road_icon.png

10.1 KB | W: | H:

img/road_icon.png
img/road_icon.png
img/road_icon.png
img/road_icon.png
  • 2-up
  • Swipe
  • Onion skin
index2.html
View file @ 3478c80e
......@@ -25,7 +25,7 @@
<body>
<header>
<div class="header-top clearfix">
<div class="header-top clearfix" style="background: #88bed7 !important">
<h1 class="l-left"><img src="./img/jakdojade-logo.png" style="height:100px;margin-right:50px;"></h1>
<h1 class="l-left"><a href="#firstSection"><img class="nav_image" src="./img/map_icon.png" ></a></h1>
......
index2.html~ 0 → 100644
View file @ 3478c80e
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Jak dojade - Finalndia</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/howto.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.6/jquery.fullPage.css'>
<link rel="stylesheet" href="css/style.css">
<link href="./css/vis.min.css" rel="stylesheet" type="text/css" />
<script src="./js/vis.min.js"></script>
<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="./js/map.js"></script>
<style>
</style>
</head>
<body>
<header>
<div class="header-top clearfix" style="background-color: #88bed7 !important">
<h1 class="l-left"><img src="./img/jakdojade-logo.png" style="height:100px;margin-right:50px;"></h1>
<h1 class="l-left"><a href="#firstSection"><img class="nav_image" src="./img/map_icon.png" ></a></h1>
<h1 class="l-left"><a href="#firstSection/1"><img class="nav_image" src="./img/help.png"></a></h1>
<h1 class="l-left"><a href="#firstSection/2"><img class="nav_image" src="./img/road_icon.png"></a></h1>
<h1 class="l-left"><a href="#firstSection/3"><img class="nav_image"src="./img/icon-instore.png"></a></h1>
<h1 class="l-left"><a href="#firstSection/4"><img class="nav_image"src="./img/event_icon.png"></a></h1>
<a class="l-right toggle-menu" href="#">
<i></i>
<i></i>
<i></i>
</a>
</div>
<nav class="hide">
<ul id="menu">
<li data-menuanchor="fifthSection">
<a href="#firstSection" title="First Slide">First Slide</a>
</li>
<li data-menuanchor="fifthSection/1">
<a href="#firstSection/1" title="Second Slide">Second Slide</a>
</li>
</ul>
</nav>
</header>
<div id="fullpage">
<section class="vertical-scrolling">
<div class="horizontal-scrolling">
<div id="chartdiv"></div>
</div>
<div class="horizontal-scrolling">
<section class="features_table">
<div class="container">
<div class="col-sm-8 col-8 col-xs-12 no-padding">
<div class="features-table">
<ul>
<h1>Pomysl:</h1>
<li>Codzienna sauna </li>
<li>-30 stopni </li>
<li>Renifery </li>
<li>Mikolaj</li>
</ul>
</div>
</div>
<div class="col-sm-2 col-2 col-xs-12 no-padding">
<div class="features-table-free">
<ul>
<h1>Polska</h1>
<li><i class="fa fa-times"></i></li>
<li><i class="fa fa-times"></i></li>
<li><i class="fa fa-times"></i></li>
<li><i class="fa fa-times"></i></li>
</ul>
</div>
</div>
<div class="col-sm-2 col-2 col-xs-12 no-padding">
<div class="features-table-paid">
<ul>
<h1>Finlandia</h1>
<li><i class="fa fa-check"></i></li>
<li><i class="fa fa-check"></i></li>
<li><i class="fa fa-check"></i></li>
<li><i class="fa fa-check"></i></li>
</ul>
</div>
</div>
</div>
<div class="horizontal-scrolling">
<div class="container">
<div class="col-md-12">
<!-- Nav tabs --><div class="card">
<ul class="nav nav-tabs" role="tablist">
<li id="home_ac" role="presentation" class="active">
<a id="home" aria-controls="home" role="tab" data-toggle="tab">Opcja tania</a></li>
<li id ="profile_ac" role="presentation">
<a id="profile" aria-controls="profile" role="tab" data-toggle="tab">Opcja droga</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home_content">
<ul>
<li><h3>1. Podróż do Gdańska</h3></li>
<p>My wybraliśmy(z Krakowa) PKP intercity. Cena to <b>28zł</b> w jedną strone.</p>
<li><h3>2. Podróż do Turku</h3></li>
<p>Najlepszą opcją jest <a href="https://wizzair.com/">Wizzair</a>. Odpowiednio wcześniej kupiony bilet powinien kosztować około <b>10 euro.</b></p>
<li><h3>3. Podróż do Espoo</h3></li>
<p>Aby dostać się do naszego domu należy kupić bilet na stronie <a href="http://onnibus.fi/">Onnibus</a>.</p>
<p>Szukamy podróży z <b>Turku</b>(bez dodatków) do <b>Espoo(Lommila)</b></p>
<p>Najbliższą opcją dojazdu jest przystanek w Turku - <b>Turku (hotelli Caribia)</b>, a na miejscu <b>Espoo (Lommila) Ikea</b>. Linia <b>F8</b>
<p>Cena biletu wynosi <b>1-5 euro</b> (Miesiąc wcześniej <b>1 euro</b>)</p>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="profile_content">
<h3>Strona w budowie</h3>
<img src="./img/underconstruction.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="horizontal-scrolling">
<h3>Bagaż?</h3>
<!-- 1 row !-->
<div class="row">
<div class="col-md-1 col-md-offset-1">
<img class="take_image" src="./img/towel_icon.png">
</div>
<div class="col-md-2">
<p>Zapasowy ręcznik i strój kąpielowy(opcjonalnie)</p>
</div>
<div class="col-md-2">
<p>Prawdopodobnie pójdziemy na saune</p>
</div>
<div class="col-md-1 col-md-offset">
<img class="take_image" src="./img/vodka_icon.png">
</div>
<div class="col-md-2">
<p>Alkohol</p>
</div>
<div class="col-md-2">
<p>Tutaj jednak mocno drogi.</p>
</div>
</div>
<!-- 2 row !-->
<div class="row">
<div class="col-md-1 col-md-offset-1">
<img class="take_image" src="./img/sleeping_bag.png">
</div>
<div class="col-md-2">
<p>Śpiwór i poduszkę</p>
</div>
<div class="col-md-2">
<p>Mamy tylko jeden dod. dmuchany materac. Można też złaczyć łóżka.</p>
</div>
<div class="col-md-1 col-md-offset">
<img class="take_image" src="./img/poster.png">
</div>
<div class="col-md-2">
<p>Coś na ścianę</p>
</div>
<div class="col-md-2">
<p>Cały dom jest strasznie biały. Pomóżcie go ożywić!</p>
</div>
</div>
<!-- 2 row !-->
<div class="row">
<div class="col-md-1 col-md-offset-1">
<img class="take_image" src="./img/food.png">
</div>
<div class="col-md-2">
<p>Jedzenie</p>
</div>
<div class="col-md-2">
<p>Nie jest wcale drogo i nie musicie się tym przejmować:)</p>
</div>
<div class="col-md-1 col-md-offset">
<img class="take_image" src="./img/Wine_Icon.png">
</div>
<div class="col-md-2">
<p>Wino</p>
</div>
<div class="col-md-2">
<p>Rafal lubi wino</p>
</div>
</div>
</div>
<div class="horizontal-scrolling">
<div id="visualization"></div>
</div>
</section>
</div>
<div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.6/jquery.fullPage.min.js'></script>
<script src="js/index.js"></script>
<script>
$(document).ready(function () {
$('a#home').click(function(){
$('#profile_ac').removeClass('active');
$('#home_ac').addClass('active');
$('#profile_content').removeClass('active');
$('#home_content').addClass('active');
});
$('a#profile').click(function(){
$('#home_ac').removeClass('active');
$('#profile_ac').addClass('active');
$('#home_content').removeClass('active');
$('#profile_content').addClass('active');
});
});
</script>
<script type="text/javascript">
// DOM element where the Timeline will be attached
var container = document.getElementById('visualization');
// Create a DataSet (allows two way data-binding)
var items = new vis.DataSet([
{id: 1, content: 'Przyjazd do Finlandii', start: '2016-01-06'},
{id: 2, content: 'Wyjazd na egzamin', start: '2016-01-26', end: '2016-02-04'},
]);
// Configuration for the Timeline
var options = {};
// Create a Timeline
var timeline = new vis.Timeline(container, items, options);
</script>
</body>
</html>
js/index.js
View file @ 3478c80e
......@@ -24,7 +24,6 @@ $('#fullpage').fullpage({
menu: '#menu',
afterLoad: function(anchorLink, index) {
$header_top.css('background', 'rgba(80, 255, 255, .1)');
$nav.css('background', 'rgba(0, 47, 77, .25)');
if (index == 5) {
$('#fp-nav').hide();
......@@ -62,4 +61,4 @@ $('#fullpage').fullpage({
$nav.css('background', 'rgba(0, 47, 77, .25)');
}
}
});
\ No newline at end of file
});
js/index.js~ 0 → 100644
View file @ 3478c80e
// variables
var $header_top = $('.header-top');
var $nav = $('nav');
// toggle menu
$header_top.find('a').on('click', function() {
$(this).parent().toggleClass('open-menu');
});
// fullpage customization
$('#fullpage').fullpage({
sectionsColor: ['#ffffff', '#ffffff', '#F2AE72', '#5C832F', '#B8B89F'],
sectionSelector: '.vertical-scrolling',
slideSelector: '.horizontal-scrolling',
navigation: true,
slidesNavigation: true,
controlArrows: false,
anchors: ['firstSection', 'secondSection', 'thirdSection', 'fourthSection', 'fifthSection'],
menu: '#menu',
afterLoad: function(anchorLink, index) {
$header_top.css('background', 'rgba(80, 255, 255, .1)');
$nav.css('background', 'rgba(0, 47, 77, .25)');
if (index == 5) {
$('#fp-nav').hide();
}
},
onLeave: function(index, nextIndex, direction) {
if(index == 5) {
$('#fp-nav').show();
}
},
afterSlideLoad: function( anchorLink, index, slideAnchor, slideIndex) {
if(anchorLink == 'fifthSection' && slideIndex == 1) {
$.fn.fullpage.setAllowScrolling(false, 'up');
$header_top.css('background', 'transparent');
$nav.css('background', 'transparent');
$(this).css('background', 'white');
$(this).find('h2').css('color', 'white');
$(this).find('h3').css('color', 'white');
$(this).find('p').css(
{
'color': '#ffffff',
'opacity': 1,
'transform': 'translateY(0)'
}
);
}
},
onSlideLeave: function( anchorLink, index, slideIndex, direction) {
if(anchorLink == 'fifthSection' && slideIndex == 1) {
$.fn.fullpage.setAllowScrolling(true, 'up');
$header_top.css('background', 'rgba(0, 47, 77, .3)');
$nav.css('background', 'rgba(0, 47, 77, .25)');
}
}
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment