ByScene Staffon Fri, Sep 25, 2015 at 11:54 am
Would you like a view with that?
By Xan Schwartz
Tags:
- Cleveland,
- Dining,
- lake side
Scroll down to view images
Luca Italian Cuisine - 2100 Superior Viaduct
If you're gonna splurge for the night, do it somewhere with a view. Located on top of the Superior Viaduct with a view of Lake Erie and the Cleveland skyline, Luca Italian Cuisine features highly acclaimed fare and a posh atmosphere. (Photo courtesy of Facebook)
The Harp - 4408 Detroit Ave.
The Harp is a quaint Irish Pub on the shores of Lake Eerie distinguished by vaulted ceilings, wood moldings, and tall windows accentuating the view. It has a large Irish-influenced menu along with a hearty selection of Irish brews and spirits. Did we mention the view? (Photo courtesy of The Harp Facebook Page)
Alley Cat Oyster Bar - 1056 Old River Rd
Alley Cat Oyster Bar came to to the Flats in summer 2015. Located along the Cuyahoga River, guests can expect scenic views while sipping a "michelada," a Mexican refresher of beer and spices, and slurping down fresh-shucked oysters. (Photo courtesy of Instagram user @hermantheking)
Shooters on the Water - 1148 Main Ave.
Shooters' restaurant, bar, and entertainment complex is the venerable anchor of the Flats West Bank and keeper of what is undoubtedly the most glorious view and the most highly recommended warm-weather people-watching to be found anywhere along the length of the entire crooked river. Sit at one of the outdoor bars in season, piña colada in hand, and drink it in. (Photo courtesy of Instagram user @shahidfilms)
Pier W - 12700 Lake Ave., Lakewood
Celebrating more than 50 years, Pier W is renowned for its killer seafood and its view to match. With the Cleveland skyline as your backdrop, taste worldly dishes like bouillabaisse, a house signature. (Photo courtesy of Facebook)
Lake House Café - 11850 Edgewater Dr., Lakewood
Lake House Café is a cozy spot along the shores of Lake Eerie. Enjoy salads made from scratch, burgers, wraps, pastas, and other familiar entrees. They even have a breakfast menu if you'd like your coffee with a dash of Lake Eerie blue. (Photo courtesy of Instagram user @natashaann27)
Chez Françoise - 555 Main Street, Vermillion
One of the top-rated restaurants in Ohio, Chez Françoise is an upscale eatery that is not to be missed by foodies and food lovers alike. (Photo courtesy of Facebook)
Creekside Restaurant and Bar - 8803 Brecksville Road, Brecksville
With a panoramic view of Chippewa Creek, Creekside Restaurant and Bar boasts a large menu of both traditional and contemporary dishes. Sit outdoors on the patio or bring the whole family; the dining room seats up to 120 people. (Photo courtesy of Creekside Restaurant and Bar Facebook Page)
Pickle Bills Lobster House - 101 River Street, Grand River
Pickle Bills is a nautical-themed restaurant with a colorful patio and plenty of pirate gear for the little ones to peruse. With a large seafood selection and a beautiful view of the Grand River, its the perfect spot for a little adventure. (Photo courtesy of Instagram user @barbburant)
The Oaks Lakeside Restaurant - 5878 Longacre Lane, Chippewa Lake
Escape city life and head to The Oaks, a charming restaurant on Chippewa Lake. Former site of Chippewa Lake Park, this beautiful estate has been operated as a dining establishment and bar since 1961. Alfresco lakeside dining at its finest. (Photo courtesy of Instagram user @rarosen282)
`this.removeSpinner = () => {jQuery(slideshowInstance.itemContainerSelector + ' div[uk-spinner]').remove()};this.prevPageLinkHTML = ``this.nextPageLinkHTML = ``Object.defineProperties(this, {'items': { get: function() { return jQuery(this.itemContainerSelector).find(this.itemSelector)}},'currentItem': {get: function() {var foundItem = nullvar foundItemInView = nullthis.items.each(function () {var currentInView = elementInView(jQuery(this), scrollTopOffset, 0)if (currentInView) {// An in view item is already located extra logicif (foundItemInView && foundItemInView.inView) {// The entire previously found item is visible - it winsif (foundItemInView.topInView && foundItemInView.bottomInView) return// The previously found item covers the visible area - it winsif (foundItemInView.middleCoversView) return// The previously found item has more surface area - it winsif (foundItemInView.percentVisable > currentInView.percentOfViewHeight) return}foundItem = jQuery(this)foundItemInView = currentInView}})return foundItem}},'currentItemIndex': {get: function() {var currentElement = this.currentItem.closest('[slide-index]')if(currentElement) {return parseInt(currentElement.attr('slide-index'))}return null}},'currentItemId': {get: function() {var currentElement = this.currentItem.closest('[slide-id]')if(currentElement) {return currentElement.attr('slide-id')}return null}}})var slideshowInstance = this// xxx for debuggering - igwindow.slideshowInstance = slideshowInstance;var scrollTopOffset = window.innerHeight > this.smallMenuBreakPoint ? 110 : 140var originUrl = window.location.hrefthis.scrollToIndex = function (index) {var slideItem = this.items.filter('[slide-index="' + index + '"]')if (slideItem.length) { var topOffset = slideItem.offset().top - scrollTopOffset// window.scrollTo({ top: topOffset, behavior: 'smooth' })window.scrollTo({ top: topOffset, behavior: 'auto' })}else {this.fetchMore(index, function () {slideshowInstance.scrollToIndex(index)})}}this.fetchMore = function (startIndex, callback) {var currentItemOnFetch = this.currentItemvar url = '/cleveland/10-restaurants-in-cleveland-with-a-relaxing-view/Slideshow/38343734'var params = {ajaxComponent: componentId,action: 'grabMore',startIndex: startIndex,oid: slideshowOid,cb: '1648573279',}if (paginate) {params.paginate = paginate;}var keywords = currentItemOnFetch.attr('slide-keywords')if (keywords) {params.keywords = keywords}if (editorView === true) {params.editor = true}// jQuery.ajax({url: url,type: 'GET',data: params,dataType: 'json',// beforeSend: function () { console.log('Fetching results') },success: function (data) {console.log('success', data.results, data.results.length, data.error, data)if (data) {if (data.error) {console.log(data.error)}else if (data.results) {console.log('slideshowInstance.items', slideshowInstance.items)for (var i = 0; i < data.results.length; i++) {var resultItem = jQuery(data.results[i])// // var resultItem = jQuery.parseHTML(data.results[i], document, true);var resultItemIndex = parseInt(resultItem.attr('slide-index'))var resultAlreadyInserted = slideshowInstance.items.filter('[slide-index="' + resultItemIndex + '"]').length > 0console.log('result', resultItemIndex)var previousItem = nullvar previousItemIndex = 0if (!resultAlreadyInserted) {slideshowInstance.items.each(function () {if (resultAlreadyInserted) returnvar currentItem = jQuery(this)var currentItemIndex = parseInt(currentItem.attr('slide-index'))if (resultItemIndex === currentItemIndex ) {resultAlreadyInserted = truereturn}else if (resultItemIndex > previousItemIndex && resultItemIndex < currentItemIndex) {var topOffsetBeforeInsert = currentItemOnFetch.get(0).getBoundingClientRect().topresultItem.insertBefore(currentItem)resultAlreadyInserted = truevar adjustedTopPosition = currentItemOnFetch.offset().top - topOffsetBeforeInsertwindow.scrollTo({ top: adjustedTopPosition, behavior: 'auto' })}previousItem = currentItempreviousItemIndex = currentItemIndex})if (!resultAlreadyInserted) {var topOffsetBeforeInsert = currentItemOnFetch.get(0).getBoundingClientRect().topresultItem.insertAfter(slideshowInstance.items.last())resultAlreadyInserted = truevar adjustedTopPosition = currentItemOnFetch.offset().top - topOffsetBeforeInsertwindow.scrollTo({ top: adjustedTopPosition, behavior: 'auto' })if (typeof instgrm === 'object' && instgrm.Embeds && typeof instgrm.Embeds.process === 'function') {setTimeout(instgrm.Embeds.process, 200);}}}}}else { console.log('How did we get here?') }}else { console.log('No result or error returned from content request.') }},complete: function () { slideshowInstance.items = jQuery(slideshowInstance.itemSelector) // Update items resultslideshowInstance.removeSpinner();if (typeof callback === 'function') { callback() }},error: function (jqXHR, textStatus, errorThrown) {console.log(jqXHR, textStatus, errorThrown);if (textStatus === 'timeout') {slideshowInstance.removeSpinner();if (paginate === true) return;paginate = true;if (slideshowInstance.items.length < totalSlides) {var firstLoadedIndex = parseInt(slideshowInstance.items.first().attr('slide-index')) || 1;var lastLoadedIndex = parseInt(slideshowInstance.items.last().attr('slide-index')) || totalSlides;if(firstLoadedIndex > 1) {var prevLink = jQuery(slideshowInstance.prevPageLinkHTML);var prevLinkUrl = new URL(url, `https://www.clevescene.com`);prevLinkUrl.searchParams.append('startIndex', firstLoadedIndex - 1);prevLinkUrl.searchParams.append('paginate', 'true');prevLink.attr('href', prevLinkUrl.href);jQuery(slideshowInstance.itemContainerSelector).prepend(prevLink);}if(lastLoadedIndex < totalSlides) {var nextLink = jQuery(slideshowInstance.nextPageLinkHTML);var nextLinkUrl = new URL(url, `https://www.clevescene.com`);nextLinkUrl.searchParams.append('startIndex', lastLoadedIndex + 1);nextLinkUrl.searchParams.append('paginate', 'true');nextLink.attr('href', nextLinkUrl.href);jQuery(slideshowInstance.itemContainerSelector).append(nextLink);}}}}})}// // // var lazyLoadSurroundingItemsInterval = null;// var lazyLoadTimeout = null;// var lazyLoadSurroundingItems = function (index) {// if (paginate) return;// if (slideshowInstance.items.length >= totalSlides) {// clearInterval(lazyLoadSurroundingItemsInterval);// }// if (slideshowInstance.lazyLoadMoreResults) {// // Rate limit lazyloading more slides// clearTimeout(lazyLoadTimeout);// lazyLoadTimeout = setTimeout(function () {// var prevIndex = Math.max(index - 1, 1)// var prevPrevIndex = Math.max(index - 2, 1)// var nextIndex = index + 1// var nextNextIndex = index + 2// var prevIndexLoaded = slideshowInstance.items.filter('[slide-index="' + prevIndex + '"]').length > 0// var prevPrevIndexLoaded = slideshowInstance.items.filter('[slide-index="' + prevPrevIndex + '"]').length > 0// var nextIndexLoaded = slideshowInstance.items.filter('[slide-index="' + nextIndex + '"]').length > 0// var nextNextIndexLoaded = slideshowInstance.items.filter('[slide-index="' + nextNextIndex + '"]').length > 0// if(!prevIndexLoaded) {// slideshowInstance.removeSpinner();// // jQuery(slideshowInstance.itemContainerSelector).prepend(slideshowInstance.spinnerHTML)// slideshowInstance.fetchMore(Math.max(prevIndex - (fetchMoreMaxCount - 1), 1))// }// else if(!prevPrevIndexLoaded) {// slideshowInstance.removeSpinner();// // jQuery(slideshowInstance.itemContainerSelector).prepend(slideshowInstance.spinnerHTML)// slideshowInstance.fetchMore(Math.max(prevPrevIndex - (fetchMoreMaxCount - 1), 1))// }// if(!nextIndexLoaded) {// slideshowInstance.removeSpinner();// jQuery(slideshowInstance.itemContainerSelector).append(slideshowInstance.spinnerHTML)// slideshowInstance.fetchMore(nextIndex)// }// else if(!nextNextIndexLoaded) {// slideshowInstance.removeSpinner();// jQuery(slideshowInstance.itemContainerSelector).append(slideshowInstance.spinnerHTML)// slideshowInstance.fetchMore(nextNextIndex)// }// }, 200)// }// }// // // var lazyLoadLastCheckedIndex = slideshowInstance.currentItemIndex// lazyLoadSurroundingItemsInterval = setInterval(function () {// var currentIndex = slideshowInstance.currentItemIndex// console.log(`lazyLoadSurroundingItemsInterval - currentIndex: ${currentIndex}; lazyLoadLastCheckedIndex: ${lazyLoadLastCheckedIndex}`);// if(currentIndex !== lazyLoadLastCheckedIndex) {// lazyLoadLastCheckedIndex = currentIndex;// lazyLoadSurroundingItems(currentIndex);// }// }, 1000);var onScrollLastCheckedIndex = slideshowInstance.currentItemIndexjQuery(window).on('scroll resize', function () {var currentIndex = slideshowInstance.currentItemIndexif(currentIndex !== onScrollLastCheckedIndex) {onScrollLastCheckedIndex = currentIndex// console.log(`Slide Item index: ${currentIndex}`)fireEvent('foundation:slideshow:slidechange')}});// var onScrollTimeout = null;// jQuery(window).on('scroll resize', function () {// // Rate limit lazyloading more slides// clearTimeout(onScrollTimeout);// onScrollTimeout = setTimeout(function () {// var currentIndex = slideshowInstance.currentItemIndex// if(currentIndex !== onScrollLastCheckedIndex) {// onScrollLastCheckedIndex = currentIndex// console.log(`Slide Item index: ${currentIndex}`)// fireEvent('foundation:slideshow:slidechange')// }// }, 100);// });this.initialized = falsethis.init = function () {if (this.initialized === true) return// Prevent the browser from trying to scroll to the last scroll position before reloadif (history.scrollRestoration) {history.scrollRestoration = 'manual'}var startIndex = this.items.first().attr('slide-index')var oid = window.location.pathname.match(/\d+$/)if (oid) {var grabIndex = parseInt(this.items.closest('[slide-id="' + oid[0] + '"]').attr('slide-index'))if (!isNaN(grabIndex)) {var startIndex = grabIndex}}// if (startIndex > 1) {// this.scrollToIndex(startIndex)// }// if(jQuery(this.itemContainerSelector + '[single-listing]').length === 0) {// this.lazyLoadMoreResults = true// }this.lazyLoadMoreResults = truethis.initialized = true// lazyLoadSurroundingItems(startIndex)}return this}var SlideshowItems = new SlideshowItemsObj()// Ad refresh on slide change handlingvar adSlideChangeRefreshThreshold = 10;var adSlideChangeRefreshTimeout = null;// adSlideChangeRefreshTimeout = setTimeout(function () {adSlideChangeRefreshTimeout = null; // Set timer to null}, adSlideChangeRefreshThreshold)// Timeout to prevent fast jogging from item to itemvar itemChangeTimeout = nulljQuery(document).on('foundation:slideshow:slidechange', function () {if (editorView !== true) {updateMetaDataFromElement(SlideshowItems.currentItem)}// Google Anayltics track pageviewif (typeof ga === 'function') {console.log("foundation:slideshow:slidechange event", "sending pageview navigation to:", window.location.href);ga('set', 'location', window.location.href)for (let i = 1; i <= 3; i++) {let currentDimension = jQuery(SlideshowItems.currentItem).attr('ga-dimension'+i)if (typeof currentDimension === 'string') {ga('set', 'dimension' + i, currentDimension)}else {ga('set', 'dimension' + i, '') }}ga('send', 'pageview')}// if (adSlideChangeRefreshTimeout === null) {// adSlideChangeRefreshTimeout = setTimeout(function () {adSlideChangeRefreshTimeout = null; // Set timer to null}, adSlideChangeRefreshThreshold)// if (Foundation.Ad && Foundation.Ad.slots) {if (typeof (Foundation.Ad.slots['CLE_Footer-1']) === 'object') {Foundation.Ad.showFooter('CLE_Footer-1');}}// if (Foundation.Gpt && Foundation.Gpt.getInPageSlotDataById) {var gptSlots = window.googletag.pubads().getSlots();var gptSlotFixedFooter = gptSlots.filter((slot) => slot.getSlotElementId() === `FixedFooter`)if (gptSlotFixedFooter.length) {Foundation.Gpt.ShowAd.refreshFixedFooter(gptSlotFixedFooter[0]);}}}});// Try to init immediatelySlideshowItems.init()// On document loadedjQuery(function () {SlideshowItems.init()})// })();
