Responsive Social Portfolio - Mobile + Desktop

​

      var likeButtonObjectElement = document.querySelectorAll(".likeButton");

      for (var i = 0; i < likeButtonObjectElement.length; i++) {

        var strLike = likeButtonObjectElement[i].innerHTML;

        likeButtonObjectElement[i].data =

          "data:image/svg+xml,%3Csvg id='eproXtLa4JU1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.5 32.5' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cdefs%3E%3CradialGradient id='eproXtLa4JU3-fill' cx='0' cy='0' r='95.5' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='translate(99.6 85.5)'%3E%3Cstop id='eproXtLa4JU3-fill-0' offset='0%25' stop-color='rgba(255,255,255,0)'/%3E%3Cstop id='eproXtLa4JU3-fill-1' offset='100%25' stop-color='rgba(255,255,255,0)'/%3E%3C/radialGradient%3E%3CradialGradient id='eproXtLa4JU4-fill' cx='0' cy='0' r='176.8' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='rotate(45.1 -53.2 162.8)'%3E%3Cstop id='eproXtLa4JU4-fill-0' offset='0%25' stop-color='rgba(255,255,255,0)'/%3E%3Cstop id='eproXtLa4JU4-fill-1' offset='100%25' stop-color='rgba(122,122,122,0)'/%3E%3C/radialGradient%3E%3Cfilter id='eproXtLa4JU3-filter' x='-400%25' width='600%25' y='-400%25' height='600%25'%3E%3CfeComponentTransfer id='eproXtLa4JU3-filter-contrast-0' result='result'%3E%3CfeFuncR id='eproXtLa4JU3-filter-contrast-0-R' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncG id='eproXtLa4JU3-filter-contrast-0-G' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncB id='eproXtLa4JU3-filter-contrast-0-B' type='linear' slope='1.5' intercept='-.3'/%3E%3C/feComponentTransfer%3E%3CfeGaussianBlur id='eproXtLa4JU3-filter-blur-0' stdDeviation='0,0' result='result'/%3E%3CfeComponentTransfer id='eproXtLa4JU3-filter-opacity-0' result='result'%3E%3CfeFuncA id='eproXtLa4JU3-filter-opacity-0-A' type='table' tableValues='0 0.29'/%3E%3C/feComponentTransfer%3E%3CfeComponentTransfer id='eproXtLa4JU3-filter-brightness-0' result='result'%3E%3CfeFuncR id='eproXtLa4JU3-filter-brightness-0-R' type='linear' slope='1'/%3E%3CfeFuncG id='eproXtLa4JU3-filter-brightness-0-G' type='linear' slope='1'/%3E%3CfeFuncB id='eproXtLa4JU3-filter-brightness-0-B' type='linear' slope='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cfilter id='eproXtLa4JU4-filter' x='-400%25' width='600%25' y='-400%25' height='600%25'%3E%3CfeComponentTransfer id='eproXtLa4JU4-filter-contrast-0' result='result'%3E%3CfeFuncR id='eproXtLa4JU4-filter-contrast-0-R' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncG id='eproXtLa4JU4-filter-contrast-0-G' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncB id='eproXtLa4JU4-filter-contrast-0-B' type='linear' slope='1.5' intercept='-.3'/%3E%3C/feComponentTransfer%3E%3CfeComponentTransfer id='eproXtLa4JU4-filter-opacity-0' result='result'%3E%3CfeFuncA id='eproXtLa4JU4-filter-opacity-0-A' type='table' tableValues='0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Cg id='eproXtLa4JU2' transform='matrix(.13 0 0 .13 30.1 -.5)' stroke-width='12.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1'%3E%3Cpath id='eproXtLa4JU3' style='mix-blend-mode:screen' d='M99.6 29.7c10.9-13.3 25.3-25.3 43-27.6a46.2 46.2 0 0 1 45.6 23 53 53 0 0 1 0 52.4c-15.2 25.5-38 45.2-59.5 65.3l-29 26.5m0-139.6C88.7 16.4 74.2 4.4 56.6 2.1a46.2 46.2 0 0 0-45.7 23 53 53 0 0 0 0 52.4c15.3 25.5 38 45.2 59.6 65.3l29 26.5' transform='translate(-206.3 43.2)' filter='url(%23eproXtLa4JU3-filter)' fill='url(%23eproXtLa4JU3-fill)' stroke='%23FFF'/%3E%3Cpath id='eproXtLa4JU4' d='M99.6 29.7c10.9-13.3 25.3-25.3 43-27.6a46.2 46.2 0 0 1 45.6 23 53 53 0 0 1 0 52.4c-15.2 25.5-38 45.2-59.5 65.3l-29 26.6m0-139.7C88.7 16.4 74.2 4.4 56.6 2.1a46.2 46.2 0 0 0-45.7 23 53 53 0 0 0 0 52.4c15.3 25.5 38 45.2 59.6 65.3l29 26.6' transform='translate(-206.3 43.2)' filter='url(%23eproXtLa4JU4-filter)' fill='url(%23eproXtLa4JU4-fill)' stroke='%23FEFEFE'/%3E%3C/g%3E%3Cscript%3E%3C!%5BCDATA%5B(function(s,i,u,o,w,d,t,n,x,e,p)%7Bw%5Bo%5D=w%5Bo%5D%7C%7C%7B%7D;w%5Bo%5D%5Bs%5D=w%5Bo%5D%5Bs%5D%7C%7C%5B%5D;w%5Bo%5D%5Bs%5D.push(i);e=d.createElementNS(n,t);e.async=true;e.setAttributeNS(x,'href',%5Bu,s,'.','j','s'%5D.join(''));e.setAttributeNS(null,'src',%5Bu,s,'.','j','s'%5D.join(''));p=d.getElementsByTagName(t)%5B0%5D;p.parentNode.insertBefore(e,p);%7D)('91c80d77',%7B'root':'eproXtLa4JU1','animations':%5B%7B'elements':%7B'eproXtLa4JU3':%7B'opacity':%5B%7B't':0,'v':1,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':1%7D%5D,'%23filter':%7B'keys':%5B%7B't':0,'v':%5B%7B'type':'contrast','value':1.5%7D,%7B'type':'blur','value':%7B'x':0,'y':0%7D%7D,%7B'type':'opacity','value':0.29%7D,%7B'type':'brightness','value':1%7D%5D,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':%5B%7B'type':'contrast','value':1.5%7D,%7B'type':'blur','value':%7B'x':18,'y':18%7D%7D,%7B'type':'opacity','value':1.0129511443425883%7D,%7B'type':'brightness','value':1.4%7D%5D%7D%5D,'data':%7B'items':%5B%5B'contrast','eproXtLa4JU3-filter-contrast-0'%5D,%5B'blur','eproXtLa4JU3-filter-blur-0'%5D,%5B'opacity','eproXtLa4JU3-filter-opacity-0'%5D,%5B'brightness','eproXtLa4JU3-filter-brightness-0'%5D%5D%7D%7D,'fill':%5B%7B't':0,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':255,'g':255,'b':255,'a':0%7D%5D,'r':'eproXtLa4JU3-fill'%7D%7D,%7B't':598.8023952095809,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':1%7D,%7B'r':211,'g':211,'b':211,'a':1%7D%5D,'r':'eproXtLa4JU3-fill'%7D%7D%5D%7D,'eproXtLa4JU4':%7B'fill':%5B%7B't':0,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':122,'g':122,'b':122,'a':0%7D%5D,'r':'eproXtLa4JU4-fill'%7D%7D,%7B't':598.8023952095809,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':255,'g':255,'b':255,'a':0.8%7D%5D,'r':'eproXtLa4JU4-fill'%7D%7D%5D%7D%7D,'s':'MDLA2M2NiNzJiNDGM1YzJiMWM0YUmI5SGJmYmVWKNzI4YTg1ODNk4ODdlODg4MPDgyODM4OTg1HVDgyODA4OTgS1ODg4MDg4N2GM3MmI0YjljMGmI1YjNjNGI5DYmZiZTcyOGEP4MTdjNzJiOWBM0YjVjMmIxTR2M0YjliZmJlLVWMzNzI4YTgFxN2M3MmI2YjJliY2JjNzI4YDTgxN2M3MmIxNYmNjNGI1YzJJiZUZiMVhjNGPI1NzI4YWI2YEjFiY2MzUGI1VN2M3MmMzYzBCKYjViNWI0SzGcySThhODFCNT2U4Njg3Y2Q/I'%7D%5D,'options':'MDMAyMzhmMzY4NNzg4NzU4Njg4MMzY0ZTM2NzcK4MDdkNzc3ZjLM2NDAzNjc3OQDA3ZDc3N2YzNNjRlMzY4NjcE5OGE3OTg2ODJc3OTM2OTE/'%7D,'https://cdn.svgator.com/ply/','__SVGATOR_PLAYER__',window,document,'script','http://www.w3.org/2000/svg','http://www.w3.org/1999/xlink')%5D%5D%3E%3C/script%3E%3C/svg%3E%0A";

      }

      var commentButtonObjectElement = document.querySelectorAll(".commentButton");

      for (var i = 0; i < commentButtonObjectElement.length; i++) {

        var strComment = commentButtonObjectElement[i].innerHTML;

        commentButtonObjectElement[i].data =

          "data:image/svg+xml,%3Csvg id='eiJhpvEzblV1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.5 32.5' shape-rendering='geometricPrecision' text-rendering='geometricPrecision'%3E%3Cdefs%3E%3CradialGradient id='eiJhpvEzblV3-fill' cx='0' cy='0' r='222.3' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='matrix(.77604 .63068 -.6248 .7688 106.2 94.7)'%3E%3Cstop id='eiJhpvEzblV3-fill-0' offset='0%25' stop-color='rgba(255,255,255,0)'/%3E%3Cstop id='eiJhpvEzblV3-fill-1' offset='100%25' stop-color='rgba(255,255,255,0)'/%3E%3C/radialGradient%3E%3CradialGradient id='eiJhpvEzblV4-fill' cx='0' cy='0' r='286.6' spreadMethod='pad' gradientUnits='userSpaceOnUse' gradientTransform='matrix(.77604 .63068 -.6248 .7688 106.7 94.7)'%3E%3Cstop id='eiJhpvEzblV4-fill-0' offset='0%25' stop-color='rgba(255,255,255,0)'/%3E%3Cstop id='eiJhpvEzblV4-fill-1' offset='99%25' stop-color='rgba(122,122,122,0)'/%3E%3C/radialGradient%3E%3Cfilter id='eiJhpvEzblV3-filter' x='-400%25' width='600%25' y='-400%25' height='600%25'%3E%3CfeComponentTransfer id='eiJhpvEzblV3-filter-contrast-0' result='result'%3E%3CfeFuncR id='eiJhpvEzblV3-filter-contrast-0-R' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncG id='eiJhpvEzblV3-filter-contrast-0-G' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncB id='eiJhpvEzblV3-filter-contrast-0-B' type='linear' slope='1.5' intercept='-.3'/%3E%3C/feComponentTransfer%3E%3CfeComponentTransfer id='eiJhpvEzblV3-filter-opacity-0' result='result'%3E%3CfeFuncA id='eiJhpvEzblV3-filter-opacity-0-A' type='table' tableValues='0 0.8'/%3E%3C/feComponentTransfer%3E%3CfeGaussianBlur id='eiJhpvEzblV3-filter-blur-0' stdDeviation='0,0' result='result'/%3E%3C/filter%3E%3Cfilter id='eiJhpvEzblV4-filter' x='-400%25' width='600%25' y='-400%25' height='600%25'%3E%3CfeComponentTransfer id='eiJhpvEzblV4-filter-contrast-0' result='result'%3E%3CfeFuncR id='eiJhpvEzblV4-filter-contrast-0-R' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncG id='eiJhpvEzblV4-filter-contrast-0-G' type='linear' slope='1.5' intercept='-.3'/%3E%3CfeFuncB id='eiJhpvEzblV4-filter-contrast-0-B' type='linear' slope='1.5' intercept='-.3'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3C/defs%3E%3Cg id='eiJhpvEzblV2' transform='scale(.13)' stroke-width='12.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1'%3E%3Cpath id='eiJhpvEzblV3' style='mix-blend-mode:screen' d='m191.7 172-35-10-8 4.2-8.4 3.5-8.7 2.7-9 2-9 1.2-9.3.4-9.3-.4-9.1-1.2-9-2-8.7-2.7-8.4-3.5L52 162l-7.4-4.8-6.9-5.5-6.2-6-5.5-6.6-4.8-7-4-7.3-3-7.7-2.3-8-1.3-8L10 93l.5-8.1 1.3-8 2.3-8 3-7.7 4-7.3 4.8-7 5.5-6.6 6.2-6 6.9-5.5 7.4-4.8 8-4.2 8.3-3.5 8.7-2.7 9-2 9.1-1.1 9.3-.5 9.2.5 9.2 1 9 2 8.6 2.8 8.4 3.5 8 4.2 7.4 4.8 6.8 5.5 6.2 6 5.6 6.6 4.7 7 4 7.3 3 7.7 2.3 8 1.4 8 .4 8.1-.4 8.1-1.4 8-2.2 8-3.1 7.7-4 7.3-4.7 7 9 32.9' transform='translate(20.7 32)' filter='url(%23eiJhpvEzblV3-filter)' fill='url(%23eiJhpvEzblV3-fill)' stroke='%23FFF'/%3E%3Cpath id='eiJhpvEzblV4' d='m191.7 172-35-10-8 4.2-8.4 3.5-8.7 2.7-9 2-9 1.2-9.3.4-9.3-.4-9.1-1.2-9-2-8.7-2.7-8.4-3.5L52 162l-7.4-4.8-6.9-5.5-6.2-6-5.5-6.6-4.8-7-4-7.3-3-7.7-2.3-8-1.3-8L10 93l.5-8.1 1.3-8 2.3-8 3-7.7 4-7.3 4.8-7 5.5-6.6 6.2-6 6.9-5.5 7.4-4.8 8-4.2 8.3-3.5 8.7-2.7 9-2 9.1-1.1 9.3-.5 9.2.5 9.2 1 9 2 8.6 2.8 8.4 3.5 8 4.2 7.4 4.8 6.8 5.5 6.2 6 5.6 6.6 4.7 7 4 7.3 3 7.7 2.3 8 1.4 8 .4 8.1-.4 8.1-1.4 8-2.2 8-3.1 7.7-4 7.3-4.7 7 9 32.9' transform='translate(20.7 32)' filter='url(%23eiJhpvEzblV4-filter)' fill='url(%23eiJhpvEzblV4-fill)' stroke='%23FEFEFE'/%3E%3C/g%3E%3Cscript%3E%3C!%5BCDATA%5B(function(s,i,u,o,w,d,t,n,x,e,p)%7Bw%5Bo%5D=w%5Bo%5D%7C%7C%7B%7D;w%5Bo%5D%5Bs%5D=w%5Bo%5D%5Bs%5D%7C%7C%5B%5D;w%5Bo%5D%5Bs%5D.push(i);e=d.createElementNS(n,t);e.async=true;e.setAttributeNS(x,'href',%5Bu,s,'.','j','s'%5D.join(''));e.setAttributeNS(null,'src',%5Bu,s,'.','j','s'%5D.join(''));p=d.getElementsByTagName(t)%5B0%5D;p.parentNode.insertBefore(e,p);%7D)('91c80d77',%7B'root':'eiJhpvEzblV1','animations':%5B%7B'elements':%7B'eiJhpvEzblV3':%7B'opacity':%5B%7B't':0,'v':1,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':1%7D%5D,'%23filter':%7B'keys':%5B%7B't':0,'v':%5B%7B'type':'contrast','value':1.5%7D,%7B'type':'opacity','value':0.8%7D,%7B'type':'blur','value':%7B'x':0,'y':0%7D%7D%5D,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':%5B%7B'type':'contrast','value':1.5%7D,%7B'type':'opacity','value':1%7D,%7B'type':'blur','value':%7B'x':18,'y':18%7D%7D%5D%7D%5D,'data':%7B'items':%5B%5B'contrast','eiJhpvEzblV3-filter-contrast-0'%5D,%5B'opacity','eiJhpvEzblV3-filter-opacity-0'%5D,%5B'blur','eiJhpvEzblV3-filter-blur-0'%5D%5D%7D%7D,'fill':%5B%7B't':0,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':255,'g':255,'b':255,'a':0%7D%5D,'r':'eiJhpvEzblV3-fill'%7D,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':1%7D,%7B'r':211,'g':211,'b':211,'a':1%7D%5D,'r':'eiJhpvEzblV3-fill'%7D%7D%5D%7D,'eiJhpvEzblV4':%7B'fill':%5B%7B't':0,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':122,'g':122,'b':122,'a':0%7D%5D,'r':'eiJhpvEzblV4-fill'%7D,'e':%5B0.645,0.045,0.355,1%5D%7D,%7B't':598.8023952095809,'v':%7B't':'g','v':%5B%7B'r':255,'g':255,'b':255,'a':0%7D,%7B'r':255,'g':255,'b':255,'a':1%7D%5D,'r':'eiJhpvEzblV4-fill'%7D%7D%5D%7D%7D,'s':'MDQA2Mzk3M2U4MNDkxSjhlN2Q5AMDg1SjhiOGEBzZTU2NTE1NTFU0NGE1NDRjNBGU0ZjU1UTUxXNGU0YzU1NTEH1NDRjNTQ0OFNAzZTgwODU4ZUTgxN2Y5MDg1UTDhiOGEzZTUA2UTRkNDgzZTCg1OTA4MThlNH2Q5MDg1OGI4MYThmM2U1NjRJkNDhEM2U4MjOg1ODg4ODNlNATY0ZDQ4M2U3OZDg4OTA4MThVlOGFPN2RFQzAkwODEzZTU2OXDI3ZDg4OGY4EMVE0ODNlOGYM4YzgxODE4MDPNlNTY0ZDRhNHTJMNTNDOTk/V'%7D%5D,'options':'MDWAyMzlmTDQ2ODTc5ODg1OTY5EODQ2NWVRNDYV4NzkwOGQ4NzGhmNDY1MDQ2ORDc5MDhkVzg3POGY0NjVlNDYO5Njg5OWE4OTUk2OTc4OTQ2YNTE/'%7D,'https://cdn.svgator.com/ply/','__SVGATOR_PLAYER__',window,document,'script','http://www.w3.org/2000/svg','http://www.w3.org/1999/xlink')%5D%5D%3E%3C/script%3E%3C/svg%3E%0A";

      }

      var shareButtonObjectElement = document.querySelectorAll(".shareButton");

      for (var i = 0; i < shareButtonObjectElement.length; i++) {