Skip to content

Commit 59a6f4d

Browse files
craftpipcraftpip
committed
add missing bs link
1 parent 3be3fbc commit 59a6f4d

File tree

3 files changed

+44
-35
lines changed

3 files changed

+44
-35
lines changed

‎animations.html

+39-35
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,10 @@
5151
<meta property="og:site_name"
5252
content="craftpip.github.io"/>
5353

54+
<link rel="stylesheet"
55+
id="bs-stylesheet"
56+
href="demo/libs/bs3.css">
57+
5458
<link rel="stylesheet"
5559
href="demo/libs/bundled.css">
5660
<script src="demo/libs/bundled.js"></script>
@@ -314,7 +318,7 @@ <h2>Open/Close Animations</h2>
314318
<p>Recommended animations for animateFromElement:</p>
315319
<button class="example16-a-1 btn btn-primary">scale</button>
316320
<script type="text/javascript">
317-
$('.example16-a-1').on('click', function () {
321+
$('.example16-a-1').on('click', function(){
318322
$.confirm({
319323
animation: 'scale',
320324
closeAnimation: 'scale',
@@ -323,7 +327,7 @@ <h2>Open/Close Animations</h2>
323327
</script>
324328
<button class="example17-a-2 btn btn-primary">rotateY</button>
325329
<script type="text/javascript">
326-
$('.example17-a-2').on('click', function () {
330+
$('.example17-a-2').on('click', function(){
327331
$.confirm({
328332
animation: 'rotateY',
329333
closeAnimation: 'rotateY',
@@ -332,7 +336,7 @@ <h2>Open/Close Animations</h2>
332336
</script>
333337
<button class="example18-a-3 btn btn-primary">rotateYR</button>
334338
<script type="text/javascript">
335-
$('.example18-a-3').on('click', function () {
339+
$('.example18-a-3').on('click', function(){
336340
$.confirm({
337341
animation: 'rotateYR',
338342
closeAnimation: 'rotateYR'
@@ -341,7 +345,7 @@ <h2>Open/Close Animations</h2>
341345
</script>
342346
<button class="example19-a-4 btn btn-primary">rotateX</button>
343347
<script type="text/javascript">
344-
$('.example19-a-4').on('click', function () {
348+
$('.example19-a-4').on('click', function(){
345349
$.confirm({
346350
animation: 'rotateX',
347351
closeAnimation: 'rotateX'
@@ -350,7 +354,7 @@ <h2>Open/Close Animations</h2>
350354
</script>
351355
<button class="example19-a-5 btn btn-primary">rotateXR</button>
352356
<script type="text/javascript">
353-
$('.example19-a-5').on('click', function () {
357+
$('.example19-a-5').on('click', function(){
354358
$.confirm({
355359
animation: 'rotateXR',
356360
closeAnimation: 'rotateXR'
@@ -361,7 +365,7 @@ <h2>Open/Close Animations</h2>
361365
<p>2D animations: (animateFromElement disabled)</p>
362366
<button class="example16 btn btn-primary">right</button>
363367
<script type="text/javascript">
364-
$('.example16').on('click', function () {
368+
$('.example16').on('click', function(){
365369
$.confirm({
366370
animation: 'right',
367371
closeAnimation: 'right',
@@ -371,7 +375,7 @@ <h2>Open/Close Animations</h2>
371375
</script>
372376
<button class="example17 btn btn-primary">left</button>
373377
<script type="text/javascript">
374-
$('.example17').on('click', function () {
378+
$('.example17').on('click', function(){
375379
$.confirm({
376380
animation: 'left',
377381
closeAnimation: 'left',
@@ -381,7 +385,7 @@ <h2>Open/Close Animations</h2>
381385
</script>
382386
<button class="example18 btn btn-primary">bottom</button>
383387
<script type="text/javascript">
384-
$('.example18').on('click', function () {
388+
$('.example18').on('click', function(){
385389
$.confirm({
386390
animation: 'bottom',
387391
closeAnimation: 'bottom',
@@ -391,7 +395,7 @@ <h2>Open/Close Animations</h2>
391395
</script>
392396
<button class="example19 btn btn-primary">top</button>
393397
<script type="text/javascript">
394-
$('.example19').on('click', function () {
398+
$('.example19').on('click', function(){
395399
$.confirm({
396400
animation: 'top',
397401
closeAnimation: 'top',
@@ -401,7 +405,7 @@ <h2>Open/Close Animations</h2>
401405
</script>
402406
<button class="example11 btn btn-primary">Rotate</button>
403407
<script type="text/javascript">
404-
$('.example11').on('click', function () {
408+
$('.example11').on('click', function(){
405409
$.confirm({
406410
animation: 'Rotate',
407411
closeAnimation: 'Rotate',
@@ -411,7 +415,7 @@ <h2>Open/Close Animations</h2>
411415
</script>
412416
<button class="example12 btn btn-primary">none</button>
413417
<script type="text/javascript">
414-
$('.example12').on('click', function () {
418+
$('.example12').on('click', function(){
415419
$.confirm({
416420
animation: 'none',
417421
animateFromElement: false,
@@ -420,7 +424,7 @@ <h2>Open/Close Animations</h2>
420424
</script>
421425
<button class="example13 btn btn-primary">opacity</button>
422426
<script type="text/javascript">
423-
$('.example13').on('click', function () {
427+
$('.example13').on('click', function(){
424428
$.confirm({
425429
animation: 'opacity',
426430
closeAnimation: 'opacity',
@@ -432,7 +436,7 @@ <h2>Open/Close Animations</h2>
432436
<p>3D animations: (animateFromElement disabled)</p>
433437
<button class="example15 btn btn-primary">scale (default)</button>
434438
<script type="text/javascript">
435-
$('.example15').on('click', function () {
439+
$('.example15').on('click', function(){
436440
$.confirm({
437441
animation: 'scale',
438442
closeAnimation: 'scale',
@@ -442,7 +446,7 @@ <h2>Open/Close Animations</h2>
442446
</script>
443447
<button class="example14 btn btn-primary">zoom</button>
444448
<script type="text/javascript">
445-
$('.example14').on('click', function () {
449+
$('.example14').on('click', function(){
446450
$.confirm({
447451
animation: 'zoom',
448452
closeAnimation: 'zoom',
@@ -452,7 +456,7 @@ <h2>Open/Close Animations</h2>
452456
</script>
453457
<button class="example7 btn btn-primary">scaleY</button>
454458
<script type="text/javascript">
455-
$('.example7').on('click', function () {
459+
$('.example7').on('click', function(){
456460
$.confirm({
457461
animation: 'scaleY',
458462
closeAnimation: 'scaleY',
@@ -462,7 +466,7 @@ <h2>Open/Close Animations</h2>
462466
</script>
463467
<button class="example8 btn btn-primary">scaleX</button>
464468
<script type="text/javascript">
465-
$('.example8').on('click', function () {
469+
$('.example8').on('click', function(){
466470
$.confirm({
467471
animation: 'scaleX',
468472
closeAnimation: 'scaleX',
@@ -472,7 +476,7 @@ <h2>Open/Close Animations</h2>
472476
</script>
473477
<button class="example9 btn btn-primary">RotateY</button>
474478
<script type="text/javascript">
475-
$('.example9').on('click', function () {
479+
$('.example9').on('click', function(){
476480
$.confirm({
477481
animation: 'rotateY',
478482
closeAnimation: 'rotateY',
@@ -482,7 +486,7 @@ <h2>Open/Close Animations</h2>
482486
</script>
483487
<button class="example9-2 btn btn-primary">RotateYR</button>
484488
<script type="text/javascript">
485-
$('.example9-2').on('click', function () {
489+
$('.example9-2').on('click', function(){
486490
$.confirm({
487491
animation: 'rotateYR',
488492
closeAnimation: 'rotateYR',
@@ -492,7 +496,7 @@ <h2>Open/Close Animations</h2>
492496
</script>
493497
<button class="example10 btn btn-primary">RotateX</button>
494498
<script type="text/javascript">
495-
$('.example10').on('click', function () {
499+
$('.example10').on('click', function(){
496500
$.confirm({
497501
animation: 'rotateX',
498502
closeAnimation: 'rotateX',
@@ -502,7 +506,7 @@ <h2>Open/Close Animations</h2>
502506
</script>
503507
<button class="example10-2 btn btn-primary">RotateXR</button>
504508
<script type="text/javascript">
505-
$('.example10-2').on('click', function () {
509+
$('.example10-2').on('click', function(){
506510
$.confirm({
507511
animation: 'rotateXR',
508512
closeAnimation: 'rotateXR',
@@ -532,22 +536,22 @@ <h4 id="animationbounce">Animation bounce</h4>
532536
<button class="btn btn-primary example-bounce-3">2 bounce</button>
533537
<button class="btn btn-primary example-bounce-4">2.5 bounce</button>
534538
<script type="text/javascript">
535-
$('.example-bounce-1').on('click', function () {
539+
$('.example-bounce-1').on('click', function(){
536540
$.confirm({
537541
animationBounce: 1
538542
});
539543
});
540-
$('.example-bounce-2').on('click', function () {
544+
$('.example-bounce-2').on('click', function(){
541545
$.confirm({
542546
animationBounce: 1.5
543547
});
544548
});
545-
$('.example-bounce-3').on('click', function () {
549+
$('.example-bounce-3').on('click', function(){
546550
$.confirm({
547551
animationBounce: 2
548552
});
549553
});
550-
$('.example-bounce-4').on('click', function () {
554+
$('.example-bounce-4').on('click', function(){
551555
$.confirm({
552556
animationBounce: 2.5
553557
});
@@ -567,12 +571,12 @@ <h4 id="animationspeed">Animation speed</h4>
567571
<button class="btn btn-primary example19-2">I'm too Quick</button>
568572
<div class="space10"></div>
569573
<script type="text/javascript">
570-
$('.example19-1').on('click', function () {
574+
$('.example19-1').on('click', function(){
571575
$.confirm({
572576
animationSpeed: 2000
573577
});
574578
});
575-
$('.example19-2').on('click', function () {
579+
$('.example19-2').on('click', function(){
576580
$.confirm({
577581
animationSpeed: 200
578582
});
@@ -604,7 +608,7 @@ <h2>Define your custom animations</h2>
604608
}
605609
</style>
606610
<script>
607-
$('.custom-anim-1').on('click', function () {
611+
$('.custom-anim-1').on('click', function(){
608612
$.confirm({
609613
animation: 'news',
610614
closeAnimation: 'news',
@@ -672,7 +676,7 @@ <h2>Background dismiss animation</h2>
672676
}
673677
</style>
674678
<script>
675-
$('.custom-bg-1').on('click', function () {
679+
$('.custom-bg-1').on('click', function(){
676680
$.confirm({
677681
backgroundDismissAnimation: 'random'
678682
});
@@ -735,11 +739,11 @@ <h2>Background dismiss animation</h2>
735739

736740
<!--google stuff DO NOT COPY THIS-->
737741
<script>
738-
(function (i, s, o, g, r, a, m) {
742+
(function(i, s, o, g, r, a, m){
739743
i['GoogleAnalyticsObject'] = r;
740-
i[r] = i[r] || function () {
741-
(i[r].q = i[r].q || []).push(arguments)
742-
}, i[r].l = 1 * new Date();
744+
i[r] = i[r] || function(){
745+
(i[r].q = i[r].q || []).push(arguments)
746+
}, i[r].l = 1 * new Date();
743747
a = s.createElement(o),
744748
m = s.getElementsByTagName(o)[0];
745749
a.async = 1;
@@ -755,16 +759,16 @@ <h2>Background dismiss animation</h2>
755759
defer
756760
id="github-bjs"
757761
src="https://buttons.github.io/buttons.js"></script>
758-
<script> window.twttr = (function (d, s, id) {
762+
<script> window.twttr = (function(d, s, id){
759763
var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {};
760-
if (d.getElementById(id))
764+
if(d.getElementById(id))
761765
return t;
762766
js = d.createElement(s);
763767
js.id = id;
764768
js.src = "https://platform.twitter.com/widgets.js";
765769
fjs.parentNode.insertBefore(js, fjs);
766770
t._e = [];
767-
t.ready = function (f) {
771+
t.ready = function(f){
768772
t._e.push(f);
769773
};
770774
return t;

‎index.html

+1
Original file line numberDiff line numberDiff line change
@@ -944,6 +944,7 @@ <h2>Themes</h2>
944944
// working with images
945945
var getNewMeme = function(){
946946
var prevTitle = $('.meme-text').html();
947+
$('.meme-image img').attr('src', '');
947948
$('.meme-text').html('Loading memes 👌');
948949
$.get('https://craftpip.com/api/memes.json', {
949950
previousTitle: prevTitle,

‎themes.html

+4
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,10 @@
5151
<meta property="og:site_name"
5252
content="craftpip.github.io"/>
5353

54+
<link rel="stylesheet"
55+
id="bs-stylesheet"
56+
href="demo/libs/bs3.css">
57+
5458
<link rel="stylesheet"
5559
href="demo/libs/bundled.css">
5660
<script src="demo/libs/bundled.js"></script>

0 commit comments

Comments
 (0)