jekyll-swift-theme 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +10 -1
- data/_includes/head.html +6 -1
- data/_includes/shorts/flickr-album.html +10 -0
- data/_includes/shorts/gallery.html +7 -5
- data/_sass/swift/_comments.sass +6 -0
- data/assets/galleria/galleria.js +6987 -0
- data/assets/galleria/galleria.min.js +12 -0
- data/assets/galleria/plugins/flickr/demo.html +62 -0
- data/assets/galleria/plugins/flickr/galleria.flickr.js +399 -0
- data/assets/galleria/plugins/flickr/galleria.flickr.min.js +10 -0
- data/assets/galleria/plugins/history/demo.html +98 -0
- data/assets/galleria/plugins/history/galleria.history.js +164 -0
- data/assets/galleria/plugins/history/galleria.history.min.js +10 -0
- data/assets/galleria/themes/azur/demo-cdn.html +118 -0
- data/assets/galleria/themes/azur/demo-retina.html +120 -0
- data/assets/galleria/themes/azur/demo.html +120 -0
- data/assets/galleria/themes/azur/galleria.azur.css +403 -0
- data/assets/galleria/themes/azur/galleria.azur.js +312 -0
- data/assets/galleria/themes/azur/galleria.azur.min.css +1 -0
- data/assets/galleria/themes/azur/galleria.azur.min.js +10 -0
- data/assets/galleria/themes/classic/demo-cdn.html +103 -0
- data/assets/galleria/themes/classic/demo-retina.html +106 -0
- data/assets/galleria/themes/classic/demo.html +106 -0
- data/assets/galleria/themes/classic/galleria.classic.css +217 -0
- data/assets/galleria/themes/classic/galleria.classic.js +117 -0
- data/assets/galleria/themes/classic/galleria.classic.min.css +1 -0
- data/assets/galleria/themes/classic/galleria.classic.min.js +10 -0
- data/assets/galleria/themes/folio/demo-cdn.html +106 -0
- data/assets/galleria/themes/folio/demo-retina.html +108 -0
- data/assets/galleria/themes/folio/demo.html +108 -0
- data/assets/galleria/themes/folio/galleria.folio.css +185 -0
- data/assets/galleria/themes/folio/galleria.folio.js +488 -0
- data/assets/galleria/themes/folio/galleria.folio.min.css +1 -0
- data/assets/galleria/themes/folio/galleria.folio.min.js +10 -0
- data/assets/galleria/themes/fullscreen/demo-cdn.html +103 -0
- data/assets/galleria/themes/fullscreen/demo-retina.html +105 -0
- data/assets/galleria/themes/fullscreen/demo.html +103 -0
- data/assets/galleria/themes/fullscreen/galleria.fullscreen.css +219 -0
- data/assets/galleria/themes/fullscreen/galleria.fullscreen.js +197 -0
- data/assets/galleria/themes/fullscreen/galleria.fullscreen.min.css +1 -0
- data/assets/galleria/themes/fullscreen/galleria.fullscreen.min.js +10 -0
- data/assets/galleria/themes/fullscreen/index.html +0 -0
- data/assets/galleria/themes/miniml/demo-cdn.html +113 -0
- data/assets/galleria/themes/miniml/demo-retina.html +115 -0
- data/assets/galleria/themes/miniml/demo.html +115 -0
- data/assets/galleria/themes/miniml/galleria.miniml.css +224 -0
- data/assets/galleria/themes/miniml/galleria.miniml.js +171 -0
- data/assets/galleria/themes/miniml/galleria.miniml.min.css +1 -0
- data/assets/galleria/themes/miniml/galleria.miniml.min.js +10 -0
- data/assets/galleria/themes/twelve/demo-cdn.html +120 -0
- data/assets/galleria/themes/twelve/demo-retina.html +121 -0
- data/assets/galleria/themes/twelve/demo.html +121 -0
- data/assets/galleria/themes/twelve/galleria.twelve.css +296 -0
- data/assets/galleria/themes/twelve/galleria.twelve.js +301 -0
- data/assets/galleria/themes/twelve/galleria.twelve.min.css +1 -0
- data/assets/galleria/themes/twelve/galleria.twelve.min.js +10 -0
- data/assets/js/jquery-3.6.0.min.js +2 -0
- metadata +55 -2
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Galleria Classic Theme</title>
|
|
6
|
+
<style>
|
|
7
|
+
|
|
8
|
+
/* Demo styles */
|
|
9
|
+
html,body{background:#222;margin:0;}
|
|
10
|
+
body{border-top:4px solid #000;}
|
|
11
|
+
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:620px;margin:20px auto;}
|
|
12
|
+
h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
|
|
13
|
+
p{margin:0 0 20px}
|
|
14
|
+
a {color:#22BCB9;text-decoration:none;}
|
|
15
|
+
.galleria-info-description a {color: #bbb;}
|
|
16
|
+
.cred{margin-top:20px;font-size:11px;}
|
|
17
|
+
|
|
18
|
+
/* This rule is read by Galleria to define the gallery height: */
|
|
19
|
+
#galleria{height:320px}
|
|
20
|
+
|
|
21
|
+
</style>
|
|
22
|
+
|
|
23
|
+
<!-- load jQuery -->
|
|
24
|
+
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script> -->
|
|
25
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
|
|
26
|
+
|
|
27
|
+
<!-- load Galleria -->
|
|
28
|
+
<script src="../../galleria.js"></script>
|
|
29
|
+
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<div class="content">
|
|
33
|
+
<h1>Galleria Classic Theme</h1>
|
|
34
|
+
<p>Demonstrating a basic gallery example.</p>
|
|
35
|
+
|
|
36
|
+
<div id="galleria">
|
|
37
|
+
<a href="https://picsum.photos/id/1055/800/500.jpg">
|
|
38
|
+
<img src="https://picsum.photos/id/1055/150/100.jpg"
|
|
39
|
+
data-description="by <a href="https://unsplash.com/photos/12rzbJhQ89E">Neil Thomas</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
40
|
+
data-title="Calm before the storm">
|
|
41
|
+
</a>
|
|
42
|
+
<a href="https://picsum.photos/id/268/800/500.jpg">
|
|
43
|
+
<img src="https://picsum.photos/id/268/150/100.jpg"
|
|
44
|
+
data-description="by <a href="https://unsplash.com/photos/vc3ZOCf5BN8">davide ragusa</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
45
|
+
data-title="Wooden gate at the beach">
|
|
46
|
+
</a>
|
|
47
|
+
<a href="https://picsum.photos/id/35/800/500.jpg">
|
|
48
|
+
<img src="https://picsum.photos/id/35/150/100.jpg"
|
|
49
|
+
data-description="by <a href="https://unsplash.com/photos/znM0ujn2RUA">Shane Colella</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
50
|
+
data-title="Prickly orange needles">
|
|
51
|
+
</a>
|
|
52
|
+
<a href="https://picsum.photos/id/810/800/500.jpg">
|
|
53
|
+
<img src="https://picsum.photos/id/810/150/100.jpg"
|
|
54
|
+
data-description="by <a href="https://unsplash.com/photos/5QyPh6O9tfw">Luís Perdigão</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
55
|
+
data-title="Bridge To Anywhere">
|
|
56
|
+
</a>
|
|
57
|
+
<a href="https://picsum.photos/id/327/800/500.jpg">
|
|
58
|
+
<img src="https://picsum.photos/id/327/150/100.jpg"
|
|
59
|
+
data-description="by <a href="https://unsplash.com/photos/Gg7uKdHFb_c">Ryan Schroeder</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
60
|
+
data-title="Alpine mountains under a clear sky">
|
|
61
|
+
</a>
|
|
62
|
+
<a href="https://picsum.photos/id/241/800/500.jpg">
|
|
63
|
+
<img src="https://picsum.photos/id/241/150/100.jpg"
|
|
64
|
+
data-description="by <a href="https://unsplash.com/photos/1Cg7BQXp024">Sylwia Bartyzel</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
65
|
+
data-title="monochrome wire fence on hill">
|
|
66
|
+
</a>
|
|
67
|
+
<a href="https://picsum.photos/id/874/800/500.jpg">
|
|
68
|
+
<img src="https://picsum.photos/id/874/150/100.jpg"
|
|
69
|
+
data-description="by <a href="https://unsplash.com/photos/Cp-LUHPRpWM">Christopher Campbell</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
70
|
+
data-title="woman underwater in dress">
|
|
71
|
+
</a>
|
|
72
|
+
<a href="https://picsum.photos/id/42/800/500.jpg">
|
|
73
|
+
<img src="https://picsum.photos/id/42/150/100.jpg"
|
|
74
|
+
data-description="by <a href="https://unsplash.com/photos/KR2mdHJ5qMg">Luke Chesser</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
75
|
+
data-title="Coffee in Montreal">
|
|
76
|
+
</a>
|
|
77
|
+
<a href="https://picsum.photos/id/313/800/500.jpg">
|
|
78
|
+
<img src="https://picsum.photos/id/313/150/100.jpg"
|
|
79
|
+
data-description="by <a href="https://unsplash.com/photos/4xYgBTYC2-Q">Sonja Langford</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
80
|
+
data-title="Cloud on the field">
|
|
81
|
+
</a>
|
|
82
|
+
<a href="https://picsum.photos/id/235/800/500.jpg">
|
|
83
|
+
<img src="https://picsum.photos/id/235/150/100.jpg"
|
|
84
|
+
data-description="by <a href="https://unsplash.com/photos/TI-B-TNYJMU">Paul E. Harrer</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
85
|
+
data-title="View from the Langbathsee mountain lake">
|
|
86
|
+
</a>
|
|
87
|
+
<a href="https://vimeo.com/25750735">
|
|
88
|
+
<span class="video">Works for vimeo too.</span>
|
|
89
|
+
</a>
|
|
90
|
+
<a href="https://www.youtube.com/watch?v=PEEXZZ071FE">
|
|
91
|
+
<span class="video">Works for youtube too.</span>
|
|
92
|
+
</a>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
<script>
|
|
97
|
+
$(function() {
|
|
98
|
+
// Load the classic theme
|
|
99
|
+
Galleria.loadTheme('galleria.classic.js');
|
|
100
|
+
|
|
101
|
+
// Initialize Galleria
|
|
102
|
+
Galleria.run('#galleria');
|
|
103
|
+
});
|
|
104
|
+
</script>
|
|
105
|
+
</body>
|
|
106
|
+
</html>
|
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
#galleria-loader{height:1px!important}
|
|
2
|
+
|
|
3
|
+
.galleria-theme-classic {
|
|
4
|
+
position: relative;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
background: #000;
|
|
7
|
+
}
|
|
8
|
+
.galleria-theme-classic img {
|
|
9
|
+
-moz-user-select: none;
|
|
10
|
+
-webkit-user-select: none;
|
|
11
|
+
-o-user-select: none;
|
|
12
|
+
}
|
|
13
|
+
.galleria-theme-classic .galleria-stage {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 10px;
|
|
16
|
+
bottom: 60px;
|
|
17
|
+
left: 10px;
|
|
18
|
+
right: 10px;
|
|
19
|
+
overflow:hidden;
|
|
20
|
+
}
|
|
21
|
+
.galleria-theme-classic .galleria-thumbnails-container {
|
|
22
|
+
height: 50px;
|
|
23
|
+
bottom: 0;
|
|
24
|
+
position: absolute;
|
|
25
|
+
left: 10px;
|
|
26
|
+
right: 10px;
|
|
27
|
+
z-index: 2;
|
|
28
|
+
}
|
|
29
|
+
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
|
|
30
|
+
margin-left: 30px;
|
|
31
|
+
margin-right: 30px;
|
|
32
|
+
}
|
|
33
|
+
.galleria-theme-classic .galleria-thumbnails .galleria-image {
|
|
34
|
+
height: 40px;
|
|
35
|
+
width: 60px;
|
|
36
|
+
background: #000;
|
|
37
|
+
margin: 0 5px 0 0;
|
|
38
|
+
border: 1px solid #000;
|
|
39
|
+
float: left;
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
}
|
|
42
|
+
.galleria-theme-classic .galleria-counter {
|
|
43
|
+
position: absolute;
|
|
44
|
+
bottom: 10px;
|
|
45
|
+
left: 10px;
|
|
46
|
+
text-align: right;
|
|
47
|
+
color: #fff;
|
|
48
|
+
font: normal 11px/1 arial,sans-serif;
|
|
49
|
+
z-index: 1;
|
|
50
|
+
}
|
|
51
|
+
.galleria-theme-classic .galleria-loader {
|
|
52
|
+
background: #000;
|
|
53
|
+
width: 20px;
|
|
54
|
+
height: 20px;
|
|
55
|
+
position: absolute;
|
|
56
|
+
top: 10px;
|
|
57
|
+
right: 10px;
|
|
58
|
+
z-index: 2;
|
|
59
|
+
display: none;
|
|
60
|
+
background: url('data:image/gif;base64,R0lGODlhEAAQAPQAAAAAAP///w4ODnR0dB4eHri4uISEhP///6amptra2lJSUkBAQOrq6mJiYvr6+sjIyJaWlgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAAKAAEALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQACgACACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQACgADACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkEAAoABAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkEAAoABQAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkEAAoABgAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAAKAAcALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkEAAoACAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAAKAAkALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQACgAKACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQACgALACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==') no-repeat 2px 2px;
|
|
61
|
+
}
|
|
62
|
+
.galleria-theme-classic .galleria-info {
|
|
63
|
+
width: 50%;
|
|
64
|
+
top: 15px;
|
|
65
|
+
left: 15px;
|
|
66
|
+
z-index: 2;
|
|
67
|
+
position: absolute;
|
|
68
|
+
}
|
|
69
|
+
.galleria-theme-classic .galleria-info-text {
|
|
70
|
+
background-color: #000;
|
|
71
|
+
padding: 12px;
|
|
72
|
+
display: none;
|
|
73
|
+
/* IE7 */ zoom:1;
|
|
74
|
+
}
|
|
75
|
+
.galleria-theme-classic .galleria-info-title {
|
|
76
|
+
font: bold 12px/1.1 arial,sans-serif;
|
|
77
|
+
margin: 0;
|
|
78
|
+
color: #fff;
|
|
79
|
+
margin-bottom: 7px;
|
|
80
|
+
}
|
|
81
|
+
.galleria-theme-classic .galleria-info-description {
|
|
82
|
+
font: italic 12px/1.4 georgia,serif;
|
|
83
|
+
margin: 0;
|
|
84
|
+
color: #bbb;
|
|
85
|
+
}
|
|
86
|
+
.galleria-theme-classic .galleria-info-close {
|
|
87
|
+
width: 9px;
|
|
88
|
+
height: 9px;
|
|
89
|
+
position: absolute;
|
|
90
|
+
top: 5px;
|
|
91
|
+
right: 5px;
|
|
92
|
+
background-position: -753px -11px;
|
|
93
|
+
opacity: .5;
|
|
94
|
+
filter: alpha(opacity=50);
|
|
95
|
+
cursor: pointer;
|
|
96
|
+
display: none;
|
|
97
|
+
}
|
|
98
|
+
.galleria-theme-classic .notouch .galleria-info-close:hover{
|
|
99
|
+
opacity:1;
|
|
100
|
+
filter: alpha(opacity=100);
|
|
101
|
+
}
|
|
102
|
+
.galleria-theme-classic .touch .galleria-info-close:active{
|
|
103
|
+
opacity:1;
|
|
104
|
+
filter: alpha(opacity=100);
|
|
105
|
+
}
|
|
106
|
+
.galleria-theme-classic .galleria-info-link {
|
|
107
|
+
background-position: -669px -5px;
|
|
108
|
+
opacity: .7;
|
|
109
|
+
filter: alpha(opacity=70);
|
|
110
|
+
position: absolute;
|
|
111
|
+
width: 20px;
|
|
112
|
+
height: 20px;
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
background-color: #000;
|
|
115
|
+
}
|
|
116
|
+
.galleria-theme-classic.notouch .galleria-info-link:hover {
|
|
117
|
+
opacity: 1;
|
|
118
|
+
filter: alpha(opacity=100);
|
|
119
|
+
}
|
|
120
|
+
.galleria-theme-classic.touch .galleria-info-link:active {
|
|
121
|
+
opacity: 1;
|
|
122
|
+
filter: alpha(opacity=100);
|
|
123
|
+
}
|
|
124
|
+
.galleria-theme-classic .galleria-image-nav {
|
|
125
|
+
position: absolute;
|
|
126
|
+
top: 50%;
|
|
127
|
+
margin-top: -62px;
|
|
128
|
+
width: 100%;
|
|
129
|
+
height: 62px;
|
|
130
|
+
left: 0;
|
|
131
|
+
}
|
|
132
|
+
.galleria-theme-classic .galleria-image-nav-left,
|
|
133
|
+
.galleria-theme-classic .galleria-image-nav-right {
|
|
134
|
+
opacity: .3;
|
|
135
|
+
filter: alpha(opacity=30);
|
|
136
|
+
cursor: pointer;
|
|
137
|
+
width: 62px;
|
|
138
|
+
height: 124px;
|
|
139
|
+
position: absolute;
|
|
140
|
+
left: 10px;
|
|
141
|
+
z-index: 2;
|
|
142
|
+
background-position: 0 46px;
|
|
143
|
+
}
|
|
144
|
+
.galleria-theme-classic .galleria-image-nav-right {
|
|
145
|
+
left: auto;
|
|
146
|
+
right: 10px;
|
|
147
|
+
background-position: -254px 46px;
|
|
148
|
+
z-index: 2;
|
|
149
|
+
}
|
|
150
|
+
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
|
|
151
|
+
.galleria-theme-classic.notouch .galleria-image-nav-right:hover {
|
|
152
|
+
opacity: 1;
|
|
153
|
+
filter: alpha(opacity=100);
|
|
154
|
+
}
|
|
155
|
+
.galleria-theme-classic.touch .galleria-image-nav-left:active,
|
|
156
|
+
.galleria-theme-classic.touch .galleria-image-nav-right:active {
|
|
157
|
+
opacity: 1;
|
|
158
|
+
filter: alpha(opacity=100);
|
|
159
|
+
}
|
|
160
|
+
.galleria-theme-classic .galleria-thumb-nav-left,
|
|
161
|
+
.galleria-theme-classic .galleria-thumb-nav-right {
|
|
162
|
+
cursor: pointer;
|
|
163
|
+
display: none;
|
|
164
|
+
background-position: -495px 5px;
|
|
165
|
+
position: absolute;
|
|
166
|
+
left: 0;
|
|
167
|
+
top: 0;
|
|
168
|
+
height: 40px;
|
|
169
|
+
width: 23px;
|
|
170
|
+
z-index: 3;
|
|
171
|
+
opacity: .8;
|
|
172
|
+
filter: alpha(opacity=80);
|
|
173
|
+
}
|
|
174
|
+
.galleria-theme-classic .galleria-thumb-nav-right {
|
|
175
|
+
background-position: -578px 5px;
|
|
176
|
+
border-right: none;
|
|
177
|
+
right: 0;
|
|
178
|
+
left: auto;
|
|
179
|
+
}
|
|
180
|
+
.galleria-theme-classic .galleria-thumbnails-container .disabled {
|
|
181
|
+
opacity: .2;
|
|
182
|
+
filter: alpha(opacity=20);
|
|
183
|
+
cursor: default;
|
|
184
|
+
}
|
|
185
|
+
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
|
|
186
|
+
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
|
|
187
|
+
opacity: 1;
|
|
188
|
+
filter: alpha(opacity=100);
|
|
189
|
+
background-color: #111;
|
|
190
|
+
}
|
|
191
|
+
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
|
|
192
|
+
.galleria-theme-classic.touch .galleria-thumb-nav-right:active {
|
|
193
|
+
opacity: 1;
|
|
194
|
+
filter: alpha(opacity=100);
|
|
195
|
+
background-color: #111;
|
|
196
|
+
}
|
|
197
|
+
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
|
|
198
|
+
opacity: .2;
|
|
199
|
+
filter: alpha(opacity=20);
|
|
200
|
+
background-color: transparent;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
|
|
204
|
+
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
|
|
205
|
+
display: block;
|
|
206
|
+
}
|
|
207
|
+
.galleria-theme-classic .galleria-thumb-nav-left,
|
|
208
|
+
.galleria-theme-classic .galleria-thumb-nav-right,
|
|
209
|
+
.galleria-theme-classic .galleria-info-link,
|
|
210
|
+
.galleria-theme-classic .galleria-info-close,
|
|
211
|
+
.galleria-theme-classic .galleria-image-nav-left,
|
|
212
|
+
.galleria-theme-classic .galleria-image-nav-right {
|
|
213
|
+
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/gAAAAfCAYAAABTcmYwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3ODRCNjVENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3ODRCNjZENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Mzk5MTg1OEQ1RjExMURGODg1Q0Y5NEU1QTU0MTI3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDc4NEI2NEQ1RjcxMURGODg1Q0Y5NEU1QTU0MTI3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqgJ9JYAAAOkSURBVHja7N3Ni01hHAfwZ+7CiryUsmTlZUNNsb2lpAgbEf+BDfspkqzxF9gi8hKRkrGcotiIDTZKKSmzspjr9zjn5rhm5o6ZcZ055/Opb4ay+S2ee77zPOe5Y71eLy3S6sh0Ahgtaw8AAMyis8j/tynyPHLWCIEROh+ZKtcgAABgiQU/P1g/iWyNnEjFbhrAv5bXmmORHeUapOQDAMASCn6/3OcH7NeRbnJUFhiN6XLNeavkAwDA0gr+YLnfG/lkhMAIfSpL/mslHwAAFlfwlXugTiV/r5IPAAB/X/CVe0DJBwCAmhsb8jV5GyOTyj1QU7PdC/LZWAAAaKOOcg+sYIM7+ZPl2gUAAAq+cg8o+QD8R2ciR4wB4O/NdkR/sNx3kyOvQP05rg/D5Q/9MWMwrxrLa/fT/nOqcQy1Os3+ldVz/TvQcB3lHmiIwa/Qm0x28mGwrGJudfcycidy2SiGOh+ZSn9eMrs78i5yyIigfao7+Mo90ATWMpi/pNoVNTdWvrxD/zyyNf3+Om0u948jayM3I0eNCtqlU3kgdrQVaILPyU4+zFVSMcc6y+/e5+P5l4xiqOmBz7r8HL+vUu7vRU4aE7RP3sHPD775eM8W5R5okOpO/vvIHmsbSmnx2W8s5ldDVyPr0q/L9fJz6QdjGap6/8xMKjbvcrnPO/ffjQfaWfDzu047I18i2zwAAw0r+W8iGyKvIruMBAVVQTW/2snFvlv+mYv+18h6Y1mwvHP/sCz33yLbIx+NBdopLwQXUvEbv/wAPGEkQINMlGvbTLnWQdsoo+a5EuRCny/WO1z+/Y6RLNh45Eal3K9JxTF9r6ZBiwv+rciBVBzjOZ3cWgo0w+VyTfternG3jASlFHOstf7x/GdGseBy33/n/nYqdu7dPwMK/k+PUvFbUyUfaFq5P1yucaCcYn711a38nMvpOSOZV75FPx/Lz6fU8m35x1NxLL9bKfnXjAnaW/CVfEC5ByUVc/tfvlZ+zu/h3zWSeeVb9E9Frqfitvz+hXr9b5LJpyDOGBO08EOr1/vj/pj95aK6KnLF4gAo9wCMwOYyk0YBsHwFX8kHlHsAAFhhOnP8u+P6gHIPAAANKPhKPqDcAwBAQwq+kg8o9wAA0JCCr+QDyj0AADSk4Cv5gHIPAAANKfhKPqDcAwBAjc31NXnzqX6F3sHIA2MERuRA5L5yDwAAy1Pw+yV/PHLRCIERm4i8UO4BAGB5Cj4AAABQIz8EGAC+MAY7hAP2pgAAAABJRU5ErkJggg==');
|
|
214
|
+
background-repeat: no-repeat;
|
|
215
|
+
}
|
|
216
|
+
.galleria-theme-classic.galleria-container.videoplay .galleria-info,
|
|
217
|
+
.galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important; }
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Galleria Classic Theme
|
|
3
|
+
*
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) 2010 - 2019 worse is better UG
|
|
6
|
+
* Licensed under the MIT License.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
( function( window, factory ) {
|
|
10
|
+
if ( typeof define == 'function' && define.amd ) {
|
|
11
|
+
define( ['../galleria', 'jquery' ], function( Galleria, jQuery ) {
|
|
12
|
+
return factory( window, Galleria, jQuery );
|
|
13
|
+
});
|
|
14
|
+
} else if ( typeof module == 'object' && module.exports ) {
|
|
15
|
+
module.exports = factory(
|
|
16
|
+
window,
|
|
17
|
+
require('galleria'),
|
|
18
|
+
require('jquery')
|
|
19
|
+
);
|
|
20
|
+
} else {
|
|
21
|
+
factory(
|
|
22
|
+
window,
|
|
23
|
+
window.Galleria,
|
|
24
|
+
window.jQuery
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
}( window, function factory( window, Galleria, $ ) {
|
|
28
|
+
|
|
29
|
+
Galleria.addTheme({
|
|
30
|
+
name: 'classic',
|
|
31
|
+
version: 1.6,
|
|
32
|
+
author: 'Galleria',
|
|
33
|
+
css: 'galleria.classic.css',
|
|
34
|
+
defaults: {
|
|
35
|
+
transition: 'slide',
|
|
36
|
+
thumbCrop: 'height',
|
|
37
|
+
|
|
38
|
+
// set this to false if you want to show the caption all the time:
|
|
39
|
+
_toggleInfo: true
|
|
40
|
+
},
|
|
41
|
+
init: function(options) {
|
|
42
|
+
|
|
43
|
+
Galleria.requires(1.4, 'This version of Classic theme requires Galleria 1.4 or later');
|
|
44
|
+
|
|
45
|
+
// add some elements
|
|
46
|
+
this.addElement('info-link','info-close');
|
|
47
|
+
this.append({
|
|
48
|
+
'info' : ['info-link','info-close']
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
// cache some stuff
|
|
52
|
+
var info = this.$('info-link,info-close,info-text'),
|
|
53
|
+
touch = Galleria.TOUCH;
|
|
54
|
+
|
|
55
|
+
// show loader & counter with opacity
|
|
56
|
+
this.$('loader,counter').show().css('opacity', 0.4);
|
|
57
|
+
|
|
58
|
+
// some stuff for non-touch browsers
|
|
59
|
+
if (! touch ) {
|
|
60
|
+
this.addIdleState( this.get('image-nav-left'), { left:-50 });
|
|
61
|
+
this.addIdleState( this.get('image-nav-right'), { right:-50 });
|
|
62
|
+
this.addIdleState( this.get('counter'), { opacity:0 });
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// toggle info
|
|
66
|
+
if ( options._toggleInfo === true ) {
|
|
67
|
+
info.bind( 'click:fast', function() {
|
|
68
|
+
info.toggle();
|
|
69
|
+
});
|
|
70
|
+
} else {
|
|
71
|
+
info.show();
|
|
72
|
+
this.$('info-link, info-close').hide();
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// bind some stuff
|
|
76
|
+
this.bind('thumbnail', function(e) {
|
|
77
|
+
|
|
78
|
+
if (! touch ) {
|
|
79
|
+
// fade thumbnails
|
|
80
|
+
$(e.thumbTarget).css('opacity', 0.6).parent().hover(function() {
|
|
81
|
+
$(this).not('.active').children().stop().fadeTo(100, 1);
|
|
82
|
+
}, function() {
|
|
83
|
+
$(this).not('.active').children().stop().fadeTo(400, 0.6);
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
if ( e.index === this.getIndex() ) {
|
|
87
|
+
$(e.thumbTarget).css('opacity',1);
|
|
88
|
+
}
|
|
89
|
+
} else {
|
|
90
|
+
$(e.thumbTarget).css('opacity', this.getIndex() ? 1 : 0.6).bind('click:fast', function() {
|
|
91
|
+
$(this).css( 'opacity', 1 ).parent().siblings().children().css('opacity', 0.6);
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
var activate = function(e) {
|
|
97
|
+
$(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity', 0.6);
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
this.bind('loadstart', function(e) {
|
|
101
|
+
if (!e.cached) {
|
|
102
|
+
this.$('loader').show().fadeTo(200, 0.4);
|
|
103
|
+
}
|
|
104
|
+
window.setTimeout(function() {
|
|
105
|
+
activate(e);
|
|
106
|
+
}, touch ? 300 : 0);
|
|
107
|
+
this.$('info').toggle( this.hasInfo() );
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
this.bind('loadfinish', function(e) {
|
|
111
|
+
this.$('loader').fadeOut(200);
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
return Galleria;
|
|
117
|
+
}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
#galleria-loader{height:1px!important}.galleria-theme-classic{position:relative;overflow:hidden;background:#000}.galleria-theme-classic img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}.galleria-theme-classic .galleria-stage{position:absolute;top:10px;bottom:60px;left:10px;right:10px;overflow:hidden}.galleria-theme-classic .galleria-thumbnails-container{height:50px;bottom:0;position:absolute;left:10px;right:10px;z-index:2}.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list{margin-left:30px;margin-right:30px}.galleria-theme-classic .galleria-thumbnails .galleria-image{height:40px;width:60px;background:#000;margin:0 5px 0 0;border:1px solid #000;float:left;cursor:pointer}.galleria-theme-classic .galleria-counter{position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:400 11px/1 arial,sans-serif;z-index:1}.galleria-theme-classic .galleria-loader{width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;display:none;background:url(data:image/gif;base64,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) 2px 2px no-repeat}.galleria-theme-classic .galleria-info{width:50%;top:15px;left:15px;z-index:2;position:absolute}.galleria-theme-classic .galleria-info-text{background-color:#000;padding:12px;display:none;zoom:1}.galleria-theme-classic .galleria-info-title{font:700 12px/1.1 arial,sans-serif;margin:0 0 7px;color:#fff}.galleria-theme-classic .galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb}.galleria-theme-classic .galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;filter:alpha(opacity=50);cursor:pointer;display:none}.galleria-theme-classic .notouch .galleria-info-close:hover,.galleria-theme-classic .touch .galleria-info-close:active{opacity:1;filter:alpha(opacity=100)}.galleria-theme-classic .galleria-info-link{background-position:-669px -5px;opacity:.7;filter:alpha(opacity=70);position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000}.galleria-theme-classic.notouch .galleria-info-link:hover,.galleria-theme-classic.touch .galleria-info-link:active{opacity:1;filter:alpha(opacity=100)}.galleria-theme-classic .galleria-image-nav{position:absolute;top:50%;margin-top:-62px;width:100%;height:62px;left:0}.galleria-theme-classic .galleria-image-nav-left,.galleria-theme-classic .galleria-image-nav-right{opacity:.3;filter:alpha(opacity=30);cursor:pointer;width:62px;height:124px;position:absolute;left:10px;z-index:2;background-position:0 46px}.galleria-theme-classic .galleria-image-nav-right{left:auto;right:10px;background-position:-254px 46px;z-index:2}.galleria-theme-classic.notouch .galleria-image-nav-left:hover,.galleria-theme-classic.notouch .galleria-image-nav-right:hover,.galleria-theme-classic.touch .galleria-image-nav-left:active,.galleria-theme-classic.touch .galleria-image-nav-right:active{opacity:1;filter:alpha(opacity=100)}.galleria-theme-classic .galleria-thumb-nav-left,.galleria-theme-classic .galleria-thumb-nav-right{cursor:pointer;display:none;background-position:-495px 5px;position:absolute;left:0;top:0;height:40px;width:23px;z-index:3;opacity:.8;filter:alpha(opacity=80)}.galleria-theme-classic .galleria-thumb-nav-right{background-position:-578px 5px;border-right:none;right:0;left:auto}.galleria-theme-classic .galleria-thumbnails-container .disabled{opacity:.2;filter:alpha(opacity=20);cursor:default}.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover,.galleria-theme-classic.touch .galleria-thumb-nav-left:active,.galleria-theme-classic.touch .galleria-thumb-nav-right:active{opacity:1;filter:alpha(opacity=100);background-color:#111}.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover{opacity:.2;filter:alpha(opacity=20);background-color:transparent}.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right{display:block}.galleria-theme-classic .galleria-image-nav-left,.galleria-theme-classic .galleria-image-nav-right,.galleria-theme-classic .galleria-info-close,.galleria-theme-classic .galleria-info-link,.galleria-theme-classic .galleria-thumb-nav-left,.galleria-theme-classic .galleria-thumb-nav-right{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA/gAAAAfCAYAAABTcmYwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3ODRCNjVENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3ODRCNjZENUY3MTFERjg4NUNGOTRFNUE1NDEyNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Mzk5MTg1OEQ1RjExMURGODg1Q0Y5NEU1QTU0MTI3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDc4NEI2NEQ1RjcxMURGODg1Q0Y5NEU1QTU0MTI3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqgJ9JYAAAOkSURBVHja7N3Ni01hHAfwZ+7CiryUsmTlZUNNsb2lpAgbEf+BDfspkqzxF9gi8hKRkrGcotiIDTZKKSmzspjr9zjn5rhm5o6ZcZ055/Opb4ay+S2ee77zPOe5Y71eLy3S6sh0Ahgtaw8AAMyis8j/tynyPHLWCIEROh+ZKtcgAABgiQU/P1g/iWyNnEjFbhrAv5bXmmORHeUapOQDAMASCn6/3OcH7NeRbnJUFhiN6XLNeavkAwDA0gr+YLnfG/lkhMAIfSpL/mslHwAAFlfwlXugTiV/r5IPAAB/X/CVe0DJBwCAmhsb8jV5GyOTyj1QU7PdC/LZWAAAaKOOcg+sYIM7+ZPl2gUAAAq+cg8o+QD8R2ciR4wB4O/NdkR/sNx3kyOvQP05rg/D5Q/9MWMwrxrLa/fT/nOqcQy1Os3+ldVz/TvQcB3lHmiIwa/Qm0x28mGwrGJudfcycidy2SiGOh+ZSn9eMrs78i5yyIigfao7+Mo90ATWMpi/pNoVNTdWvrxD/zyyNf3+Om0u948jayM3I0eNCtqlU3kgdrQVaILPyU4+zFVSMcc6y+/e5+P5l4xiqOmBz7r8HL+vUu7vRU4aE7RP3sHPD775eM8W5R5okOpO/vvIHmsbSmnx2W8s5ldDVyPr0q/L9fJz6QdjGap6/8xMKjbvcrnPO/ffjQfaWfDzu047I18i2zwAAw0r+W8iGyKvIruMBAVVQTW/2snFvlv+mYv+18h6Y1mwvHP/sCz33yLbIx+NBdopLwQXUvEbv/wAPGEkQINMlGvbTLnWQdsoo+a5EuRCny/WO1z+/Y6RLNh45Eal3K9JxTF9r6ZBiwv+rciBVBzjOZ3cWgo0w+VyTfternG3jASlFHOstf7x/GdGseBy33/n/nYqdu7dPwMK/k+PUvFbUyUfaFq5P1yucaCcYn711a38nMvpOSOZV75FPx/Lz6fU8m35x1NxLL9bKfnXjAnaW/CVfEC5ByUVc/tfvlZ+zu/h3zWSeeVb9E9Frqfitvz+hXr9b5LJpyDOGBO08EOr1/vj/pj95aK6KnLF4gAo9wCMwOYyk0YBsHwFX8kHlHsAAFhhOnP8u+P6gHIPAAANKPhKPqDcAwBAQwq+kg8o9wAA0JCCr+QDyj0AADSk4Cv5gHIPAAANKfhKPqDcAwBAjc31NXnzqX6F3sHIA2MERuRA5L5yDwAAy1Pw+yV/PHLRCIERm4i8UO4BAGB5Cj4AAABQIz8EGAC+MAY7hAP2pgAAAABJRU5ErkJggg==);background-repeat:no-repeat}.galleria-theme-classic.galleria-container.videoplay .galleria-counter,.galleria-theme-classic.galleria-container.videoplay .galleria-info{display:none!important}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Galleria - v1.6.1 2019-10-17
|
|
3
|
+
*
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) 2010 - 2019 worse is better UG
|
|
6
|
+
* Licensed under the MIT License.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
!function(a,b){"function"==typeof define&&define.amd?define(["../galleria","jquery"],function(c,d){return b(a,c,d)}):"object"==typeof module&&module.exports?module.exports=b(a,require("galleria"),require("jquery")):b(a,a.Galleria,a.jQuery)}(window,function(a,b,c){return b.addTheme({name:"classic",version:1.6,author:"Galleria",css:"galleria.classic.css",defaults:{transition:"slide",thumbCrop:"height",_toggleInfo:!0},init:function(d){b.requires(1.4,"This version of Classic theme requires Galleria 1.4 or later"),this.addElement("info-link","info-close"),this.append({info:["info-link","info-close"]});var e=this.$("info-link,info-close,info-text"),f=b.TOUCH;this.$("loader,counter").show().css("opacity",.4),f||(this.addIdleState(this.get("image-nav-left"),{left:-50}),this.addIdleState(this.get("image-nav-right"),{right:-50}),this.addIdleState(this.get("counter"),{opacity:0})),!0===d._toggleInfo?e.bind("click:fast",function(){e.toggle()}):(e.show(),this.$("info-link, info-close").hide()),this.bind("thumbnail",function(a){f?c(a.thumbTarget).css("opacity",this.getIndex()?1:.6).bind("click:fast",function(){c(this).css("opacity",1).parent().siblings().children().css("opacity",.6)}):(c(a.thumbTarget).css("opacity",.6).parent().hover(function(){c(this).not(".active").children().stop().fadeTo(100,1)},function(){c(this).not(".active").children().stop().fadeTo(400,.6)}),a.index===this.getIndex()&&c(a.thumbTarget).css("opacity",1))});var g=function(a){c(a.thumbTarget).css("opacity",1).parent().siblings().children().css("opacity",.6)};this.bind("loadstart",function(b){b.cached||this.$("loader").show().fadeTo(200,.4),a.setTimeout(function(){g(b)},f?300:0),this.$("info").toggle(this.hasInfo())}),this.bind("loadfinish",function(a){this.$("loader").fadeOut(200)})}}),b});
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width,initial-scale=0.5,user-scalable=no">
|
|
7
|
+
<title>Galleria Folio Theme</title>
|
|
8
|
+
|
|
9
|
+
<link rel="stylesheet" type="text/css" href="galleria.folio.min.css" />
|
|
10
|
+
|
|
11
|
+
<style>
|
|
12
|
+
|
|
13
|
+
/* Demo styles */
|
|
14
|
+
html,body{background:#fff;margin:0;}
|
|
15
|
+
body{border-top:4px solid #eee;}
|
|
16
|
+
.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;max-width:820px;margin:20px auto;}
|
|
17
|
+
h1{font-size:12px;font-weight:normal;color:#222;margin:0;}
|
|
18
|
+
p{margin:0 0 20px}
|
|
19
|
+
a {color:#22BCB9;text-decoration:none;}
|
|
20
|
+
.galleria-info-description a { color: #bbb;}
|
|
21
|
+
.cred{margin-top:20px;font-size:11px;}
|
|
22
|
+
|
|
23
|
+
.galleria{ height: 432px; max-width:820px; }
|
|
24
|
+
|
|
25
|
+
</style>
|
|
26
|
+
</head>
|
|
27
|
+
<body>
|
|
28
|
+
<div class="content">
|
|
29
|
+
<h1>Galleria Folio Theme</h1>
|
|
30
|
+
<p>Demonstrating a basic gallery example.</p>
|
|
31
|
+
|
|
32
|
+
<div class="galleria">
|
|
33
|
+
<a href="https://picsum.photos/id/467/1024/768.jpg">
|
|
34
|
+
<img src="https://picsum.photos/id/467/300/200.jpg"
|
|
35
|
+
data-description="by <a href="https://unsplash.com/photos/COE-CIGj8VA">Taylor Leopold</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
36
|
+
data-title="Mysterious Mist">
|
|
37
|
+
</a>
|
|
38
|
+
<a href="https://picsum.photos/id/874/1024/768.jpg">
|
|
39
|
+
<img src="https://picsum.photos/id/874/300/200.jpg"
|
|
40
|
+
data-description="by <a href="https://unsplash.com/photos/Cp-LUHPRpWM">Christopher Campbell</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
41
|
+
data-title="woman underwater in dress">
|
|
42
|
+
</a>
|
|
43
|
+
<a href="https://picsum.photos/id/501/1024/768.jpg">
|
|
44
|
+
<img src="https://picsum.photos/id/501/300/200.jpg"
|
|
45
|
+
data-description="by <a href="https://unsplash.com/photos/QbDkhVZ80To">davide ragusa</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
46
|
+
data-title="Scala dei Turchi cliff">
|
|
47
|
+
</a>
|
|
48
|
+
<a href="https://picsum.photos/id/531/1024/768.jpg">
|
|
49
|
+
<img src="https://picsum.photos/id/531/300/200.jpg"
|
|
50
|
+
data-description="by <a href="https://unsplash.com/photos/zr8msYQhfRg">Jeff Sheldon</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
51
|
+
data-title="Vintage cameras">
|
|
52
|
+
</a>
|
|
53
|
+
<a href="https://picsum.photos/id/329/1024/768.jpg">
|
|
54
|
+
<img src="https://picsum.photos/id/329/300/200.jpg"
|
|
55
|
+
data-description="by <a href="https://unsplash.com/photos/-e_njRV9hRE">Felipe Santana</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
56
|
+
data-title="Lake Pebbles ">
|
|
57
|
+
</a>
|
|
58
|
+
<a href="https://picsum.photos/id/972/1024/768.jpg">
|
|
59
|
+
<img src="https://picsum.photos/id/972/300/200.jpg"
|
|
60
|
+
data-description="by <a href="https://unsplash.com/photos/VviFtDJakYk">Matthew Wiebe</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
61
|
+
data-title="Foggy skyscrapers">
|
|
62
|
+
</a>
|
|
63
|
+
<a href="https://picsum.photos/id/886/1024/768.jpg">
|
|
64
|
+
<img src="https://picsum.photos/id/886/300/200.jpg"
|
|
65
|
+
data-description="by <a href="https://unsplash.com/photos/p62O--o1x-U">Glen Carrie</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
66
|
+
data-title="Small soccer goal on a foggy field">
|
|
67
|
+
</a>
|
|
68
|
+
<a href="https://picsum.photos/id/374/1024/768.jpg">
|
|
69
|
+
<img src="https://picsum.photos/id/374/300/200.jpg"
|
|
70
|
+
data-description="by <a href="https://unsplash.com/photos/TDahcrcPhhA">Ma. Alejandra</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
71
|
+
data-title="Driving near the shoreline">
|
|
72
|
+
</a>
|
|
73
|
+
<a href="https://picsum.photos/id/184/1024/768.jpg">
|
|
74
|
+
<img src="https://picsum.photos/id/184/300/200.jpg"
|
|
75
|
+
data-description="by <a href="https://unsplash.com/photos/yNGQ830uFB4">Tim de Groot</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
76
|
+
data-title="Desert at Twilight">
|
|
77
|
+
</a>
|
|
78
|
+
<a href="https://picsum.photos/id/313/1024/768.jpg">
|
|
79
|
+
<img src="https://picsum.photos/id/313/300/200.jpg"
|
|
80
|
+
data-description="by <a href="https://unsplash.com/photos/4xYgBTYC2-Q">Sonja Langford</a> on <a href="https://unsplash.com">Unsplash</a>"
|
|
81
|
+
data-title="Cloud on the field">
|
|
82
|
+
</a>
|
|
83
|
+
<a href="https://vimeo.com/25750735">
|
|
84
|
+
<span class="video">Works for vimeo too.</span>
|
|
85
|
+
</a>
|
|
86
|
+
<a href="https://www.youtube.com/watch?v=PEEXZZ071FE">
|
|
87
|
+
<span class="video">Works for youtube too.</span>
|
|
88
|
+
</a>
|
|
89
|
+
</div>
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
</div>
|
|
93
|
+
<!-- load jQuery -->
|
|
94
|
+
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script> -->
|
|
95
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
|
|
96
|
+
<!-- load Galleria -->
|
|
97
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/galleria.min.js"></script>
|
|
98
|
+
<script src="galleria.folio.min.js"></script>
|
|
99
|
+
<script>
|
|
100
|
+
$(function() {
|
|
101
|
+
// Initialize Galleria
|
|
102
|
+
Galleria.run('.galleria');
|
|
103
|
+
});
|
|
104
|
+
</script>
|
|
105
|
+
</body>
|
|
106
|
+
</html>
|