napoli 2

gianpaolof · Dec 27, 2023 · 6898643 · 6898643
1 parent 251d0f8
commit 6898643
Show file tree

Hide file tree

Showing 7 changed files with 100 additions and 0 deletions.
diff --git a/gallery/albums/alb13.jpg b/gallery/albums/alb13.jpg
diff --git a/gallery/archive/g13/na1.jpg b/gallery/archive/g13/na1.jpg
diff --git a/gallery/archive/g13/na2.jpg b/gallery/archive/g13/na2.jpg
diff --git a/gallery/archive/g13/na3.jpg b/gallery/archive/g13/na3.jpg
diff --git a/gallery/archive/g13/na4.jpg b/gallery/archive/g13/na4.jpg
diff --git a/gallery/gallery13/index.html b/gallery/gallery13/index.html
@@ -0,0 +1,97 @@
+---
+layout: page
+title: "Napoli II"
+#description: "masonry"
+active: gallery
+header-img: "img/gallery13-bg.jpg"
+#album-title: "my 9th album"
+images:
+ - image_path: /gallery/archive/g13/na1.jpg
+   copyright: © Gianpaolo Filippa
+ - image_path: /gallery/archive/g13/na2.jpg
+   copyright: © Gianpaolo Filippa
+ - image_path: /gallery/archive/g13/na3.jpg
+   copyright: © Gianpaolo Filippa
+ - image_path: /gallery/archive/g13/na4.jpg
+   copyright: © Gianpaolo Filippa 
+---
+
+<html class="no-js" lang="en">
+<head>
+	<meta content="charset=utf-8">
+</head>
+
+    <body>
+
+	<section id="content" role="main">
+		<div class="wrapper">
+	<br><br>
+			<h2>{{page.album-title}}</h2>
+
+
+			<!-- Gallery __-->
+			<div class="gallery masonry-gallery">
+
+{% for image in page.images %}  		
+
+				<figure class="gallery-item">
+					<header class='gallery-icon'>
+
+<a href="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}" class="popup" title="{{ image.caption }}" data-caption="{{ image.copyright }}">
+<img src="{{ site.url }}{{ site.baseurl }}{{ image.image_path }}"></a>
+
+					</header>	
+					<figcaption class='gallery-caption'>
+						<div class="entry-summary">
+							<h3>{{image.caption}}</h3>
+							<p>{{image.copyright}}</p>
+						</div>
+					</figcaption>
+				</figure>
+
+{% endfor %}
+
+			</div>
+
+		</div><!-- END .wrapper -->
+	</section>
+
+<!-- jQuery -->    
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+<!-- include image popups -->
+<script src="{{ site.baseurl }}/js/jquery.magnific-popup.js"></script>
+<script src="{{ site.baseurl }}/js/retina.min.js"></script>
+<!-- include Masonry -->
+<script src="{{ site.baseurl }}/js/isotope.pkgd.min.js"></script> 
+<!-- include mousewheel plugins -->
+<script src="{{ site.baseurl }}/js/jquery.mousewheel.min.js"></script>
+<!-- include carousel plugins -->
+<script src="{{ site.baseurl}}/js/jquery.tinycarousel.min.js"></script>
+<!-- include svg line drawing plugin -->
+<script src="{{ site.baseurl }}/js/jquery.lazylinepainter.min.js"></script>
+<!-- include custom script -->
+<script src="{{ site.baseurl }}/js/scripts.js"></script>
+<!-- Modernizr -->
+ <script src="{{ site.baseurl }}/js/modernizr.js"></script>
+
+    <script type="text/javascript">
+      $(document).ready(function($) {
+        $('a.popup').magnificPopup({
+          type: 'image',
+	  gallery:{
+         enabled:true,
+         navigateByImgClick: true,
+         preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+       },
+      image: {
+         titleSrc: function(item) {
+              return item.el.attr('title') + '&nbsp;' + item.el.attr('data-caption');
+            }
+        }
+          // other options
+      });
+});
+    </script>
+
+</body></html>
diff --git a/gallery/index.html b/gallery/index.html
@@ -35,6 +35,9 @@
  - image_path: /gallery/albums/alb12.jpg
    gallery-folder: /gallery/gallery12/
    gallery-name: Napoli I
+  - image_path: /gallery/albums/alb13.jpg
+   gallery-folder: /gallery/gallery13/
+   gallery-name: Napoli II
  - image_path: /gallery/albums/alb08.jpg
    gallery-folder: /gallery/gallery08/
    gallery-name: Sea