Skip to content

Instantly share code, notes, and snippets.

@cmho
Created February 2, 2020 05:00
Show Gist options
  • Select an option

  • Save cmho/271b06c76e5992fae695ebf56a2cc8fc to your computer and use it in GitHub Desktop.

Select an option

Save cmho/271b06c76e5992fae695ebf56a2cc8fc to your computer and use it in GitHub Desktop.
Fake Tinder Profile
<div style="max-width: 320px; margin: 0 auto; font-family: 'Lato', Arial, sans-serif; color: #545454;">
<div style="height: 475px; width: 100%; background-image: url([PHOTO URL]); background-size: cover;"></div>
<div style="padding: 20px; border-bottom: 1px #F1F1F1 solid">
<div style="font-size: 36px; margin-bottom: 5px"><b>NAME</b>, 69</div>
<div style="display: flex; align-items: center; font-size: 16px; margin-bottom: 5px; color: #B0B0B0;">
<svg height='24px' width='24px' style="margin-right: 5px" fill="#545454" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 52.64772,966.36032 c -0.64398,0.12267 -1.213666,0.58337 -1.46845,1.18753 l -2.811924,6.3439 c -0.441378,-0.42221 -1.083566,-0.62442 -1.687154,-0.53126 -0.648737,0.10706 -1.23104,0.55602 -1.499693,1.15628 l -6.748618,14.84411 c -0.133861,-0.0242 -0.270186,-0.0346 -0.406167,-0.0312 -0.115174,4.9e-4 -0.230305,0.011 -0.34368,0.0312 l -18.99611,3.00007 c -1.303755,0.19408 -2.099774,1.91034 -1.405962,3.03133 l 1.749642,2.90632 -6.373695,1.06253 c -0.73185,0.12273 -1.371534,0.68697 -1.584765,1.39797 -0.213232,0.7109 0.01028,1.5342 0.553726,2.0396 l 16.21543,15.2816 -3.81172,21.9381 c -0.11986,0.7298 0.204425,1.5148 0.804398,1.9471 0.599972,0.4324 1.447076,0.4915 2.101257,0.1467 l 20.058393,-10.5003 20.058392,10.5003 c 0.654181,0.3448 1.501286,0.2857 2.101258,-0.1467 0.599972,-0.4323 0.924258,-1.2173 0.804397,-1.9471 l -1.156013,-6.7502 4.405348,1.9063 c 1.316673,0.5576 2.99649,-0.7789 2.749437,-2.1875 l -3.90545,-20.4693 10.310388,-9.719 c 0.429409,-0.404 0.665214,-1.0055 0.624872,-1.5938 8.1e-5,-0.01 8.1e-5,-0.021 0,-0.031 l 5.405143,-5.40641 c 0.526398,-0.51213 0.733402,-1.3283 0.514735,-2.02948 -0.218667,-0.70118 -0.852876,-1.2549 -1.577017,-1.37686 l -23.995086,-4.00009 c -0.133857,-0.0242 -0.270186,-0.0347 -0.406167,-0.0312 -1.047113,-0.0739 -2.066996,0.81202 -2.140622,1.85939 -0.07362,1.04736 0.812285,2.06729 1.859429,2.1407 l 20.152124,3.37509 -3.218091,3.21883 c -0.03285,0.0404 -0.06413,0.0821 -0.09373,0.125 l -21.120675,-3.53134 -7.71717,-16.96916 c 0.766844,-1.76563 1.58233,-3.58952 2.374514,-5.37514 l 5.155194,11.03152 c 0.420736,0.98126 1.714142,1.47559 2.681868,1.02499 0.967726,-0.4506 1.42222,-1.75879 0.94239,-2.71253 l -6.998567,-15.00036 c -0.358147,-0.80113 -1.29048,-1.30119 -2.155808,-1.15628 z m -5.655092,13.81284 8.185823,18.00044 c 0.262942,0.5926 0.830807,1.03975 1.46845,1.15628 l 20.027149,3.34382 -14.059621,13.2191 c -0.481507,0.4552 -0.712514,1.1606 -0.593629,1.8125 l 3.311822,19.0005 -17.402686,-9.1252 c -0.574501,-0.3049 -1.300116,-0.3049 -1.874616,0 l -17.402687,9.1252 3.311822,-19.0005 c 0.118886,-0.6519 -0.112122,-1.3573 -0.593628,-1.8125 l -14.059621,-13.2191 20.027149,-3.34382 c 0.637642,-0.11653 1.205508,-0.56368 1.468449,-1.15628 z m -10.497851,13.43783 -0.87482,1.90629 -12.341223,2.06255 -1.031039,-1.71879 z m 32.08718,22.15681 2.718193,14.2816 -3.311822,-1.4376 -1.843372,-10.5315 z" fill="#545454" fill-opacity="1" fill-rule="nonzero" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"></path></g></svg> Unit
</div>
<div style="display: flex; align-items: center; font-size: 16px; margin-bottom: 5px; color: #B0B0B0;">
<svg height='24px' width='24px' style="margin-right: 5px;" fill="#545454" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 49 49" enable-background="new 0 0 49 49" xml:space="preserve"><g><path fill="#545454" d="M45.5,5.7c-3.3-4.5-9.1-6.3-14.4-4.4c-0.5-0.3-1-0.5-1.5-0.6c-1-0.2-2,0.1-2.8,0.7c-1.3,1-1.8,2.6-1.4,4.1 c-1.8,2.4-2.7,5.3-2.6,8.1L4.4,29.1c-1.9,1.6-2.4,4.2-1.3,6.3c-1,1-1.7,2.3-1.9,3.7c-0.3,1.7,0.1,3.5,1.2,4.9L3,44.8 c1,1.4,2.6,2.4,4.3,2.6c1.7,0.3,3.5-0.1,4.9-1.2l14.8-10.8c1.1-0.8,2.6-0.5,3.3,0.5c0.4,0.5,0.5,1.1,0.4,1.8 c-0.1,0.6-0.4,1.2-1,1.6l-10.1,7.4c-0.4,0.3-0.5,1-0.2,1.4c0.2,0.3,0.5,0.4,0.8,0.4c0.2,0,0.4-0.1,0.6-0.2l10.1-7.4 c2-1.4,2.4-4.2,1-6.1c-1.4-2-4.2-2.4-6.1-1L11,44.6c-1,0.7-2.2,1-3.4,0.8c-1.2-0.2-2.3-0.8-3-1.8L4,42.8C2.7,41,2.9,38.6,4.3,37 c1,0.9,2.2,1.4,3.5,1.4c1,0,1.9-0.3,2.8-0.8l20.4-12.7c1.4,0.5,2.8,0.8,4.3,0.8c1.4,0,2.9-0.3,4.3-0.8c0.5,0.3,1,0.5,1.5,0.6 c0.2,0,0.4,0,0.6,0c0.8,0,1.5-0.2,2.2-0.7c0.8-0.6,1.3-1.5,1.5-2.4c0.1-0.6,0-1.1-0.1-1.6C48.7,16.3,48.8,10.2,45.5,5.7z M43.9,6.8 c2.6,3.6,2.7,8.3,0.3,11.9L32.6,2.9C36.8,1.7,41.2,3.2,43.9,6.8z M28.9,23.8L9.6,35.9c-1.4,0.9-3.4,0.5-4.4-0.8 c-1-1.4-0.8-3.3,0.5-4.4l17.4-14.7c0,0,0,0,0,0c0.1,0.4,0.2,0.7,0.3,1.1c0,0.1,0,0.1,0.1,0.2c0.1,0.3,0.2,0.6,0.4,0.9 c0,0.1,0.1,0.2,0.1,0.2c0.1,0.3,0.3,0.6,0.4,0.8c0,0.1,0.1,0.2,0.1,0.2c0.2,0.3,0.4,0.7,0.7,1c0.3,0.4,0.6,0.7,0.9,1.1 c0.1,0.1,0.3,0.3,0.4,0.4c0.2,0.2,0.4,0.4,0.6,0.6c0.2,0.2,0.4,0.3,0.5,0.4c0.2,0.1,0.3,0.2,0.5,0.4c0.2,0.2,0.5,0.3,0.7,0.5 C28.8,23.7,28.9,23.8,28.9,23.8z M31.4,22.8C31.4,22.8,31.4,22.8,31.4,22.8c-0.9-0.4-1.8-0.9-2.5-1.5c0,0,0,0,0,0 c-0.4-0.3-0.7-0.6-1-0.9c0,0-0.1-0.1-0.1-0.1c-0.3-0.3-0.6-0.7-0.9-1c-0.3-0.4-0.5-0.8-0.7-1.2c0,0,0-0.1-0.1-0.1 c-0.2-0.4-0.4-0.8-0.6-1.3c0,0,0,0,0-0.1c-0.2-0.4-0.3-0.9-0.4-1.3c0,0,0,0,0,0c-0.1-0.5-0.2-0.9-0.2-1.4c0,0,0,0,0,0 c-0.2-2.3,0.4-4.6,1.7-6.6l11.6,15.9C35.9,23.8,33.5,23.6,31.4,22.8z M43.4,22c-0.1,0.5-0.3,0.9-0.7,1.1c-0.4,0.3-0.8,0.4-1.3,0.3 c-0.4-0.1-0.7-0.2-0.9-0.5c0,0,0,0,0,0c-0.1-0.1-0.1-0.1-0.2-0.2l-3.2-4.4l-9.5-13C27,4.6,27.2,3.5,28,2.9c0.3-0.2,0.7-0.3,1-0.3 c0.5,0,1.1,0.2,1.4,0.7l12.7,17.4C43.4,21.1,43.5,21.5,43.4,22z"></path><path fill="#545454" d="M21.7,21.7l-3.9,2.8c-0.4,0.3-0.5,1-0.2,1.4c0.2,0.3,0.5,0.4,0.8,0.4c0.2,0,0.4-0.1,0.6-0.2l3.9-2.8 c0.4-0.3,0.5-1,0.2-1.4C22.8,21.5,22.2,21.4,21.7,21.7z"></path></g></svg> Position
</div>
</div>
<div style="border-bottom: 1px #F1F1F1 solid; padding: 20px; color: #828282">
DESCRIPTION/PROFILE HERE
</div>
<div style="padding: 20px; display: flex; align-items: center; justify-content: center;">
<div style="width: 64px; height: 64px; min-width: 64px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; margin: 0 10px 0; background-color: white;">
<svg height='24px' width='24px' fill="#fa2d76" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 847 847" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd">
<g><path fill="#fa2d76" d="M423 272l217 -217c99,-99 251,53 151,152l-216 216 216 217c100,99 -52,251 -151,151l-217 -216 -216 216c-99,100 -251,-52 -152,-151l217 -217 -217 -216c-99,-99 53,-251 152,-152l216 217z"></path></g></svg>
</div>
<form method="post" action="[POST URL]?mode=reply" style="margin:0 10px 0;padding:5px 0;">
<textarea name="body" style="display:none;">&lt;span style=&quot;font-size: 14px; margin: 5px 0;&quot;&gt;&lt;b&gt;[USERNAME]&lt;/b&gt; liked this video&lt;/span&gt;</textarea>
<button style="width: 46px; height: 46px; min-width: 46px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; appearance: none; border: none; background-color: white;">
<svg height='24px' width='24px' fill="#38a7fe" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<path d="M50,6.68c-1.41,0-2.83,0.74-3.55,2.21L34.58,32.93L8.05,36.78c-3.25,0.47-4.55,4.47-2.2,6.76l19.2,18.71l-4.53,26.42 c-0.44,2.56,1.6,4.64,3.91,4.64c0.61,0,1.24-0.14,1.85-0.46L50,80.38l23.73,12.47c0.61,0.32,1.24,0.46,1.85,0.46 c2.31,0,4.34-2.08,3.9-4.64l-4.53-26.42l19.2-18.71c2.35-2.29,1.05-6.29-2.2-6.76l-26.53-3.85L53.55,8.89 C52.83,7.42,51.41,6.68,50,6.68L50,6.68z" fill="#38A7F3" ></path>
</svg>
</button>
</form>
<form method="post" action="[POST URL]?mode=reply" style="margin:0 10px 0;padding:5px 0;">
<textarea name="body" style="display:none;">&lt;span style=&quot;font-size: 14px; margin: 5px 0;&quot;&gt;Someone super-liked your profile! Want to message them?&lt;/span&gt;</textarea>
<button style="width: 64px; height: 64px; min-width: 64px; border-radius: 100%; box-shadow: 0 0 4px #B0B0B0; display: flex; align-items: center; justify-content: center; appearance: none; border: none; background-color: white;">
<svg height='30px' width='30px' fill="#4ee185" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.112,11.593c9.229,0,17.324,4.845,21.888,12.128 c4.563-7.283,12.658-12.128,21.888-12.128c14.255,0,25.812,11.556,25.812,25.812c0,21.05-39.113,51.003-47.699,51.003 c-8.587,0-47.699-29.953-47.699-51.003C2.301,23.148,13.856,11.593,28.112,11.593z" fill="#33E0AC"></path>
</g>
</svg>
</button>
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment