Last active
December 8, 2016 03:27
-
-
Save crosalot/00547a174c852a88681559387ba065db 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>100 Taejai</title> | |
| <style type="text/css"> | |
| .hidden { | |
| display: none; | |
| } | |
| .objects-container { | |
| position: relative; | |
| text-align: center; | |
| } | |
| .box { | |
| width: 59px; | |
| height: 59px; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .object { | |
| position: absolute; | |
| } | |
| /* Circle */ | |
| .circle { | |
| border-radius: 50%; | |
| background-color: #333; | |
| } | |
| .circle.s { | |
| width: 40%; | |
| height: 40%; | |
| } | |
| .circle.m { | |
| width: 60%; | |
| height: 60%; | |
| } | |
| .circle.l { | |
| width: 80%; | |
| height: 80%; | |
| } | |
| /* Blank */ | |
| /* Heart */ | |
| .heart { | |
| } | |
| .conner { | |
| width: 20%; | |
| height: 59px; | |
| display: block; | |
| } | |
| .conner.left { | |
| float: left; | |
| } | |
| .conner.right { | |
| float: right; | |
| } | |
| .conner.second { | |
| margin-top: 60px; | |
| width: 7%; | |
| } | |
| .conner.left.second { | |
| margin-left: -20%; | |
| } | |
| .conner.right.second { | |
| margin-right: -20%; | |
| } | |
| </style> | |
| <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script> | |
| <script type="text/javascript"> | |
| $.fn.isOnScreen = function (cbTrue, cbFalse) { | |
| var win = $(window); | |
| var viewport = { | |
| top : win.scrollTop(), | |
| left : win.scrollLeft() | |
| }; | |
| viewport.right = viewport.left + win.width(); | |
| viewport.bottom = viewport.top + win.height(); | |
| var bounds = this.offset(); | |
| bounds.right = bounds.left + this.outerWidth(); | |
| bounds.bottom = bounds.top + this.outerHeight(); | |
| var isOnScreen = (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom)); | |
| return isOnScreen | |
| ? cbTrue && cbTrue.apply(this, viewport, bounds) | |
| : cbFalse && cbFalse.apply(this, viewport, bounds); | |
| }; | |
| function shuffle(a) { | |
| var j, x, i; | |
| for (i = a.length; i; i--) { | |
| j = Math.floor(Math.random() * i); | |
| x = a[i - 1]; | |
| a[i - 1] = a[j]; | |
| a[j] = x; | |
| } | |
| } | |
| var boxSize = 59; | |
| var gridSize = 20*7; | |
| var animationTime = 7000; | |
| var numCircles = 70; | |
| var numHearts = 30; | |
| var numBlanks = gridSize - (numCircles + numHearts); | |
| var circleClasses = ['s', 'm', 'l']; | |
| var colorClasses = ['#CFCFCF', '#DDD', '#DFDFDF', '#EEE', '#EFEFEF']; | |
| var generateCircle = function () { | |
| return { | |
| kind: 'circle', | |
| domClass: circleClasses[Math.floor(Math.random()*circleClasses.length)], | |
| domStyle: { | |
| 'background-color': colorClasses[Math.floor(Math.random()*colorClasses.length)] | |
| } | |
| } | |
| } | |
| var generateHeart = function () { | |
| return { | |
| kind: 'heart', | |
| domHtml: function () { return $('#heart-svg').html(); } | |
| } | |
| } | |
| var generateBlank = function () { | |
| return { | |
| kind: 'blank' | |
| } | |
| } | |
| var objects = []; | |
| var objects1 = []; | |
| var objects2 = []; | |
| var objects3 = []; | |
| objects1 = objects1.concat(Array.apply(null, Array(Math.floor(numCircles*10/100))).map(generateCircle)); | |
| objects1 = objects1.concat(Array.apply(null, Array(Math.floor(numHearts*10/100))).map(generateHeart)); | |
| objects1 = objects1.concat(Array.apply(null, Array(Math.floor(numBlanks*20/100))).map(generateBlank)); | |
| shuffle(objects1); | |
| objects2 = objects2.concat(Array.apply(null, Array(Math.floor(numCircles*80/100))).map(generateCircle)); | |
| objects2 = objects2.concat(Array.apply(null, Array(Math.floor(numHearts*80/100))).map(generateHeart)); | |
| objects2 = objects2.concat(Array.apply(null, Array(Math.floor(numBlanks*60/100))).map(generateBlank)); | |
| shuffle(objects2); | |
| objects3 = objects3.concat(Array.apply(null, Array(Math.floor(numCircles*10/100))).map(generateCircle)); | |
| objects3 = objects3.concat(Array.apply(null, Array(Math.floor(numHearts*10/100))).map(generateHeart)); | |
| objects3 = objects3.concat(Array.apply(null, Array(Math.floor(numBlanks*20/100))).map(generateBlank)); | |
| shuffle(objects3); | |
| objects = objects.concat(objects1, objects2, objects3); | |
| $(document).ready(function () { | |
| $.each(objects, function (i, obj) { | |
| var box = $('<div class="box"></div>').addClass('box-' + obj.kind); | |
| var item = $('<div class="object"></div>') | |
| .addClass(obj.kind) | |
| .data('delay', Math.floor(Math.random()*animationTime)); | |
| if (obj.domClass) { | |
| item.addClass(obj.domClass); | |
| } | |
| if (obj.domStyle) { | |
| item.css(obj.domStyle); | |
| } | |
| if (obj.domHtml) { | |
| if (typeof(obj.domHtml) == 'function') { | |
| item.html(obj.domHtml()); | |
| } | |
| else { | |
| item.html(obj.domHtml); | |
| } | |
| } | |
| box.append(item); | |
| setTimeout(function () { | |
| var parent = item.parent(); | |
| var top = Math.floor(Math.random()*(parent.height() - item.height())); | |
| var left = Math.floor(Math.random()*(parent.width() - item.width())); | |
| item.css({top: top, left: left}) | |
| }, 10); | |
| $('.objects-container').append(box); | |
| }); | |
| $(window).on('DOMContentLoaded load resize scroll', function () { | |
| var wrapper = $('.objects-wrapper'); | |
| wrapper.isOnScreen(function () { | |
| if (wrapper.hasClass('animate')) { | |
| return false; | |
| } | |
| wrapper.addClass('animate'); | |
| }); | |
| $('.object', wrapper).each(function () { | |
| var self = $(this); | |
| self.isOnScreen(function () { | |
| if (self.hasClass('playing')) { | |
| return false; | |
| } | |
| setTimeout(function () { | |
| self.parent().addClass('playing-wrapper'); | |
| self.addClass('playing'); | |
| }, self.data('delay')); | |
| }); | |
| }); | |
| }); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div style="background-color: #DDD; height: 700px;"></div> | |
| <div class="objects-wrapper"> | |
| <div class="conner top left"></div> | |
| <div class="conner top left second"></div> | |
| <div class="conner top right"></div> | |
| <div class="conner top right second"></div> | |
| <div class="objects-container"></div> | |
| <div class="hidden" id="heart-svg"> | |
| <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g> | |
| <g class="radius" fill="#FF3B05"> | |
| <path d="M45.4989888,26.0471935 L46.7945321,26.5078313 C46.8527943,26.5286036 46.9121648,26.5384347 46.9705854,26.5384347 C47.1871689,26.5384347 47.3899785,26.4036526 47.4664477,26.1875255 C47.563657,25.9133627 47.4205345,25.6119264 47.1466387,25.5145662 L45.8510954,25.0539284 C45.5770412,24.9564095 45.276389,25.0999129 45.1791797,25.3742342 C45.0819705,25.6485555 45.2252512,25.9498332 45.4989888,26.0471935" transform="translate(46.322822, 25.780894) scale(-1, 1) rotate(-24.000000) translate(-46.322822, -25.780894) "></path> | |
| <path d="M20.1862869,6.18914287 L20.6680586,8.80502634 C20.7147634,9.05905103 20.9359383,9.23664632 21.1848194,9.23664632 C21.2164836,9.23664632 21.2486229,9.23379211 21.2809204,9.22776656 C21.5666904,9.17496367 21.7555677,8.90016667 21.7028467,8.61395284 L21.2212333,5.99806937 C21.1685123,5.71169696 20.8939831,5.52205057 20.6083715,5.57532915 C20.3226015,5.62813204 20.1335659,5.90292903 20.1862869,6.18914287" ></path> | |
| <path d="M19.565604,2.818416 C19.6123088,3.07259925 19.833642,3.24987741 20.0823648,3.24987741 C20.1141873,3.24987741 20.1461682,3.24718177 20.1784658,3.24115621 C20.4642358,3.18835333 20.6532714,2.91339776 20.6005504,2.62734249 L20.351036,1.27317841 C20.2984734,0.986964576 20.0236276,0.797635312 19.7381742,0.850438197 C19.4524043,0.903241082 19.2635269,1.17819665 19.3162479,1.46425192 L19.565604,2.818416 Z"></path> | |
| <path d="M16.8421291,10.19111 C16.9323723,10.380915 17.120933,10.4917535 17.317568,10.4917535 C17.3934039,10.4917535 17.4703481,10.4752625 17.5433342,10.4405362 C17.805831,10.3154267 17.9172892,10.0009879 17.7923736,9.73824202 L16.6510353,7.3364243 C16.5261198,7.07351984 16.2121686,6.96204708 15.9498302,7.08699806 C15.6874918,7.21194903 15.5758753,7.52638783 15.7007908,7.78929228 L16.8421291,10.19111 Z"></path> | |
| <path d="M14.2301441,4.69428209 C14.3203873,4.88408706 14.508948,4.99492555 14.705583,4.99492555 C14.781419,4.99492555 14.8583631,4.97843456 14.9313492,4.94370834 C15.193846,4.8185988 15.3053042,4.50415999 15.1803887,4.24141411 L14.5895335,2.99808852 C14.4647763,2.73518406 14.1508252,2.62355274 13.8883284,2.74866227 C13.62599,2.87361325 13.5143735,3.18805205 13.639289,3.4509565 L14.2301441,4.69428209 Z"></path> | |
| <path d="M13.5047159,12.5216835 C13.608733,12.6439388 13.7566051,12.7067314 13.9052688,12.7067314 C14.026068,12.7067314 14.1473421,12.6655039 14.2464512,12.580829 C14.4676261,12.3919755 14.4940658,12.0593014 14.3055051,11.8379416 L12.5823359,9.81383101 C12.3939336,9.59199547 12.0617755,9.56567331 11.8406006,9.75468544 C11.619584,9.943539 11.5929861,10.276213 11.7817051,10.4975729 L13.5047159,12.5216835 Z"></path> | |
| <path d="M9.5613595,7.88931649 C9.6653766,8.01157182 9.81324871,8.07436444 9.96191242,8.07436444 C10.0827116,8.07436444 10.204144,8.03313696 10.3030948,7.94846206 C10.5242697,7.7596085 10.5507094,7.42693447 10.3621487,7.20557462 L9.4700081,6.15776242 C9.28144742,5.93608544 8.94928931,5.90960471 8.72827276,6.09861684 C8.50725621,6.28747041 8.48081655,6.61998587 8.66937723,6.84150428 L9.5613595,7.88931649 Z"></path> | |
| <path d="M8.69584855,14.1294283 L10.8833741,15.6380368 C10.9744089,15.7008294 11.078426,15.7311158 11.1813348,15.7311158 C11.3485221,15.7311158 11.513018,15.6513565 11.6151352,15.502779 C11.7799477,15.2631839 11.719469,14.9349497 11.4800871,14.7700398 L9.29256158,13.2614313 C9.0534964,13.0963628 8.72577128,13.1567769 8.5609588,13.3965305 C8.39598799,13.6362842 8.45646673,13.9643598 8.69584855,14.1294283"></path> | |
| <path d="M4.74486107,11.4046725 L5.87717509,12.1856161 C5.96836816,12.2484087 6.07222694,12.2785365 6.1751358,12.2785365 C6.3423231,12.2785365 6.50697727,12.1987772 6.60893619,12.0503583 C6.77374868,11.8107632 6.71326993,11.482529 6.47388811,11.3174606 L5.34157409,10.5366756 C5.10235059,10.3717656 4.77462548,10.4320212 4.60981299,10.6717748 C4.44500051,10.9115285 4.50547925,11.239604 4.74486107,11.4046725"></path> | |
| <path d="M6.3339479,17.7645501 C6.23673862,18.0388714 6.37986108,18.3401491 6.65375695,18.4375094 L9.15650024,19.3275472 C9.21476248,19.3483195 9.27413298,19.3581507 9.33255354,19.3581507 C9.54897877,19.3581507 9.75178837,19.2233686 9.82841589,19.0072414 C9.92562517,18.7330787 9.78250271,18.431801 9.50860684,18.3342821 L7.00586355,17.4442443 C6.73196768,17.3472012 6.43115719,17.4903874 6.3339479,17.7645501"></path> | |
| <path d="M2.13325605,16.8298598 L3.42879934,17.2904975 C3.48706158,17.3112699 3.54643207,17.321101 3.60485264,17.321101 C3.82143619,17.321101 4.02424579,17.1863189 4.10071498,16.9701918 C4.19792427,16.696029 4.0548018,16.3945927 3.78090593,16.2972325 L2.48536264,15.8365947 C2.21130845,15.7390758 1.91065628,15.8825792 1.813447,16.1569005 C1.71623771,16.4312218 1.8595185,16.7324995 2.13325605,16.8298598"></path> | |
| <path d="M1.01256281,22.7470177 L2.38299208,22.8562705 C2.397241,22.8573805 2.4113316,22.8578562 2.4254222,22.8578562 C2.69694324,22.8578562 2.92745907,22.648706 2.94930741,22.372799 C2.97242233,22.082621 2.75615542,21.8287549 2.46658574,21.8056041 L1.09615647,21.6963512 C0.805953502,21.6732004 0.552797726,21.8896447 0.529841135,22.1798227 C0.506726224,22.4700007 0.722993135,22.7238669 1.01256281,22.7470177"></path> | |
| <path d="M13.6707633,39.6180944 C13.8379506,39.6180944 14.0026048,39.5383351 14.1045637,39.3899162 L15.6108326,37.1989929 C15.7756451,36.9592392 15.7151664,36.6311637 15.4757846,36.4660952 C15.2367194,36.3010267 14.9088359,36.3614408 14.7440235,36.601353 L13.2379128,38.7921178 C13.072942,39.0318714 13.1334208,39.359947 13.3728026,39.5250155 C13.4639957,39.5879667 13.5678544,39.6180944 13.6707633,39.6180944"></path> | |
| <path d="M10.9503124,43.5753932 C11.1174997,43.5753932 11.2821538,43.4956339 11.3841128,43.3472149 L12.1638452,42.2129836 C12.3286577,41.97323 12.268179,41.6451544 12.0287971,41.4800859 C11.7895736,41.3153346 11.4620068,41.3754315 11.297036,41.6153437 L10.5173036,42.7494165 C10.3524911,42.9891702 10.4129698,43.3172457 10.6523517,43.4824728 C10.7435447,43.5452654 10.8474035,43.5753932 10.9503124,43.5753932"></path> | |
| <path d="M17.9101172,41.7860096 C18.1265424,41.7860096 18.329352,41.6512275 18.4059796,41.4352589 L19.2946371,38.9286283 C19.3918464,38.654307 19.2487239,38.3530293 18.974828,38.2555104 C18.7012488,38.1581502 18.4001217,38.3014949 18.3029124,38.5758162 L17.4142549,41.0824469 C17.3170456,41.3567682 17.460168,41.6580459 17.7340639,41.7554062 C17.7923262,41.7761785 17.8516966,41.7860096 17.9101172,41.7860096"></path> | |
| <path d="M16.3050241,46.3136113 C16.5214493,46.3136113 16.7242589,46.1788291 16.8008864,45.9628606 L17.2608098,44.6651464 C17.3580191,44.3909837 17.2148967,44.0895474 16.9410008,43.9921871 C16.6667883,43.8948269 16.3662944,44.0383302 16.2690852,44.3124929 L15.8091617,45.6100485 C15.7119525,45.8843698 15.8552332,46.1856475 16.1289708,46.2830078 C16.187233,46.3037801 16.2466035,46.3136113 16.3050241,46.3136113"></path> | |
| <path d="M22.5653654,42.7809238 C22.8370448,42.7809238 23.0674023,42.5716151 23.0892506,42.2957081 L23.2999763,39.644147 C23.3230912,39.353969 23.1068243,39.1001029 22.8170963,39.0769521 C22.5275266,39.0544355 22.2738958,39.2702455 22.2509393,39.5605821 L22.0402136,42.2121432 C22.017257,42.5023212 22.2333656,42.7561873 22.5230936,42.7793382 C22.5373425,42.7804481 22.5512748,42.7809238 22.5653654,42.7809238"></path> | |
| <path d="M21.7688825,45.6288704 L21.6597991,47.0014283 C21.6366842,47.2916063 21.8529511,47.545631 22.1425208,47.5687818 C22.1567697,47.5698918 22.1708603,47.5703675 22.1849509,47.5703675 C22.4566303,47.5703675 22.6869878,47.3610588 22.7088362,47.0851518 L22.8179195,45.7125939 C22.8410344,45.4224159 22.6249259,45.1685498 22.3351979,45.145399 C22.0449949,45.1225653 21.7919974,45.3386924 21.7688825,45.6288704"></path> | |
| <path d="M27.3537301,39.2971702 C27.3010091,39.0109564 27.0261633,38.82131 26.7408683,38.87443 C26.4550984,38.9272329 26.2660627,39.2020299 26.3187837,39.4882437 L26.8005555,42.1041272 C26.8472602,42.3581519 27.0685934,42.5355886 27.3174745,42.5355886 C27.3491388,42.5355886 27.381278,42.5327344 27.4134172,42.5268674 C27.6991872,42.4740645 27.8882229,42.1992675 27.8355019,41.9130537 L27.3537301,39.2971702 Z"></path> | |
| <path d="M27.421365,45.4747907 L27.670721,46.8289547 C27.7175842,47.0828209 27.938759,47.2604161 28.1876401,47.2604161 C28.2193044,47.2604161 28.2514436,47.2575619 28.2835828,47.2515364 C28.5693528,47.1988921 28.7583885,46.9239365 28.7056675,46.6377227 L28.4563114,45.2837172 C28.4035904,44.9975033 28.1287446,44.8080155 27.8434496,44.8609769 C27.5576796,44.9137798 27.368644,45.1885768 27.421365,45.4747907"></path> | |
| <path d="M31.8461765,41.066495 C31.9220124,41.066495 31.9989565,41.050004 32.0719427,41.0152778 C32.3342811,40.8901683 32.4458976,40.5757295 32.3209821,40.3129836 L31.1796438,37.9110073 C31.0547282,37.6482614 30.7409354,37.5366301 30.4784387,37.661581 C30.2161003,37.7866906 30.1046421,38.1011294 30.2293993,38.3638753 L31.3707376,40.7658516 C31.4608224,40.9556565 31.6493831,41.066495 31.8461765,41.066495"></path> | |
| <path d="M33.0904078,43.1584565 C32.8280694,43.2835661 32.7164529,43.5980049 32.8413684,43.8607508 L33.4322235,45.1040763 C33.5223084,45.2938813 33.7110274,45.4047198 33.9076624,45.4047198 C33.9834984,45.4047198 34.0604425,45.3882288 34.1334286,45.3535026 C34.395767,45.2285516 34.5073836,44.9141128 34.3824681,44.6512084 L33.7916129,43.4078828 C33.6665391,43.1449783 33.3525879,43.0338227 33.0904078,43.1584565"></path> | |
| <path d="M34.5169937,35.5805131 C34.328433,35.3589947 33.9962749,35.332514 33.7752583,35.5213675 C33.5540835,35.7102211 33.5276438,36.0428951 33.7162045,36.264255 L35.4393736,38.2885241 C35.5433907,38.4107795 35.6912628,38.4735721 35.8399266,38.4735721 C35.9605674,38.4735721 36.0819998,38.432186 36.181109,38.3475111 C36.4021255,38.1588161 36.4287235,37.8261421 36.2400045,37.6046237 L34.5169937,35.5805131 Z"></path> | |
| <path d="M38.4604926,40.2129594 C38.2719319,39.991441 37.9399321,39.9648017 37.7187572,40.1538138 C37.4975823,40.3426674 37.4711427,40.6753414 37.6597034,40.8967012 L38.5516856,41.9445134 C38.6557027,42.0669273 38.8035748,42.12972 38.9523969,42.12972 C39.0730377,42.12972 39.1943118,42.0883339 39.293421,42.003659 C39.5145959,41.8148055 39.5410355,41.48229 39.3524748,41.2607716 L38.4604926,40.2129594 Z"></path> | |
| <path d="M36.4066535,32.599481 C36.241841,32.8392347 36.3023198,33.1673103 36.5417016,33.3323787 L38.7290688,34.8408287 C38.8202619,34.9036213 38.9241207,34.9339077 39.0270295,34.9339077 C39.1943752,34.9339077 39.358871,34.8541484 39.4608299,34.7055709 C39.6256424,34.4659758 39.565322,34.1377417 39.3259402,33.9728318 L37.1384146,32.4642232 C36.8990328,32.2991547 36.571466,32.3597274 36.4066535,32.599481"></path> | |
| <path d="M41.4127892,36.0518859 C41.2479767,36.2916395 41.3084555,36.6197151 41.5478373,36.7847836 L42.6803096,37.5657272 C42.7713444,37.6285198 42.8752032,37.6586476 42.9782703,37.6586476 C43.1454576,37.6586476 43.3099535,37.5788882 43.4120707,37.4304693 C43.5768832,37.1907157 43.5164045,36.8626401 43.2770227,36.6975716 L42.1445503,35.916628 C41.9053268,35.7517181 41.57776,35.8121322 41.4127892,36.0518859"></path> | |
| <path d="M41.3679526,29.6646713 L38.8652093,28.7746335 C38.5913135,28.6775904 38.290503,28.820618 38.1932937,29.0949393 C38.0960844,29.3692606 38.2392069,29.6703797 38.5131027,29.7678986 L41.015846,30.6579364 C41.0741083,30.6785501 41.1334788,30.6885399 41.1918993,30.6885399 C41.4083246,30.6885399 41.6111342,30.5535992 41.6877617,30.3376306 C41.784971,30.0633093 41.6418485,29.7621902 41.3679526,29.6646713"></path> | |
| <path d="M29.5364632,9.94574381 C29.5507121,9.94685378 29.5648027,9.94732948 29.578735,9.94732948 C29.8504144,9.94732948 30.0807719,9.73802075 30.1027785,9.46211378 L30.3133459,6.81055268 C30.3364608,6.52053323 30.1203522,6.26650854 29.8306242,6.24335773 C29.5405796,6.22084118 29.2872655,6.43680974 29.2643089,6.72698776 L29.0535832,9.37854885 C29.0306266,9.66872687 29.2467352,9.92259299 29.5364632,9.94574381" transform="translate(29.683476, 8.094538) scale(-1, 1) rotate(-24.000000) translate(-29.683476, -8.094538) "></path> | |
| <path d="M31.4013965,4.17113693 C31.4156454,4.1722469 31.4295777,4.17272261 31.4436683,4.17272261 C31.7153477,4.17272261 31.9457052,3.96341387 31.9677118,3.68750691 L32.0766369,2.31494903 C32.0997518,2.02492958 31.8834849,1.77090489 31.5937569,1.74791264 C31.3048205,1.72539609 31.0505565,1.94120608 31.0275999,2.2313841 L30.9185165,3.60394198 C30.8955599,3.89412 31.1116685,4.14798612 31.4013965,4.17113693" transform="translate(31.497587, 2.959511) scale(-1, 1) rotate(-24.000000) translate(-31.497587, -2.959511) "></path> | |
| <path d="M32.8587026,8.88241066 L33.3404744,11.4982941 C33.3871792,11.7523188 33.608354,11.9299141 33.8572351,11.9299141 C33.8888994,11.9299141 33.9210386,11.9270599 33.9533362,11.9210343 C34.2391061,11.8682315 34.4279835,11.5934345 34.3752625,11.3072206 L33.893649,8.69133715 C33.840928,8.40496475 33.5663989,8.21531835 33.2807872,8.26859694 C32.9950173,8.32139982 32.8059816,8.59619682 32.8587026,8.88241066" transform="translate(33.616985, 10.094772) scale(-1, 1) rotate(-24.000000) translate(-33.616985, -10.094772) "></path> | |
| <path d="M36.3034924,6.37582667 C36.3501972,6.63000992 36.5715304,6.80728808 36.8202531,6.80728808 C36.8520757,6.80728808 36.8840566,6.80459243 36.9163542,6.79856688 C37.2021241,6.745764 37.3911598,6.47080843 37.3384388,6.18475316 L37.0889244,4.83058908 C37.0363617,4.54437525 36.7615159,4.35504598 36.4760626,4.40784887 C36.1902926,4.46065175 36.0014153,4.73560732 36.0541363,5.02166259 L36.3034924,6.37582667 Z" transform="translate(36.696285, 5.603151) scale(-1, 1) rotate(-24.000000) translate(-36.696285, -5.603151) "></path> | |
| <path d="M36.9934775,14.474074 C37.0837206,14.663879 37.2722813,14.7747174 37.4689164,14.7747174 C37.5447523,14.7747174 37.6216964,14.7582264 37.6946826,14.7235002 C37.9571793,14.5983907 38.0686375,14.2839519 37.943722,14.021206 L36.8023837,11.6193883 C36.6774681,11.3564838 36.363517,11.2450111 36.1011786,11.369962 C35.8388402,11.494913 35.7272236,11.8093518 35.8521392,12.0722563 L36.9934775,14.474074 Z" transform="translate(36.897944, 13.046730) scale(-1, 1) rotate(-24.000000) translate(-36.897944, -13.046730) "></path> | |
| <path d="M40.853132,10.3528355 C40.9433751,10.5426405 41.1319358,10.653479 41.3285709,10.653479 C41.4044068,10.653479 41.4813509,10.636988 41.554337,10.6022618 C41.8168338,10.4771522 41.928292,10.1627134 41.8033765,9.89996752 L41.2125213,8.65664193 C41.0877641,8.39373748 40.773813,8.28210615 40.5113162,8.40721569 C40.2489778,8.53216666 40.1373613,8.84660546 40.2622768,9.10950992 L40.853132,10.3528355 Z" transform="translate(41.032840, 9.504703) scale(-1, 1) rotate(-24.000000) translate(-41.032840, -9.504703) "></path> | |
| <path d="M39.7642412,18.1029805 C39.8682583,18.2252359 40.0161304,18.2880285 40.1647941,18.2880285 C40.2855933,18.2880285 40.4068674,18.246801 40.5059765,18.1621261 C40.7271514,17.9732726 40.7535911,17.6405985 40.5650304,17.4192387 L38.8418612,15.3951281 C38.6534589,15.1732925 38.3213008,15.1469704 38.1001259,15.3359825 C37.8791094,15.5248361 37.8525114,15.8575101 38.0412304,16.0788699 L39.7642412,18.1029805 Z" transform="translate(39.303091, 16.748926) scale(-1, 1) rotate(-24.000000) translate(-39.303091, -16.748926) "></path> | |
| <path d="M44.2571035,15.2637872 C44.3611206,15.3860425 44.5089927,15.4488352 44.6576565,15.4488352 C44.7784556,15.4488352 44.8998881,15.4076077 44.9988389,15.3229328 C45.2200138,15.1340792 45.2464534,14.8014052 45.0578927,14.5800453 L44.1657521,13.5322331 C43.9771915,13.3105562 43.6450334,13.2840754 43.4240168,13.4730876 C43.2030003,13.6619411 43.1765606,13.9944566 43.3651213,14.215975 L44.2571035,15.2637872 Z" transform="translate(44.211500, 14.397908) scale(-1, 1) rotate(-24.000000) translate(-44.211500, -14.397908) "></path> | |
| <path d="M39.2760463,20.6291126 L41.4635719,22.1377212 C41.5546066,22.2005138 41.6586237,22.2308001 41.7615326,22.2308001 C41.9287199,22.2308001 42.0932157,22.1510408 42.195333,22.0024633 C42.3601455,21.7628683 42.2996667,21.4346341 42.0602849,21.2697242 L39.8727594,19.7611156 C39.6336942,19.5960472 39.3059691,19.6564613 39.1411566,19.8962149 C38.9761858,20.1359685 39.0366645,20.4640441 39.2760463,20.6291126" transform="translate(40.668184, 20.949442) scale(-1, 1) rotate(-24.000000) translate(-40.668184, -20.949442) "></path> | |
| <path d="M45.1513467,19.9929989 L46.2836607,20.7739424 C46.3748538,20.836735 46.4787126,20.8668628 46.5816214,20.8668628 C46.7488088,20.8668628 46.9134629,20.7871035 47.0154218,20.6386846 C47.1802343,20.3990895 47.1197556,20.0708554 46.8803738,19.9057869 L45.7480597,19.1250019 C45.5088362,18.960092 45.1811111,19.0203475 45.0162986,19.2601011 C44.8514862,19.4998548 44.9119649,19.8279304 45.1513467,19.9929989" transform="translate(46.015860, 19.949451) scale(-1, 1) rotate(-24.000000) translate(-46.015860, -19.949451) "></path> | |
| <path d="M39.1532387,24.7401684 C39.0560294,25.0144897 39.1991519,25.3157674 39.4730478,25.4131277 L41.9757911,26.3031655 C42.0340533,26.3239378 42.0934238,26.333769 42.1518444,26.333769 C42.3682696,26.333769 42.5710792,26.1989868 42.6477067,25.9828597 C42.744916,25.708697 42.6017935,25.4074193 42.3278977,25.3099004 L39.8251544,24.4198626 C39.5512585,24.3228195 39.250448,24.4660057 39.1532387,24.7401684" transform="translate(40.900473, 25.361631) scale(-1, 1) rotate(-24.000000) translate(-40.900473, -25.361631) "></path> | |
| <path d="M44.3845038,31.965671 L45.7549331,32.0749238 C45.769182,32.0760338 45.7832726,32.0765095 45.7973632,32.0765095 C46.0688843,32.0765095 46.2994001,31.8673593 46.3212485,31.5914523 C46.3443634,31.3012743 46.1280965,31.0474082 45.8385268,31.0242574 L44.4680975,30.9150046 C44.1778945,30.8918538 43.9247388,31.108298 43.9017822,31.398476 C43.8786673,31.6886541 44.0949342,31.9425202 44.3845038,31.965671" transform="translate(45.111515, 31.494909) scale(-1, 1) rotate(-24.000000) translate(-45.111515, -31.494909) "></path> | |
| <path d="M11.7604908,36.7968134 C11.8363267,36.7968134 11.9132708,36.7803224 11.9862569,36.7455962 C12.2485954,36.6204866 12.3602119,36.3060478 12.2352964,36.0433019 L11.093958,33.6413257 C10.9690425,33.3785798 10.6552497,33.2669484 10.3927529,33.3918994 C10.1304145,33.517009 10.0189563,33.8314478 10.1437135,34.0941936 L11.2850519,36.4961699 C11.3751367,36.6859749 11.5636974,36.7968134 11.7604908,36.7968134" transform="translate(11.189539, 35.068760) scale(-1, 1) rotate(-24.000000) translate(-11.189539, -35.068760) "></path> | |
| <path d="M6.53318308,37.5132068 C6.27084467,37.6383163 6.15922814,37.9527552 6.28414366,38.215501 L6.87499879,39.4588266 C6.96508362,39.6486316 7.15380262,39.7594701 7.35043769,39.7594701 C7.4262736,39.7594701 7.50321775,39.7429791 7.57620388,39.7082529 C7.83854229,39.5833019 7.95015882,39.2688631 7.8252433,39.0059586 L7.23438817,37.7626331 C7.10931433,37.4997286 6.79536317,37.388573 6.53318308,37.5132068" transform="translate(7.054693, 38.610797) scale(-1, 1) rotate(-24.000000) translate(-7.054693, -38.610797) "></path> | |
| <path d="M8.32338528,30.0125524 C8.1348246,29.791034 7.80266649,29.7645533 7.58164994,29.9534069 C7.36047506,30.1422604 7.33403541,30.4749345 7.52259609,30.6962943 L9.24576524,32.7205635 C9.34978234,32.8428188 9.49765445,32.9056114 9.64631816,32.9056114 C9.766959,32.9056114 9.88839144,32.8642254 9.98750058,32.7795505 C10.2085171,32.5908555 10.2351151,32.2581814 10.0463961,32.036663 L8.32338528,30.0125524 Z" transform="translate(8.784536, 31.366515) scale(-1, 1) rotate(-24.000000) translate(-8.784536, -31.366515) "></path> | |
| <path d="M3.83037663,32.8517637 C3.64181595,32.6302453 3.30981616,32.603606 3.08864129,32.7926181 C2.86746642,32.9814717 2.84102676,33.3141457 3.02958744,33.5355055 L3.92156971,34.5833177 C4.02558681,34.7057316 4.17345891,34.7685242 4.32228095,34.7685242 C4.44292179,34.7685242 4.56419591,34.7271382 4.66330505,34.6424633 C4.88447992,34.4536097 4.91091958,34.1210943 4.7223589,33.8995759 L3.83037663,32.8517637 Z" transform="translate(3.875973, 33.717544) scale(-1, 1) rotate(-24.000000) translate(-3.875973, -33.717544) "></path> | |
| <path d="M5.89219438,26.1130952 C5.7273819,26.3528488 5.78786064,26.6809244 6.02724246,26.8459929 L8.2146097,28.3544429 C8.30580277,28.4172355 8.40966155,28.4475218 8.5125704,28.4475218 C8.67991603,28.4475218 8.84441187,28.3677625 8.9463708,28.219185 C9.11118328,27.97959 9.05086286,27.6513558 8.81148104,27.4864459 L6.62395548,25.9778373 C6.38457366,25.8127689 6.05700687,25.8733415 5.89219438,26.1130952" transform="translate(7.419308, 27.166190) scale(-1, 1) rotate(-24.000000) translate(-7.419308, -27.166190) "></path> | |
| <path d="M1.07195601,27.4768398 C0.907143527,27.7165934 0.967622268,28.044669 1.20700409,28.2097375 L2.33947643,28.990681 C2.43051118,29.0534736 2.53436996,29.0836014 2.63743714,29.0836014 C2.80462444,29.0836014 2.96912029,29.0038421 3.07123753,28.8554232 C3.23605002,28.6156695 3.17557128,28.287594 2.93618945,28.1225255 L1.80371711,27.3415819 C1.56449361,27.176672 1.23692682,27.2370861 1.07195601,27.4768398" transform="translate(2.071597, 28.166136) scale(-1, 1) rotate(-24.000000) translate(-2.071597, -28.166136) "></path> | |
| <path d="M8.61445602,22.7023634 L6.11171273,21.8123255 C5.83781686,21.7152824 5.53700637,21.85831 5.43979708,22.1326313 C5.3425878,22.4069526 5.48571026,22.7080718 5.75960613,22.8055906 L8.26234942,23.6956284 C8.32061166,23.7162422 8.37998215,23.7262319 8.43840272,23.7262319 C8.65482795,23.7262319 8.85763755,23.5912912 8.93426506,23.3753226 C9.03147435,23.1010014 8.88835188,22.7998822 8.61445602,22.7023634" transform="translate(7.187031, 22.754085) scale(-1, 1) rotate(-24.000000) translate(-7.187031, -22.754085) "></path> | |
| <path d="M0.620996106,21.9278341 C0.523786821,22.2021554 0.666909286,22.5034332 0.940805154,22.6007934 L2.23634844,23.0615898 C2.29461069,23.0822035 2.35398118,23.0921932 2.41240174,23.0921932 C2.62882698,23.0921932 2.8317949,22.9572525 2.90826409,22.741284 C3.00547338,22.4669627 2.86235091,22.1658435 2.58845504,22.0683247 L1.29291175,21.6075283 C1.01901588,21.5103266 0.718363712,21.6536714 0.620996106,21.9278341" transform="translate(1.764630, 22.334645) scale(-1, 1) rotate(-24.000000) translate(-1.764630, -22.334645) "></path> | |
| <path d="M24.7453348,8.93199943 C24.803597,8.95261317 24.8629675,8.9626029 24.921388,8.9626029 C25.1378133,8.9626029 25.3407812,8.8276622 25.4172504,8.61169364 L26.3059079,6.10506299 C26.4031172,5.83074169 26.2599947,5.52946397 25.9862572,5.43210369 C25.7125196,5.33474342 25.4113925,5.47808819 25.3141832,5.75240948 L24.4255257,8.25904014 C24.3283164,8.53336143 24.4714389,8.83448059 24.7453348,8.93199943" transform="translate(25.365718, 7.182097) scale(-1, 1) rotate(-24.000000) translate(-25.365718, -7.182097) "></path> | |
| <path d="M25.3847039,2.89898399 C25.4429662,2.91959773 25.5023367,2.92958747 25.5607572,2.92958747 C25.7771825,2.92958747 25.9801504,2.79464676 26.0566196,2.5786782 L26.5167013,1.28112262 C26.6139106,1.00680133 26.4707881,0.705523603 26.1968923,0.608163328 C25.9229964,0.510961621 25.6223442,0.654147823 25.5249766,0.928469118 L25.0648949,2.2260247 C24.9676856,2.50034599 25.1108081,2.80146515 25.3847039,2.89898399" transform="translate(25.790798, 1.753651) scale(-1, 1) rotate(-24.000000) translate(-25.790798, -1.753651) "></path> | |
| </g> | |
| <path class="heart" d="M15.4441091,18.8614462 C19.2770244,14.4139871 23.7136116,19.2906739 23.9989015,19.612801 C24.2827527,19.2906739 28.720162,14.4139871 32.5538996,18.8614462 C36.4063412,23.329954 32.0005851,29.3414114 25.9340634,33.5197777 C25.4442609,33.8945265 24.9312323,34.2754661 24.3937444,34.6640409 C24.3664076,34.6685808 24.3394818,34.6885977 24.3150225,34.7030429 C24.2038252,34.7851739 24.0940667,34.8260331 23.9843082,34.8260331 C23.8844156,34.8186042 23.786784,34.7826976 23.6864803,34.7030429 C23.6587324,34.6885977 23.6320121,34.6685808 23.6094027,34.6640409 C23.0170356,34.2366705 22.4567327,33.8192053 21.9210947,33.4110263 C15.9361725,29.2376126 11.6239372,23.2903329 15.4441091,18.8614462" fill="#EF4D4E"></path> | |
| </g> | |
| </g> | |
| </svg> | |
| </div> | |
| </div> | |
| <div style="background-color: #DDD; height: 700px;"></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment