Last active
August 21, 2019 05:06
-
-
Save 91bananas/ce842c408e7cb20d1f4f768c2277f938 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
@media only screen and (max-width: 900px) { | |
.list-complete { | |
width: 100% !important; | |
} | |
.list-complete-item { | |
flex: 1 1 100% !important; | |
} | |
#list-complete-demo { | |
flex-direction: column; | |
} | |
.active-image { | |
display: none; | |
} | |
} | |
.header { | |
position: absolute !important; | |
} | |
.list-complete { | |
display: flex; | |
flex-direction: row; | |
flex-wrap: wrap; | |
} | |
.list-complete-item { | |
transition: transform .2s; | |
flex: 1 1 20%; | |
padding: 10px; | |
align-items: center; | |
/* display: inline-block; | |
margin-right: 10px; */ | |
} | |
#list-complete-demo { | |
display: flex; | |
flex-direction: row; | |
flex-wrap: wrap; | |
} | |
.list-complete-img { | |
object-fit: cover; | |
width: 100%; | |
} | |
.list-complete-enter, .list-complete-leave-to | |
/* .list-complete-leave-active for <2.1.8 */ { | |
opacity: 0; | |
transform: translateY(30px); | |
} | |
.list-complete-leave-active { | |
position: absolute; | |
} | |
.filters { | |
display: inline-block; | |
width: auto; | |
} | |
.active-image { | |
position: fixed; | |
top: 80px; | |
right: 0; | |
left: 0; | |
bottom: 0; | |
} | |
.active-image img { | |
border: 10px solid #fff; | |
width: 50%; | |
margin: 0 auto; | |
} | |
.active-image .sticky { | |
display: block; | |
text-align: center; | |
background: #9445c5; | |
color: white; | |
font-weight: bold; | |
} | |
.active-image svg { | |
display: none; | |
} | |
.custom-page { | |
max-width:1000px | |
} | |
.pswp { | |
top: 80px; | |
} | |
</style> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.css"> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/default-skin/default-skin.css"> | |
<div id="list-complete-demo" class="demo"> | |
</div> | |
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> | |
<!-- Background of PhotoSwipe. | |
It's a separate element as animating opacity is faster than rgba(). --> | |
<div class="pswp__bg"></div> | |
<!-- Slides wrapper with overflow:hidden. --> | |
<div class="pswp__scroll-wrap"> | |
<!-- Container that holds slides. | |
PhotoSwipe keeps only 3 of them in the DOM to save memory. | |
Don't modify these 3 pswp__item elements, data is added later on. --> | |
<div class="pswp__container"> | |
<div class="pswp__item"></div> | |
<div class="pswp__item"></div> | |
<div class="pswp__item"></div> | |
</div> | |
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> | |
<div class="pswp__ui pswp__ui--hidden"> | |
<div class="pswp__top-bar"> | |
<!-- Controls are self-explanatory. Order can be changed. --> | |
<div class="pswp__counter"></div> | |
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button> | |
<button class="pswp__button pswp__button--share" title="Share"></button> | |
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> | |
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> | |
<!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> | |
<!-- element will get class pswp__preloader--active when preloader is running --> | |
<div class="pswp__preloader"> | |
<div class="pswp__preloader__icn"> | |
<div class="pswp__preloader__cut"> | |
<div class="pswp__preloader__donut"></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> | |
<div class="pswp__share-tooltip"></div> | |
</div> | |
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> | |
</button> | |
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> | |
</button> | |
<div class="pswp__caption"> | |
<div class="pswp__caption__center"></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script | |
src="https://code.jquery.com/jquery-3.4.1.js" | |
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" | |
crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script> | |
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.14.1/lodash.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.3/photoswipe-ui-default.js"></script> | |
<script> | |
var data = [{"index": 0, "title": "C&C 2.5 with hex neck, carbon steel, torched blue/purple, copper paint", "h": 1079, "tags": ["all", "C&C 2.5"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4226e208891b82da792459/0bfdcc2c4cb37e16a6eb5bc0789b0f35/67332669_361185781214767_8018229538894709219_n.jpg", "type": "C&C 2.5", "id": "5d4226e208891b82da792459"}, {"index": 1, "title": "C&C 2.5 with hex neck, carbon steel, torched blue/purple, copper paint", "h": 1080, "tags": ["all", "C&C 2.5"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4226e208891b82da792459/1d874268cf8c8534f54216818070bd2d/66495534_405001080117937_5551201377245855507_n.jpg", "type": "C&C 2.5", "id": "5d4226e208891b82da792459"}, {"index": 2, "title": "Big Cat, Copper, large deep even face mill big gaps, hammered bumpers, antique finish, polished stainless neck", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d423f1aff19dc54f27b8188/390cf03e5c5ad639b9ca7fbf0a370605/66028713_341699080110415_607888168919004554_n.jpg", "type": "Big Cat", "id": "5d423f1aff19dc54f27b8188"}, {"index": 3, "title": "Big Cat, Copper, large deep even face mill big gaps, hammered bumpers, antique finish, polished stainless neck", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d423f1aff19dc54f27b8188/988b534c24ae38f31175a98762b89eae/66675237_446037872616300_3434301715767645713_n.jpg", "type": "Big Cat", "id": "5d423f1aff19dc54f27b8188"}, {"index": 4, "title": "C&C 2.5 widebody, copper insert, ball endmill neck, male plumbers neck", "h": 1080, "tags": ["all", "C&C 2.5 Plus"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d423fe8c2ff9809161dac0a/37138507d7809fde0a6cf4d976297651/66469928_382654269121139_7093663222842390414_n.jpg", "type": "C&C 2.5 Plus", "id": "5d423fe8c2ff9809161dac0a"}, {"index": 5, "title": "C&C 2.5 widebody, copper insert, ball endmill neck, male plumbers neck", "h": 1079, "tags": ["all", "C&C 2.5 Plus"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d423fe8c2ff9809161dac0a/980ae43f7ee7f4f1836fd0e4efe7f87f/64430134_595147000892192_1162347573872443254_n.jpg", "type": "C&C 2.5 Plus", "id": "5d423fe8c2ff9809161dac0a"}, {"index": 6, "title": "C&C 1.0, Copper, hammered flange, matte stainless flow neck, black dots, dancing cushman, brush finish", "h": 809, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4240d2d546e17266c959d5/12bc24bb5286b4abac68ddbbd67b7fb2/65952730_1201800846693714_8891587589213931300_n.jpg", "type": "C&C 1.0", "id": "5d4240d2d546e17266c959d5"}, {"index": 7, "title": "C&C 1.0, Copper, hammered flange, matte stainless flow neck, black dots, dancing cushman, brush finish", "h": 814, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4240d2d546e17266c959d5/28155b5cd09b46ce25f6f1ec99cf5b7a/66513603_2469488116406719_3363243029633836200_n.jpg", "type": "C&C 1.0", "id": "5d4240d2d546e17266c959d5"}, {"index": 8, "title": "Big Cat, Steel, cerakoted black, copper money maker stamps, dancing cushman, chiseled neck, 0 offset plumbers neck, feather mill, deep cavity", "h": 978, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4241b9bc13e384df18bbbb/3330dc51cb8f259cb4b805ac3c351c87/66770718_147805729615361_4967624150455045791_n.jpg", "type": "Big Cat", "id": "5d4241b9bc13e384df18bbbb"}, {"index": 9, "title": "Big Cat, Steel, cerakoted black, copper money maker stamps, dancing cushman, chiseled neck, 0 offset plumbers neck, feather mill, deep cavity", "h": 981, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4241b9bc13e384df18bbbb/9b0022cc2b5531c8f672457cdfa55a85/64393107_129939594891589_1297845333203582753_n.jpg", "type": "Big Cat", "id": "5d4241b9bc13e384df18bbbb"}, {"index": 10, "title": "MPG, multi color torch, goose flow neck, wood grain milled, gold and white paint", "h": 1080, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d427586dd8f11047a691cdc/a7afad4c67b097eb3b289611b6feded9/65605894_127927718446105_5526261386091830474_n.jpg", "type": "MPG", "id": "5d427586dd8f11047a691cdc"}, {"index": 11, "title": "MPG, multi color torch, goose flow neck, wood grain milled, gold and white paint", "h": 1080, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d427586dd8f11047a691cdc/7e0c2864bff5a68b37377a29f90f8fbb/65761765_874742812886237_4688226940925425120_n.jpg", "type": "MPG", "id": "5d427586dd8f11047a691cdc"}, {"index": 12, "title": "Big Cat Curve, copper, hammered hips, blue torched skinny hex flow neck, deep even offset mill", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4275d32fc7b14ddb518b85/f6cb19627167e3495fb542209cab9fd9/65117841_490990125003940_425234759146197935_n.jpg", "type": "Big Cat", "id": "5d4275d32fc7b14ddb518b85"}, {"index": 13, "title": "Big Cat Curve, copper, hammered hips, blue torched skinny hex flow neck, deep even offset mill", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4275d32fc7b14ddb518b85/cf9417d8bcb47ff224d56cf4b9783bd9/64374246_388295022034521_7666777039286822083_n.jpg", "type": "Big Cat", "id": "5d4275d32fc7b14ddb518b85"}, {"index": 14, "title": "Big Cat, steel, slant flow F neck, custom stamping, multi color torched finish, medium even offset milling, copper and white fill", "h": 1345, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42764ac905c35ffa0a4c10/a183f2d7575636a58503a71f85867b5b/60797167_205996813711051_816310957818800910_n.jpg", "type": "Big Cat", "id": "5d42764ac905c35ffa0a4c10"}, {"index": 15, "title": "Big Cat, steel, slant flow F neck, custom stamping, multi color torched finish, medium even offset milling, copper and white fill", "h": 1350, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42764ac905c35ffa0a4c10/a1b801858369aa5b9aabe201f13395ef/60889842_210781623229310_1768846068327301334_n.jpg", "type": "Big Cat", "id": "5d42764ac905c35ffa0a4c10"}, {"index": 16, "title": "C&C 1.0, steel, gold torch finish, high polish blue gold neck, long hex flow 1/2 offset neck, deep even milling, flange line", "h": 1349, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4276b77d67ae538527b4c1/a0296ea3bdf13d570eeef36ce232aae8/60646637_171879867157234_4308522570580283834_n.jpg", "type": "C&C 1.0", "id": "5d4276b77d67ae538527b4c1"}, {"index": 17, "title": "C&C 1.0, steel, gold torch finish, high polish blue gold neck, long hex flow 1/2 offset neck, deep even milling, flange line", "h": 1345, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4276b77d67ae538527b4c1/00c1967e3d205a6dc492259b81430ac5/60328056_122671375606984_2162893131301973394_n.jpg", "type": "C&C 1.0", "id": "5d4276b77d67ae538527b4c1"}, {"index": 18, "title": "MPG, steel, gold torch with blue torched dot, chiseled plumbers neck, light mill with over mill deep even spaced, sole stamping", "h": 1080, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42779464230b4a3e64665f/ca0e9064d37ca38c09fc0874962510fd/57253558_193695148275661_9122594026951577040_n.jpg", "type": "MPG", "id": "5d42779464230b4a3e64665f"}, {"index": 19, "title": "MPG, steel, gold torch with blue torched dot, chiseled plumbers neck, light mill with over mill deep even spaced, sole stamping", "h": 1079, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42779464230b4a3e64665f/b2e79dd363c2f7afda8b5397db316fdc/59932996_424325218298793_4129065849499502820_n.jpg", "type": "MPG", "id": "5d42779464230b4a3e64665f"}, {"index": 20, "title": "Big Cat, steel, blue multi torch, straight chisel neck, 0 offset plumbers neck, smoking tom stamp", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4277c9f33b2307c76349ab/a33b8b64f7f053437154b9edf714ccdd/57899659_813578605687109_8929606034650022443_n.jpg", "type": "Big Cat", "id": "5d4277c9f33b2307c76349ab"}, {"index": 21, "title": "Big Cat, steel, blue multi torch, straight chisel neck, 0 offset plumbers neck, smoking tom stamp", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4277c9f33b2307c76349ab/19d74e19ea5de3f895d50ae5855b6750/57325365_864864413855011_8356684434595406281_n.jpg", "type": "Big Cat", "id": "5d4277c9f33b2307c76349ab"}, {"index": 22, "title": "Big Cat, steel, blue torch finish, star cavity stamps, chiseled neck, plumbers neck, flange line, super feather mill, dancing cushman neck stamp", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42781612fcd254bfd6a258/8e9167f80c03ee8b6c8b08cafd9b0375/59211603_2047775735321654_3944527664011969893_n.jpg", "type": "Big Cat", "id": "5d42781612fcd254bfd6a258"}, {"index": 23, "title": "Big Cat, steel, blue torch finish, star cavity stamps, chiseled neck, plumbers neck, flange line, super feather mill, dancing cushman neck stamp", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d42781612fcd254bfd6a258/7e7043c7fa44d6f00cdd146f41816bff/56949439_606488046486032_6490365476504534493_n.jpg", "type": "Big Cat", "id": "5d42781612fcd254bfd6a258"}, {"index": 24, "title": "C&C 2.0, polished sole, sprinkle stamps, short flow neck, zero offset", "h": 1080, "tags": ["all", "C&C 2.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d427913d108264fa8ed2c6a/54574be29ee56431cdc876219480ec94/53881807_1242515659237898_8786958152045302289_n.jpg", "type": "C&C 2.0", "id": "5d427913d108264fa8ed2c6a"}, {"index": 25, "title": "C&C 2.0, polished sole, sprinkle stamps, short flow neck, zero offset", "h": 1079, "tags": ["all", "C&C 2.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d427913d108264fa8ed2c6a/e74368ff89949f7e331d200e747e1c03/55937651_1007495586127673_8618564437631639273_n.jpg", "type": "C&C 2.0", "id": "5d427913d108264fa8ed2c6a"}, {"index": 26, "title": "C&C 1.0, steel, flow neck, roughing end mill bumpers,", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4279773e662b55f39ae9b6/73dc9aa0d52b45887dffed65edce2a44/54800717_2171163446527396_6497581728747179612_n.jpg", "type": "C&C 1.0", "id": "5d4279773e662b55f39ae9b6"}, {"index": 27, "title": "C&C 1.0, steel, flow neck, roughing end mill bumpers,", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d4279773e662b55f39ae9b6/be607f5d23d383c22488eb33bce4506a/53314636_2328432877392207_1793108241230389363_n.jpg", "type": "C&C 1.0", "id": "5d4279773e662b55f39ae9b6"}, {"index": 28, "title": "Big Cat, steel, slant flow neck, half offset, corona stamping, roughing endmill, sight line, torched center, circle neck stamp, deep even spaced milling", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a342e0022f1b6df91506/25b20e0218f2971f6b4927d0c188d009/5KUAGXYM7661.jpg", "type": "Big Cat", "id": "5d48a342e0022f1b6df91506"}, {"index": 29, "title": "Big Cat, steel, slant flow neck, half offset, corona stamping, roughing endmill, sight line, torched center, circle neck stamp, deep even spaced milling", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a342e0022f1b6df91506/cbbd0686ad0c03f2df5af0b73e5bae32/9748A261FOTH.jpg", "type": "Big Cat", "id": "5d48a342e0022f1b6df91506"}, {"index": 30, "title": "C&C-R proto, steel, honey gold torch finish, USA stamp, twisted blue square plumbers neck, feather mill", "h": 1080, "tags": ["all", "Prototype"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a37d553f2658b3daf9d3/f84298853cf1684bdc8fe3c27c4212ea/H505O2ENREJH.jpg", "type": "Prototype", "id": "5d48a37d553f2658b3daf9d3"}, {"index": 31, "title": "C&C-R proto, steel, honey gold torch finish, USA stamp, twisted blue square plumbers neck, feather mill", "h": 1080, "tags": ["all", "Prototype"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a37d553f2658b3daf9d3/b87a5315331e83798e8a4ecf74b71b41/Z5UP8PK9Q2A2.jpg", "type": "Prototype", "id": "5d48a37d553f2658b3daf9d3"}, {"index": 32, "title": "Big Cat, LH, circle icon stamps, all color torch finish, medium mill, chisel plumbers neck", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a3e167de274d1acf365d/41105daf745715cafc7f62f01c19175e/0M330S5O3A5K.jpg", "type": "Big Cat", "id": "5d48a3e167de274d1acf365d"}, {"index": 33, "title": "Big Cat, LH, circle icon stamps, all color torch finish, medium mill, chisel plumbers neck", "h": 930, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a3e167de274d1acf365d/a92468aab67ce9af7f12ea647ee9d711/8U3ITFBDSROP.jpg", "type": "Big Cat", "id": "5d48a3e167de274d1acf365d"}, {"index": 34, "title": "C&C 1.0, steel, chiseled dancing cushman plumbers neck, two pass mill, roughing mill finish bumpers", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a50609aac8396fdfc6ad/134690dafbaf4cefb53f62bef649a34e/R2RLQJCKZHOG.jpg", "type": "C&C 1.0", "id": "5d48a50609aac8396fdfc6ad"}, {"index": 35, "title": "C&C 1.0, steel, chiseled dancing cushman plumbers neck, two pass mill, roughing mill finish bumpers", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a50609aac8396fdfc6ad/d1c1bc6537443d438b3940bb16309a1a/TP9XQDNJ91WT.jpg", "type": "C&C 1.0", "id": "5d48a50609aac8396fdfc6ad"}, {"index": 36, "title": "Big Cat, steel, honey gold torch finish, wood grain mill, chiseled plumbers neck", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a576ef3a876d24f5c7e5/3971b1362c52c3e61f9228255867ff14/6IVXO8AOJI19.jpg", "type": "Big Cat", "id": "5d48a576ef3a876d24f5c7e5"}, {"index": 37, "title": "Big Cat, steel, honey gold torch finish, wood grain mill, chiseled plumbers neck", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a576ef3a876d24f5c7e5/964c01c219f24ea47b25d851260cc093/ZAXW47FAN1MC.jpg", "type": "Big Cat", "id": "5d48a576ef3a876d24f5c7e5"}, {"index": 38, "title": "Two Step proto, 303 stainless, wavy plumber's neck, honey gold torch finish, rare toe stamp, two pass feather plus deep even big space mill", "h": 1080, "tags": ["all", "Prototype"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a5d8baac02097c56ec55/cd1976f37571586986e21582e4004184/9F7STMD7XBT4.jpg", "type": "Prototype", "id": "5d48a5d8baac02097c56ec55"}, {"index": 39, "title": "Two Step proto, 303 stainless, wavy plumber's neck, honey gold torch finish, rare toe stamp, two pass feather plus deep even big space mill", "h": 1080, "tags": ["all", "Prototype"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a5d8baac02097c56ec55/7ec0537ff9b95b79230557f5340b4295/NHCB25Z2P57P.jpg", "type": "Prototype", "id": "5d48a5d8baac02097c56ec55"}, {"index": 40, "title": "Big Cat, OG LH proto, steel, blue torched finish, sight line, chiseled plumbers neck,", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a6bf07e2fe642bb27fc7/738e1975f4ffd7879228e68ce2e8ed0e/8G2JNWBUNBD0.jpg", "type": "Big Cat", "id": "5d48a6bf07e2fe642bb27fc7"}, {"index": 41, "title": "Big Cat, OG LH proto, steel, blue torched finish, sight line, chiseled plumbers neck,", "h": 1080, "tags": ["all", "Big Cat"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a6bf07e2fe642bb27fc7/dcf69da99d174a9c7812d109526b4100/QDWCN3DUNX08.jpg", "type": "Big Cat", "id": "5d48a6bf07e2fe642bb27fc7"}, {"index": 42, "title": "C&C 1.0, honey gold torch finish, desert king stamping, two pass medium grain mill, short flow neck, miami paint", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a82a8926f276be3fd69a/d4f8a44888a749678379a27d48408593/47586061_179954759629307_8448490118168964021_n.jpg", "type": "C&C 1.0", "id": "5d48a82a8926f276be3fd69a"}, {"index": 43, "title": "C&C 1.0, honey gold torch finish, desert king stamping, two pass medium grain mill, short flow neck, miami paint", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a82a8926f276be3fd69a/84bfefa55bd2c187e649ffd41991885b/47690135_972422216282094_5961222406253282684_n.jpg", "type": "C&C 1.0", "id": "5d48a82a8926f276be3fd69a"}, {"index": 44, "title": "MPG, steel, rust finish, straight chiseled plumbers neck, deep even face mill, under neck logo", "h": 1080, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a8abd35ea557a08f0482/b9b161370f416d683f885d2048e60b8e/07FBCWDVVLMB.jpg", "type": "MPG", "id": "5d48a8abd35ea557a08f0482"}, {"index": 45, "title": "MPG, steel, rust finish, straight chiseled plumbers neck, deep even face mill, under neck logo", "h": 1080, "tags": ["all", "MPG"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a8abd35ea557a08f0482/91a41359ea3b0fb1aca76a5afd8d39b9/964X4BGLPB8C.jpg", "type": "MPG", "id": "5d48a8abd35ea557a08f0482"}, {"index": 46, "title": "C&C-H proto, 7 X neck stamp, rough end mill flange, rounded heel, half offset slant flow neck, two pass wood grain and deep even big space mill, torched blue heel and toe", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a9c2635fca3c98010b73/7b2b549d0a9873e6eed86ae2d08968ce/56418398_129882144831506_8220636783271919361_n.jpg", "type": "C&C 1.0", "id": "5d48a9c2635fca3c98010b73"}, {"index": 47, "title": "C&C-H proto, 7 X neck stamp, rough end mill flange, rounded heel, half offset slant flow neck, two pass wood grain and deep even big space mill, torched blue heel and toe", "h": 1080, "tags": ["all", "C&C 1.0"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d48a9c2635fca3c98010b73/86e7df99e87ccbcb713cc8eb1e21e329/RCU4VKI56M8K.jpg", "type": "C&C 1.0", "id": "5d48a9c2635fca3c98010b73"}, {"index": 48, "title": "Custom B60 Clone, steel, 349g, hand ground, toro stamp, double flange lines", "h": 929, "tags": ["all", "Custom"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c520928b71b87d19189b3/f5abe2a58f1610005ac4451f90aa1ac9/67293540_424572904821104_2038471025128383551_n.jpg", "type": "Custom", "id": "5d5c520928b71b87d19189b3"}, {"index": 49, "title": "Custom B60 Clone, steel, 349g, hand ground, toro stamp, double flange lines", "h": 930, "tags": ["all", "Custom"], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c520928b71b87d19189b3/8e3a42608d7d34ee2ded0d1a492ab185/66499470_2472699112974198_978616717594691855_n.jpg", "type": "Custom", "id": "5d5c520928b71b87d19189b3"}, {"index": 50, "title": "C&C 1.0 LH, steel, torched blue/purple finish, custom stamping, half offset hex flow neck", "h": 1080, "tags": ["all", ""], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c72ba08114c8fc96b7685/7802f2595f69eda7b55966541bdfcddc/67335237_1405716952902623_8190510872975313243_n.jpg", "type": "", "id": "5d5c72ba08114c8fc96b7685"}, {"index": 51, "title": "C&C 1.0 LH, steel, torched blue/purple finish, custom stamping, half offset hex flow neck", "h": 1079, "tags": ["all", ""], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c72ba08114c8fc96b7685/9be9ed606c0c242f579e267120af0ad4/66625857_411235456168838_8374119426297600081_n.jpg", "type": "", "id": "5d5c72ba08114c8fc96b7685"}, {"index": 52, "title": "C&C 2.5, steel, full shaft ball slot neck plumbers neck, torched blue finish, circle sole stamps, dancing Cushman neck", "h": 962, "tags": ["all", ""], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c730ea579185d578aa90b/346b245209719588324a3388c240c3eb/67733173_490986138368613_8653882425017136395_n.jpg", "type": "", "id": "5d5c730ea579185d578aa90b"}, {"index": 53, "title": "C&C 2.5, steel, full shaft ball slot neck plumbers neck, torched blue finish, circle sole stamps, dancing Cushman neck", "h": 964, "tags": ["all", ""], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c730ea579185d578aa90b/607ecb81607fd3d36e06d7fccdd50e6c/69381250_2221242974664449_3869690880770397026_n.jpg", "type": "", "id": "5d5c730ea579185d578aa90b"}, {"index": 54, "title": "C&C 2.5, steel, full shaft ball slot neck plumbers neck, torched blue finish, circle sole stamps, dancing Cushman neck", "h": 964, "tags": ["all", ""], "w": 1080, "src": "https://trello-attachments.s3.amazonaws.com/5d4226c426246307c864eb9b/5d5c730ea579185d578aa90b/cb06a9dd57593fe0e4f6f5a9864c3c06/67478839_366053824043049_8847040195056695143_n.jpg", "type": "", "id": "5d5c730ea579185d578aa90b"}]; | |
var pswpElement = document.querySelectorAll('.pswp')[0]; | |
var options = { | |
// optionName: 'option value' | |
// for example: | |
index: 0, // start at first slide | |
captionEl: true | |
}; | |
// Initializes and opens PhotoSwipe | |
// var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, data, options); | |
// gallery.init(); | |
</script> | |
<script type="application/javascript"> | |
var singleItemHtml = function (item, index) { | |
return '<div class="list-complete-item" data-index="' + index + '">' + | |
'<a href="javascript: void 0;" class="show-img"><img class="list-complete-img" src="' + item.src + '" alt="" /></a></div>' | |
}; | |
var count = 0; | |
var htmlz = _.reduce(data, function (memo, item) { | |
var thisHtml = singleItemHtml(item, count); | |
count++; | |
return memo + thisHtml; | |
}, ''); | |
$('#list-complete-demo').append(htmlz); | |
$('body').on('click', '.show-img', function (e) { | |
var index = $(e.target).closest('div').attr('data-index'); | |
var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, data, options); | |
gallery.init(); | |
gallery.goTo(index); | |
}); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment