galleries.md

layout	title	permalink	<!-- weight	banner	share
flex	Gallery	/gallery/	-1 -->	true	title description Sketch Template Gallery Checkout the new Magic Templates Gallery

Gallery

<script> $( document ).ready(function() { function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, " ")); } function createGalleryGrid(galleryItem){ var result = $('

').addClass("flex sm-col-6 md-col-4 border-box p1 template free"); var body = $('

').addClass('p1 border rounded sm-col-12 md-col-12').appendTo(result); var previewLink = $('').attr({href: galleryItem.data}).append($('').attr({'src': galleryItem.preview, 'height': 'auto'})).appendTo(body); var info = $('

').addClass('mx-auto').appendTo(body); var bigSpan = $('').addClass('flex').appendTo(info); var infoSpan = $('').addClass('flex-auto').appendTo(bigSpan); $('

').addClass('title mt1 mb1 bold').html(galleryItem.name).appendTo(infoSpan); $('').addClass('meta m0').html('description').appendTo(infoSpan); // $('author').append? $('

').addClass('author').append($('').attr({href: 'http://twitter.com/jamztang', identifier: 'author'}).addClass('name').append($('').attr({src: 'https://avatars2.githubusercontent.com/u/852375?v=3&s=460'}).addClass('avatar')).append(' James Tang')).appendTo(infoSpan); var priceDiv = $('

').addClass('flex-none p1 right-align').appendTo(bigSpan); if(galleryItem.premium == 1){ $('

').addClass('status').append('PREMIUM').appendTo(priceDiv); }else{ $('

').addClass('status').append('FREE').appendTo(priceDiv); } return result; } if(getParameterByName('inapp') != null){ $('.flex-center.mb2').hide(); $('.site-header').hide(); $('.site-footer').hide(); } $.ajax({ url: '{{ site.apigateway[jekyll.environment].url }}/template', method: 'GET', headers: { 'X-Access-Token': Cookies.get('t'), 'X-Refresh-Token': Cookies.get('rt'), }, success: function (data) { $.each(data, function(index, item){ $('#galleryContainer').append(new createGalleryGrid(item)); }); }, error: function (error) { console.log('error', error); } }); }); </script>

Magic Mirror Gallery is still in beta. If you want to help or want to have your own templates show up please read the templates contribution guideline :)