-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgallery.php
More file actions
executable file
·161 lines (160 loc) · 5.77 KB
/
gallery.php
File metadata and controls
executable file
·161 lines (160 loc) · 5.77 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<?php
/* Template Name: Gallery */
get_header(); ?>
<main role="main" class="clearfix">
<?php
while ( have_posts() ) : the_post();
$gallery_1_thumb = get_field('gallery_1_thumb');
$gallery_2_thumb = get_field('gallery_2_thumb');
$gallery_1 = get_field('gallery_1');
$gallery_2 = get_field('gallery_2');
?>
<section>
<div class="container">
<figure class="projects-pullquote wp-block-pullquote is-style-solid-color has-background-black">
<blockquote>
<p>The Gallery is the abstract
of my themes.</p>
<p class="small">I devide the gallery into two walls. The first one is my favourite images from different themes. The second one Waterspaces in Venice. You are also able to order prints from different themes beside the gallery.<p>
<cite>Gallery</cite>
</blockquote>
</figure>
<div class="gallery-intro clearfix">
<h1 class="page-title">Gallery</h1>
<div class="row">
<div class="col">
<h3>Wall 1</h3>
<?php if( $gallery_1_thumb ) { ?>
<a href="#" class="js-open-gallery" data-target="#wall-1-gallery">
<?php echo wp_get_attachment_image( $gallery_1_thumb, 'feed-thumbnail' ); ?>
</a>
<?php } ?>
<button class="open-gallery-link js-open-gallery" data-target="#wall-1-gallery">Click to open <span></span></button>
</div>
<div class="col">
<h3>Wall 2</h3>
<?php if( $gallery_2_thumb ) { ?>
<a href="#" class="js-open-gallery" data-target="#wall-2-gallery">
<?php echo wp_get_attachment_image( $gallery_2_thumb, 'feed-thumbnail' ); ?>
</a>
<?php } ?>
<button class="open-gallery-link js-open-gallery" data-target="#wall-2-gallery">Click to open <span></span></button>
</div>
</div>
<div class="clearfix gallery-description">
<p>I print my images to the smooth Hahnemuehle Photo Rag paper, and sign them. The main paper size is A3+. When you are thinking to order prints, please contact me.</p>
</div>
</div>
</div>
</section>
<div id="wall-1-gallery" class="b-overlay b-overlay--default">
<div class="b-overlay__header">
<div class="b-overlay__site-title"><a href="<?php echo esc_url(home_url('/')); ?>">Jaakko Heikkilä</a></div>
<h3 class="b-overlay__gallery-title">Wall 1</h3>
<div class="b-overlay__controls category-photographer">
<div class="grid-open js-overlay-grid-open show visible">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="grid-close js-overlay-grid-close">
<span></span>
</div>
<a href="#" class="close js-overlay-close">
<em class="line-1"></em>
<em class="line-2"></em>
</a>
</div>
</div>
<div id="slider-big" class="slider slider--default b-overlay__slider">
<div class="swiper-container">
<div class="swiper-wrapper">
<?php foreach( $gallery_1 as $image ): ?>
<div class="swiper-slide">
<div class="content-outer">
<div class="story-big-image">
<img src="" class="swiper-lazy" alt="<?php echo esc_attr($image['alt']); ?>" data-src="<?php echo $image['url']; ?>" />
</div>
</div>
<div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div id="slider-grid" class="gallery-grid b-overlay__grid">
<div class="container container--narrow">
<div class="row">
<?php
$i = 1;
foreach( $gallery_1 as $image ):
?>
<div class="col">
<img data-target="<?php echo $i; ?>" src="<?php echo esc_url($image['sizes']['medium']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
</div>
<?php
$i++;
endforeach;
?>
</div>
</div>
</div>
</div>
<div id="wall-2-gallery" class="b-overlay b-overlay--default">
<div class="b-overlay__header">
<div class="b-overlay__site-title"><a href="<?php echo esc_url(home_url('/')); ?>">Jaakko Heikkilä</a></div>
<h3 class="b-overlay__gallery-title">Wall 2</h3>
<div class="b-overlay__controls category-photographer">
<div class="grid-open js-overlay-grid-open show visible">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="grid-close js-overlay-grid-close">
<span></span>
</div>
<a href="#" class="close js-overlay-close">
<em class="line-1"></em>
<em class="line-2"></em>
</a>
</div>
</div>
<div id="slider-big" class="slider slider--default b-overlay__slider">
<div class="swiper-container">
<div class="swiper-wrapper">
<?php foreach( $gallery_2 as $image ): ?>
<div class="swiper-slide">
<div class="content-outer">
<div class="story-big-image">
<img src="" class="swiper-lazy" alt="<?php echo esc_attr($image['alt']); ?>" data-src="<?php echo $image['url']; ?>" />
</div>
</div>
<div class="swiper-lazy-preloader swiper-lazy-preloader-black"></div>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="swiper-pagination"></div>
</div>
<div id="slider-grid" class="gallery-grid b-overlay__grid">
<div class="container container--narrow">
<div class="row">
<?php
$i = 1;
foreach( $gallery_2 as $image ):
?>
<div class="col">
<img data-target="<?php echo $i; ?>" src="<?php echo esc_url($image['sizes']['medium']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
</div>
<?php
$i++;
endforeach;
?>
</div>
</div>
</div>
</div>
<?php endwhile; ?>
</main>
<?php get_footer(); ?>