Skip to content

P
pa2d4ti06
Commit b5b63bc9 by Juliper
Options

Merge branch 'master' of https://gitlab.del.ac.id/juliper19/pa2d4ti06

parents 7745e815 77105c24
Showing with 528 additions and 18 deletions
img/howto/how2.png
img/howto/how2.png

340 KB | W: | H:

img/howto/how2.png

386 KB | W: | H:

img/howto/how2.png
img/howto/how2.png
img/howto/how2.png
img/howto/how2.png
  • 2-up
  • Swipe
  • Onion skin
public/css/lightbox.css 0 → 100644
/* Preload images */
body:after {
content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(../images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(../images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
public/css/lightbox.min.css 0 → 100644
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
\ No newline at end of file
public/css/style.css
......@@ -4,7 +4,91 @@
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
#myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
}
}
/*-- Reset-Code --*/
......@@ -1013,6 +1097,12 @@ ul.social-icons li a.youtube:hover {
padding-bottom: 28px;
background-color: #f3f3f3;
}
.details ol {
margin-bottom: 10px;
padding-left: 15px;
}
/*--w3layouts--*/
/*--agileits--*/
.details h3 {
......@@ -4748,3 +4838,17 @@ p.contact-p {
/*-- //Responsive Code --*/
/*w3css*/
.w3-modal-content{
margin:auto;
background-color: #fff;
position: relative;
padding: 0;
outline: 0;
width: 600px;
}
.w3-animate-zoom{
-webkit-animation:
}
public/img/howto/how2.png
public/img/howto/how2.png

340 KB | W: | H:

public/img/howto/how2.png

437 KB | W: | H:

public/img/howto/how2.png
public/img/howto/how2.png
public/img/howto/how2.png
public/img/howto/how2.png
  • 2-up
  • Swipe
  • Onion skin
public/img/howto/how3.PNG
public/img/howto/how3.PNG

196 KB | W: | H:

public/img/howto/how3.PNG

420 KB | W: | H:

public/img/howto/how3.PNG
public/img/howto/how3.PNG
public/img/howto/how3.PNG
public/img/howto/how3.PNG
  • 2-up
  • Swipe
  • Onion skin
public/js/lightbox-plus-jquery.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/js/lightbox-plus-jquery.min.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/js/lightbox.min.js 0 → 100644
/*!
* Lightbox v2.9.0
* by Lokesh Dhakar
*
* More info:
* http://lokeshdhakar.com/projects/lightbox2/
*
* Copyright 2007, 2015 Lokesh Dhakar
* Released under the MIT license
* https://github.com/lokesh/lightbox2/blob/master/LICENSE
*/
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.lightbox=b(a.jQuery)}(this,function(a){function b(b){this.album=[],this.currentImageIndex=void 0,this.init(),this.options=a.extend({},this.constructor.defaults),this.option(b)}return b.defaults={albumLabel:"Image %1 of %2",alwaysShowNavOnTouchDevices:!1,fadeDuration:600,fitImagesInViewport:!0,imageFadeDuration:600,positionFromTop:50,resizeDuration:700,showImageNumberLabel:!0,wrapAround:!1,disableScrolling:!1,sanitizeTitle:!1},b.prototype.option=function(b){a.extend(this.options,b)},b.prototype.imageCountLabel=function(a,b){return this.options.albumLabel.replace(/%1/g,a).replace(/%2/g,b)},b.prototype.init=function(){var b=this;a(document).ready(function(){b.enable(),b.build()})},b.prototype.enable=function(){var b=this;a("body").on("click","a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",function(c){return b.start(a(c.currentTarget)),!1})},b.prototype.build=function(){var b=this;a('<div id="lightboxOverlay" class="lightboxOverlay"></div><div id="lightbox" class="lightbox"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" /><div class="lb-nav"><a class="lb-prev" href="" ></a><a class="lb-next" href="" ></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div>').appendTo(a("body")),this.$lightbox=a("#lightbox"),this.$overlay=a("#lightboxOverlay"),this.$outerContainer=this.$lightbox.find(".lb-outerContainer"),this.$container=this.$lightbox.find(".lb-container"),this.$image=this.$lightbox.find(".lb-image"),this.$nav=this.$lightbox.find(".lb-nav"),this.containerPadding={top:parseInt(this.$container.css("padding-top"),10),right:parseInt(this.$container.css("padding-right"),10),bottom:parseInt(this.$container.css("padding-bottom"),10),left:parseInt(this.$container.css("padding-left"),10)},this.imageBorderWidth={top:parseInt(this.$image.css("border-top-width"),10),right:parseInt(this.$image.css("border-right-width"),10),bottom:parseInt(this.$image.css("border-bottom-width"),10),left:parseInt(this.$image.css("border-left-width"),10)},this.$overlay.hide().on("click",function(){return b.end(),!1}),this.$lightbox.hide().on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$outerContainer.on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$lightbox.find(".lb-prev").on("click",function(){return 0===b.currentImageIndex?b.changeImage(b.album.length-1):b.changeImage(b.currentImageIndex-1),!1}),this.$lightbox.find(".lb-next").on("click",function(){return b.currentImageIndex===b.album.length-1?b.changeImage(0):b.changeImage(b.currentImageIndex+1),!1}),this.$nav.on("mousedown",function(a){3===a.which&&(b.$nav.css("pointer-events","none"),b.$lightbox.one("contextmenu",function(){setTimeout(function(){this.$nav.css("pointer-events","auto")}.bind(b),0)}))}),this.$lightbox.find(".lb-loader, .lb-close").on("click",function(){return b.end(),!1})},b.prototype.start=function(b){function c(a){d.album.push({link:a.attr("href"),title:a.attr("data-title")||a.attr("title")})}var d=this,e=a(window);e.on("resize",a.proxy(this.sizeOverlay,this)),a("select, object, embed").css({visibility:"hidden"}),this.sizeOverlay(),this.album=[];var f,g=0,h=b.attr("data-lightbox");if(h){f=a(b.prop("tagName")+'[data-lightbox="'+h+'"]');for(var i=0;i<f.length;i=++i)c(a(f[i])),f[i]===b[0]&&(g=i)}else if("lightbox"===b.attr("rel"))c(b);else{f=a(b.prop("tagName")+'[rel="'+b.attr("rel")+'"]');for(var j=0;j<f.length;j=++j)c(a(f[j])),f[j]===b[0]&&(g=j)}var k=e.scrollTop()+this.options.positionFromTop,l=e.scrollLeft();this.$lightbox.css({top:k+"px",left:l+"px"}).fadeIn(this.options.fadeDuration),this.options.disableScrolling&&a("body").addClass("lb-disable-scrolling"),this.changeImage(g)},b.prototype.changeImage=function(b){var c=this;this.disableKeyboardNav();var d=this.$lightbox.find(".lb-image");this.$overlay.fadeIn(this.options.fadeDuration),a(".lb-loader").fadeIn("slow"),this.$lightbox.find(".lb-image, .lb-nav, .lb-prev, .lb-next, .lb-dataContainer, .lb-numbers, .lb-caption").hide(),this.$outerContainer.addClass("animating");var e=new Image;e.onload=function(){var f,g,h,i,j,k,l;d.attr("src",c.album[b].link),f=a(e),d.width(e.width),d.height(e.height),c.options.fitImagesInViewport&&(l=a(window).width(),k=a(window).height(),j=l-c.containerPadding.left-c.containerPadding.right-c.imageBorderWidth.left-c.imageBorderWidth.right-20,i=k-c.containerPadding.top-c.containerPadding.bottom-c.imageBorderWidth.top-c.imageBorderWidth.bottom-120,c.options.maxWidth&&c.options.maxWidth<j&&(j=c.options.maxWidth),c.options.maxHeight&&c.options.maxHeight<j&&(i=c.options.maxHeight),(e.width>j||e.height>i)&&(e.width/j>e.height/i?(h=j,g=parseInt(e.height/(e.width/h),10),d.width(h),d.height(g)):(g=i,h=parseInt(e.width/(e.height/g),10),d.width(h),d.height(g)))),c.sizeContainer(d.width(),d.height())},e.src=this.album[b].link,this.currentImageIndex=b},b.prototype.sizeOverlay=function(){this.$overlay.width(a(document).width()).height(a(document).height())},b.prototype.sizeContainer=function(a,b){function c(){d.$lightbox.find(".lb-dataContainer").width(g),d.$lightbox.find(".lb-prevLink").height(h),d.$lightbox.find(".lb-nextLink").height(h),d.showImage()}var d=this,e=this.$outerContainer.outerWidth(),f=this.$outerContainer.outerHeight(),g=a+this.containerPadding.left+this.containerPadding.right+this.imageBorderWidth.left+this.imageBorderWidth.right,h=b+this.containerPadding.top+this.containerPadding.bottom+this.imageBorderWidth.top+this.imageBorderWidth.bottom;e!==g||f!==h?this.$outerContainer.animate({width:g,height:h},this.options.resizeDuration,"swing",function(){c()}):c()},b.prototype.showImage=function(){this.$lightbox.find(".lb-loader").stop(!0).hide(),this.$lightbox.find(".lb-image").fadeIn(this.options.imageFadeDuration),this.updateNav(),this.updateDetails(),this.preloadNeighboringImages(),this.enableKeyboardNav()},b.prototype.updateNav=function(){var a=!1;try{document.createEvent("TouchEvent"),a=this.options.alwaysShowNavOnTouchDevices?!0:!1}catch(b){}this.$lightbox.find(".lb-nav").show(),this.album.length>1&&(this.options.wrapAround?(a&&this.$lightbox.find(".lb-prev, .lb-next").css("opacity","1"),this.$lightbox.find(".lb-prev, .lb-next").show()):(this.currentImageIndex>0&&(this.$lightbox.find(".lb-prev").show(),a&&this.$lightbox.find(".lb-prev").css("opacity","1")),this.currentImageIndex<this.album.length-1&&(this.$lightbox.find(".lb-next").show(),a&&this.$lightbox.find(".lb-next").css("opacity","1"))))},b.prototype.updateDetails=function(){var b=this;if("undefined"!=typeof this.album[this.currentImageIndex].title&&""!==this.album[this.currentImageIndex].title){var c=this.$lightbox.find(".lb-caption");this.options.sanitizeTitle?c.text(this.album[this.currentImageIndex].title):c.html(this.album[this.currentImageIndex].title),c.fadeIn("fast").find("a").on("click",function(b){void 0!==a(this).attr("target")?window.open(a(this).attr("href"),a(this).attr("target")):location.href=a(this).attr("href")})}if(this.album.length>1&&this.options.showImageNumberLabel){var d=this.imageCountLabel(this.currentImageIndex+1,this.album.length);this.$lightbox.find(".lb-number").text(d).fadeIn("fast")}else this.$lightbox.find(".lb-number").hide();this.$outerContainer.removeClass("animating"),this.$lightbox.find(".lb-dataContainer").fadeIn(this.options.resizeDuration,function(){return b.sizeOverlay()})},b.prototype.preloadNeighboringImages=function(){if(this.album.length>this.currentImageIndex+1){var a=new Image;a.src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){var b=new Image;b.src=this.album[this.currentImageIndex-1].link}},b.prototype.enableKeyboardNav=function(){a(document).on("keyup.keyboard",a.proxy(this.keyboardAction,this))},b.prototype.disableKeyboardNav=function(){a(document).off(".keyboard")},b.prototype.keyboardAction=function(a){var b=27,c=37,d=39,e=a.keyCode,f=String.fromCharCode(e).toLowerCase();e===b||f.match(/x|o|c/)?this.end():"p"===f||e===c?0!==this.currentImageIndex?this.changeImage(this.currentImageIndex-1):this.options.wrapAround&&this.album.length>1&&this.changeImage(this.album.length-1):("n"===f||e===d)&&(this.currentImageIndex!==this.album.length-1?this.changeImage(this.currentImageIndex+1):this.options.wrapAround&&this.album.length>1&&this.changeImage(0))},b.prototype.end=function(){this.disableKeyboardNav(),a(window).off("resize",this.sizeOverlay),this.$lightbox.fadeOut(this.options.fadeDuration),this.$overlay.fadeOut(this.options.fadeDuration),a("select, object, embed").css({visibility:"visible"}),this.options.disableScrolling&&a("body").removeClass("lb-disable-scrolling")},new b});
//# sourceMappingURL=lightbox.min.map
\ No newline at end of file
public/js/lightbox.min.map 0 → 100644
{"version":3,"sources":["../../src/js/lightbox.js"],"names":["root","factory","define","amd","exports","module","require","lightbox","jQuery","this","$","Lightbox","options","album","currentImageIndex","init","extend","constructor","defaults","option","albumLabel","alwaysShowNavOnTouchDevices","fadeDuration","fitImagesInViewport","imageFadeDuration","positionFromTop","resizeDuration","showImageNumberLabel","wrapAround","disableScrolling","sanitizeTitle","prototype","imageCountLabel","currentImageNum","totalImages","replace","self","document","ready","enable","build","on","event","start","currentTarget","appendTo","$lightbox","$overlay","$outerContainer","find","$container","$image","$nav","containerPadding","top","parseInt","css","right","bottom","left","imageBorderWidth","hide","end","target","attr","changeImage","length","which","one","setTimeout","bind","$link","addToAlbum","push","link","title","$window","window","proxy","sizeOverlay","visibility","$links","imageNumber","dataLightboxValue","prop","i","j","scrollTop","scrollLeft","fadeIn","addClass","disableKeyboardNav","preloader","Image","onload","$preloader","imageHeight","imageWidth","maxImageHeight","maxImageWidth","windowHeight","windowWidth","width","height","maxWidth","maxHeight","sizeContainer","src","postResize","newWidth","newHeight","showImage","oldWidth","outerWidth","oldHeight","outerHeight","animate","stop","updateNav","updateDetails","preloadNeighboringImages","enableKeyboardNav","alwaysShowNav","createEvent","e","show","$caption","text","html","undefined","open","location","href","labelText","removeClass","preloadNext","preloadPrev","keyboardAction","off","KEYCODE_ESC","KEYCODE_LEFTARROW","KEYCODE_RIGHTARROW","keycode","keyCode","key","String","fromCharCode","toLowerCase","match","fadeOut"],"mappings":"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","file":"lightbox.min.js"}
\ No newline at end of file
resources/views/gallery.blade.php 0 → 100644
@extends('adminlte::layouts.pages.gallery')
resources/views/vendor/adminlte/layouts/owner/listPesanan.blade.php
......@@ -59,7 +59,16 @@
<td>{{$a->tanggal_berakhir}}</td>
<td>{{$a->lama_menginap}} Hari</td>
<td>{{$a->jumlah_kamar}}</td>
<td><img src="/img/{{ $a->bukti_pembayaran }}" style="width: 100px" alt="User Image" /></td>
<td>
<img src="/img/{{ $a->bukti_pembayaran }}" style="width: 100px" alt="User Image" onclick="document.getElementById('modal').style.display='block'"/>
<div id ="modal" class="w3-modal" onclick="this.style.display='none'">
<span class="w3-closebtn w3-hover-red w3-container w3-padding-hor-16 w3-display-topright">&times;</span>
<div class="w3-modal-content w3-animate-zoom">
<img src="/img/{{ $a->bukti_pembayaran }}" style="width:100%">
</div>
</div>
</td>
<td>
@if($a->status==0)
<td>
......
resources/views/vendor/adminlte/layouts/owner/listRoom.blade.php
......@@ -60,7 +60,8 @@
<td>@if($a->gambar == null)
<img alt="Belum ada foto">
@else
<img src="/img/{{$a->gambar}}" style="max-height: 150px">
<a href="/img/{{$a->gambar}}" data-lightbox="roadtrip"><img src="/img/{{$a->gambar}}" style="max-height: 150px"></a>
@endif
</td>
<td>
......
resources/views/vendor/adminlte/layouts/pages/gallery.blade.php 0 → 100644
@extends('adminlte::layouts.master')
@section('main-content')
<!-- Banner -->
<div class="banner agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts" style="max-height:500px; width:">
<h1 class="wow agileits w3layouts fadeInDown">Gallery Wisata Lumban Bulbul
</h1>
</div>
<!-- //Banner -->
<div class="details agileits w3layouts" style="padding:10px; " >
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px; box-shadow:2px 2px 5px 0px #bfbebe">
<div class="portfolio agileits w3layouts">
<div class="ga-top agileits w3layouts">
<div class="col-md-4 col-sm-4 agileits w3layouts portfolio-top">
<div class="portfolio-item agileits w3layouts wow zoomIn">
<a class="example-image-link agileits w3layouts" href="/img/danautoba.jpg" data-lightbox="example-set" data-title="">
<div class="grid agileits w3layouts">
<figure class="effect-apollo agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts">
<figcaption></figcaption>
</figure>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4 agileits w3layouts portfolio-top">
<div class="portfolio-item agileits w3layouts wow zoomIn">
<a class="example-image-link agileits w3layouts" href="/img/danautoba.jpg" data-lightbox="example-set" data-title="">
<div class="grid agileits w3layouts">
<figure class="effect-apollo agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts">
<figcaption></figcaption>
</figure>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4 agileits w3layouts portfolio-top">
<div class="portfolio-item agileits w3layouts wow zoomIn">
<a class="example-image-link agileits w3layouts" href="/img/danautoba.jpg" data-lightbox="example-set" data-title="">
<div class="grid agileits w3layouts">
<figure class="effect-apollo agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts">
<figcaption></figcaption>
</figure>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4 agileits w3layouts portfolio-top">
<div class="portfolio-item agileits w3layouts wow zoomIn">
<a class="example-image-link agileits w3layouts" href="/img/danautoba.jpg" data-lightbox="example-set" data-title="">
<div class="grid agileits w3layouts">
<figure class="effect-apollo agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts">
<figcaption></figcaption>
</figure>
</div>
</a>
</div>
</div>
<div class="col-md-4 col-sm-4 agileits w3layouts portfolio-top">
<div class="portfolio-item agileits w3layouts wow zoomIn">
<a class="example-image-link agileits w3layouts" href="/img/danautoba.jpg" data-lightbox="example-set" data-title="">
<div class="grid agileits w3layouts">
<figure class="effect-apollo agileits w3layouts">
<img src="/img/danautoba.jpg" alt="Agileits W3layouts">
<figcaption></figcaption>
</figure>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //Tooltip-Content -->
<!-- Date-Picker-JavaScript -->
<script src="{{asset('js/jquery-ui.js')}}"></script>
<script>
document.getElementById('book').onclick = function(){
swal("Good job!", "You clicked the button!", "success");};
</script>
<script>
document.querySelector(' ').onclick = function(){
swal("Good job!", "You clicked the button!", "success");};
</script>
<script>
document.querySelector('').onclick = function(){
swal({
title:"Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: '#DD6B55',
confirmButtonText: 'Yes, delete it!',
cancelButtonText: "No, cancel plx!",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm){
swal("Deleted!", "Your imaginary file has been deleted!", "success");
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});
};
</script>
</div>
</div>
</div>
@endsection
resources/views/vendor/adminlte/layouts/pages/howtobook.blade.php
......@@ -3,31 +3,53 @@
@section('main-content')
<!-- Banner -->
<div class="banner agileits w3layouts">
<img src="/img/bulbul.jpg" alt="Agileits W3layouts" style="max-height:500px; width:">
<h1 class="wow agileits w3layouts fadeInDown"></h1>
<img src="/img/danautoba.jpg" alt="Agileits W3layouts" style="max-height:500px; width:">
<h1 class="wow agileits w3layouts fadeInDown">Langkah memesan Homestay Lumban Bulbul
</h1>
</div>
<!-- //Banner -->
<!-- Booking -->
<div class="details agileits w3layouts" style="padding:0px; " >
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:100px; padding-top: 30px;padding-bottom:10px;">
<div class="details agileits w3layouts" style="padding:10px; " >
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px; box-shadow:2px 2px 5px 0px #bfbebe">
<img style="" src="/img/howto/how1.png" alt="Agileits W3layouts">
<ol class="list-group agileits w3layouts" style="margin-left:20px;">
<li class="list-group-item1 agileits w3layouts">Cras justo odio</li>
<li class="list-group-item1 agileits w3layouts">Dapibus ac facilisis in</li>
<li class="list-group-item1 agileits w3layouts">Morbi leo risus</li>
<li class="list-group-item1 agileits w3layouts">Porta ac consectetur ac</li>
<li class="list-group-item1 agileits w3layouts">Vestibulum at eros</li>
<li class="list-group-item1 agileits w3layouts">Pertama, kamu harus login terlebih dahulu</li>
<li class="list-group-item1 agileits w3layouts">Kemudian Klik Menu Daftar Homestay</li>
</ol>
<img style="" src="/img/howto/how1.png" alt="Agileits W3layouts">
</div>
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
<img style="" src="/img/howto/how2.png" alt="Agileits W3layouts">
<ol class="list-group agileits w3layouts" style="margin-left:20px;">
<li class="list-group-item1 agileits w3layouts">Pilih homestay yang anda inginkan</li>
<li class="list-group-item1 agileits w3layouts">Klik Lihat </li
</ol>
</div>
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
<img style="" src="/img/howto/how3.png" alt="Agileits W3layouts">
<ol class="list-group agileits w3layouts" style="margin-left:20px;">
<li class="list-group-item1 agileits w3layouts">Cras justo odio</li>
<li class="list-group-item1 agileits w3layouts">Dapibus ac facilisis in</li>
<li class="list-group-item1 agileits w3layouts">Morbi leo risus</li>
<li class="list-group-item1 agileits w3layouts">Porta ac consectetur ac</li>
<li class="list-group-item1 agileits w3layouts">Vestibulum at eros</li>
<li class="list-group-item1 agileits w3layouts">Setelah kamu berada dihalam homestay tersebut</li>
<li class="list-group-item1 agileits w3layouts">Isi data di pemesanan</li>
<li class="list-group-item1 agileits w3layouts">Perhatikan juga daftar booking yang terjadi pada homestay tersebut</li>
<li class="list-group-item1 agileits w3layouts">klik Book Now</li>
</ol>
</div>
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
<img style="" src="/img/howto/how4.png" alt="Agileits W3layouts">
<ol class="list-group agileits w3layouts" style="margin-left:20px;">
<li class="list-group-item1 agileits w3layouts">Setelah itu, pergi kemenu history kamu</li>
</ol>
</div>
<div class="container" style="margin-top:10px; background-color:white; width:950px; margin-left:auto; margin-right:auto; margin-top:20px; padding-top: 30px;padding-bottom:10px;box-shadow:2px 2px 5px 0px #bfbebe">
<img style="" src="/img/howto/how5.png" alt="Agileits W3layouts">
<ol class="list-group agileits w3layouts" style="margin-left:20px;">
<li class="list-group-item1 agileits w3layouts">Upload Bukti transfer</li>
</ol>
</div>
</div>
</div>
<br><br>
......
resources/views/vendor/adminlte/layouts/partials/htmlheader.blade.php
......@@ -4,8 +4,10 @@
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<script type="text/javascript" src="{{asset('js/lightbox-plus-jquery.js')}}"></script>
<link rel="stylesheet" href="{{asset('css/lightbox.css')}}" type="text/css" media="all">
<link href="{{ asset('/css/all.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/css/w3.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/css/datepicker3.css') }}" rel="stylesheet" type="text/css" />
<script src="{{ asset('/plugins/jQuery/jquery-2.2.3.min.js') }}" type="text/javascript"></script>
......
resources/views/vendor/adminlte/layouts/partialweb/htmlheader.blade.php
......@@ -12,6 +12,7 @@
<!-- Custom-Stylesheet-Links -->
<!-- Bootstrap-CSS -->
<link rel="stylesheet" href="{{asset('css/lightbox.css')}}" type="text/css" media="all">
<link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}" type="text/css" media="all">
<!-- Index-Page-CSS -->
<link rel="stylesheet" href="{{asset('css/style.css')}}" type="text/css" media="all">
......@@ -22,6 +23,7 @@
<!-- Popup -->
<link rel="stylesheet" href="{{asset('css/sweet-alert.css')}}" type="text/css" media="all">
<link rel="stylesheet" href="{{asset('plugins/pnotify/dist/pnotify.css')}}" type="text/css" media="all">
<link rel="stylesheet" href="{{asset('plugins/pnotify/dist/pnotify.buttons.css')}}" type="text/css" media="all">
<link rel="stylesheet" href="{{asset('plugins/pnotify/dist/pnotify.nonblock.css')}}" type="text/css" media="all">
......
resources/views/vendor/adminlte/layouts/partialweb/mainfooter.blade.php
......@@ -15,6 +15,8 @@
<div class="col-md-12 footer-grid agileits w3layouts footer-grid-2 ">
<ul class="agileits w3layouts">
<p style="font-size: 20px; color: white; margin-bottom: 10px"> Other Link </p>
<li><a href="{{ url('/howtobook') }}"> Cara Memesan </a></li>
<li><a href="{{ url('/gallery') }}"> Gallery Lumban Bulbul </a></li>
<li><a href=""> Tobasamosir </a></li>
<li><a href=""> Institut Teknologi Del </a></li>
<li><a href=""> Dinasparisiwata Tobasa </a></li>
......
resources/views/vendor/adminlte/layouts/partialweb/scripts.blade.php
<!-- Custom-JavaScript-File-Links -->
<!-- Default-JavaScript -->
<script type="text/javascript" src="{{asset('js/lightbox-plus-jquery.js')}}"></script>
<script type="text/javascript" src="{{asset('js/jquery-2.1.4.min.js')}}"></script>
<script type="text/javascript" src="{{asset('js/jquery-ui.js')}}"></script>
<!-- Bootstrap-JavaScript -->
......@@ -98,5 +100,6 @@ $("#datepicker1").datepicker({
});
</script>

<!-- //Custom-JavaScript-File-Links -->
routes/web.php
......@@ -115,6 +115,10 @@ Route::get('howtobook', function(){
return view('howtobook');
});
Route::get('gallery', function(){
return view('gallery');
});
......
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