Chapril/drop.chapril.org-firefoxsend
Chapril/drop.chapril.org-firefoxsend
24
1
Fork 0
Code Issues Releases Activity

add send logo

Browse Source
This commit is contained in:
Daniela Arcese 2017-07-18 14:12:42 -04:00
parent 359e77f451
commit 9a6dbee694
4 changed files with 107 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/main.css
View File

@ -3,16 +3,23 @@ html {
background: url('resources/send_bg.svg');
font-family: 'SF Pro Text', sans-serif;
font-weight: 200;
background-size: 112%;
background-size: 100%;
background-repeat: no-repeat;
background-position: center top;
margin-top: -25px;
height: 100%;
}
body {
min-height: 100%;
position: relative;
margin: 0;
}
.send-logo {
position: relative;
top: 31px;
left: 31px;
display: inline-block;
}
.all {
@ -445,6 +452,7 @@ tbody {
font-size: 15px;
display: flex;
align-items: flex-end;
padding: 10px;
}
.mozilla-logo {

167
public/resources/send_bg.svg
View File

@ -1,86 +1,103 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="900px" height="300px" viewBox="0 0 900 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 45.1 (43504) - http://www.bohemiancoding.com/sketch -->
<title>File transfer_homepage Copy</title>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="820px" height="282px" viewBox="0 0 820 282" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 45.2 (43514) - http://www.bohemiancoding.com/sketch -->
<title>Untitled</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="900" height="299.75"></rect>
<path d="M9.66358747,90.3496437 L25.3352128,54.7294642 L25.3352128,54.7294642 C25.7961314,53.6818383 27.0190483,53.206218 28.0666743,53.6671365 C28.4706481,53.8448708 28.8073303,54.1469326 29.0276864,54.5293296 L40.5814272,74.5792232 L40.5814272,74.5792232 C41.0688349,75.4250508 42.0804482,75.8160312 43.0100063,75.5178494 L57.3826628,70.9074171 L57.3826628,70.9074171 C58.273809,70.621557 59.2459609,70.9684332 59.7548625,71.7538482 L71.6144053,90.057314 L71.6144053,90.057314 C72.2367731,91.0178474 71.9626357,92.3010423 71.0021023,92.9234101 C70.6664845,93.1408702 70.2751159,93.2565789 69.8752057,93.2565789 L11.560482,93.2565789 L11.560482,93.2565789 C10.4159446,93.2565789 9.48811363,92.328748 9.48811363,91.1842105 C9.48811363,90.8968648 9.54786999,90.612659 9.66358747,90.3496437 Z" id="path-3"></path>
<path d="M5.03109558,47.6616114 L13.1827731,28.8974082 L13.1827731,28.8974082 C13.4233233,28.34369 14.067205,28.0898171 14.6209233,28.3303673 C14.8379087,28.4246316 15.0184566,28.5867467 15.1354542,28.7923677 L21.1306896,39.3288773 L21.1306896,39.3288773 C21.3872023,39.7796933 21.9252114,39.9881735 22.4185175,39.8279146 L29.8698983,37.4072065 L29.8698983,37.4072065 C30.3430525,37.2534943 30.8603195,37.4386632 31.1284324,37.857731 L37.3025596,47.508058 L37.3025596,47.508058 C37.627915,48.0165972 37.4794151,48.6926023 36.9708759,49.0179577 C36.7949947,49.1304838 36.5905652,49.1902834 36.3817679,49.1902834 L6.03369113,49.1902834 L6.03369113,49.1902834 C5.42997906,49.1902834 4.94057372,48.7008781 4.94057372,48.097166 C4.94057372,47.9473111 4.97138564,47.7990566 5.03109558,47.6616114 Z" id="path-4"></path>
<path d="M8.04229168,77.4675618 L21.0720671,47.0059099 L21.0720671,47.0059099 C21.4565976,46.1069356 22.4970839,45.6898964 23.3960582,46.0744269 C23.7551775,46.2280379 24.0534165,46.4960984 24.2443245,46.8368579 L33.8006978,63.8944221 L33.8006978,63.8944221 C34.2149364,64.6338136 35.095089,64.9759151 35.8999336,64.7103621 L47.7624134,60.7964188 L47.7624134,60.7964188 C48.534842,60.5415613 49.3815475,60.8458226 49.8150845,61.5340406 L59.6964406,77.2201916 L59.6964406,77.2201916 C60.2175898,78.0474896 59.9694072,79.1406221 59.1421092,79.6617713 C58.8595573,79.8397625 58.5324258,79.9342105 58.198485,79.9342105 L9.67002871,79.9342105 L9.67002871,79.9342105 C8.69226669,79.9342105 7.89963397,79.1415778 7.89963397,78.1638158 C7.89963397,77.9244741 7.94816428,77.6876174 8.04229168,77.4675618 Z" id="path-5"></path>
<filter x="-0.8%" y="-1.8%" width="101.6%" height="105.0%" filterUnits="objectBoundingBox" id="filter-1">
<feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<rect id="path-2" x="0" y="0.0830321945" width="900" height="281"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="File-transfer_homepage-Copy">
<g id="Group-2" transform="translate(1.000000, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
<g id="send_bg" filter="url(#filter-1)" transform="translate(-40.000000, 2.000000)">
<g id="Rectangle-5" fill-rule="nonzero" fill="#FFFFFF">
<rect id="path-1" x="0" y="0.414627135" width="900" height="281"></rect>
</g>
<g id="files--Clipped">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<use id="Rectangle-5" fill="#FFFFFF" xlink:href="#path-1"></use>
<g id="files-" mask="url(#mask-2)">
<g transform="translate(0.000000, -52.000000)" id="Page-1">
<g opacity="0.400000006" transform="translate(196.724610, 77.659586) rotate(13.000000) translate(-196.724610, -77.659586) translate(174.805329, 49.762319)">
<path d="M37.5759109,55.7945344 L6.26265182,55.7945344 C2.81819332,55.7945344 0,53.0048077 0,49.5951417 L0,6.19939271 C0,2.78972672 2.81819332,0 6.26265182,0 L25.0506073,0 L43.8385628,18.5981781 L43.8385628,49.5951417 C43.8385628,53.0048077 41.0203694,55.7945344 37.5759109,55.7945344 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="3.33059211" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.80269,29.5711032 L32.0670728,29.5711032" id="Line" stroke="#D7D7DB" stroke-width="1.11019737" stroke-linecap="square"></path>
<path d="M11.80269,37.3823381 L32.0670728,37.3823381" id="Line-Copy" stroke="#D7D7DB" stroke-width="1.11019737" stroke-linecap="square"></path>
<path d="M11.80269,45.1935729 L32.0670728,45.1935729" id="Line-Copy-2" stroke="#D7D7DB" stroke-width="1.11019737" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="2.22039474" stroke-linecap="round" stroke-linejoin="round" points="24.8274 5.67005995 24.8274 19.6234623 38.923184 19.6234623"></polyline>
</g>
<g opacity="0.400000006" transform="translate(54.796388, 243.194000) rotate(58.000000) translate(-54.796388, -243.194000) translate(20.636469, 199.924769)">
<path d="M58.5598612,86.5384615 L9.75997687,86.5384615 C4.39198959,86.5384615 0,82.2115385 0,76.9230769 L0,9.61538462 C0,4.32692308 4.39198959,0 9.75997687,0 L39.0399075,0 L68.3198381,28.8461538 L68.3198381,76.9230769 C68.3198381,82.2115385 63.9278485,86.5384615 58.5598612,86.5384615 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="5.18092105" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.3938026,45.8653846 L49.9746589,45.8653846" id="Line" stroke="#D7D7DB" stroke-width="1.72697368" stroke-linecap="square"></path>
<path d="M18.3938026,57.9807692 L49.9746589,57.9807692" id="Line-Copy" stroke="#D7D7DB" stroke-width="1.72697368" stroke-linecap="square"></path>
<path d="M18.3938026,70.0961538 L49.9746589,70.0961538" id="Line-Copy-2" stroke="#D7D7DB" stroke-width="1.72697368" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="3.45394737" stroke-linecap="round" stroke-linejoin="round" points="38.6920519 8.7943787 38.6920519 30.4363905 60.6595075 30.4363905"></polyline>
</g>
<g opacity="0.380258862" transform="translate(256.896237, 214.411400) rotate(37.000000) translate(-256.896237, -214.411400) translate(242.662938, 196.192776)">
<path d="M24.3999422,36.437247 L4.06665703,36.437247 C1.82999566,36.437247 0,34.6153846 0,32.388664 L0,4.048583 C0,1.82186235 1.82999566,0 4.06665703,0 L16.2666281,0 L28.4665992,12.145749 L28.4665992,32.388664 C28.4665992,34.6153846 26.6366035,36.437247 24.3999422,36.437247 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="2.17598684" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.6640844,19.3117409 L20.8227745,19.3117409" id="Line" stroke="#FFFFFF" stroke-width="0.725328947" stroke-linecap="square"></path>
<path d="M7.6640844,24.4129555 L20.8227745,24.4129555" id="Line-Copy" stroke="#FFFFFF" stroke-width="0.725328947" stroke-linecap="square"></path>
<path d="M7.6640844,29.51417 L20.8227745,29.51417" id="Line-Copy-2" stroke="#FFFFFF" stroke-width="0.725328947" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke="#FFFFFF" stroke-width="1.45065789" stroke-linecap="round" stroke-linejoin="round" points="16.1216883 3.70289629 16.1216883 12.8153223 25.2747948 12.8153223"></polyline>
</g>
<g opacity="0.400000006" transform="translate(67.323425, 101.852685) rotate(-23.000000) translate(-67.323425, -101.852685) translate(26.331522, 50.043475)">
<path d="M70.2718334,103.618421 L11.7119722,103.618421 C5.27038751,103.618421 0,98.4375 0,92.1052632 L0,11.5131579 C0,5.18092105 5.27038751,0 11.7119722,0 L46.847889,0 L81.9838057,34.5394737 L81.9838057,92.1052632 C81.9838057,98.4375 76.7134182,103.618421 70.2718334,103.618421 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="6.21710526" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2">
<use fill="#D7D7DB" fill-rule="evenodd" xlink:href="#path-3"></use>
<path stroke="#FFFFFF" stroke-width="2.07236842" d="M10.6120348,90.7669271 C10.554176,90.8984348 10.5242978,91.0405376 10.5242978,91.1842105 C10.5242978,91.7564793 10.9882133,92.2203947 11.560482,92.2203947 L69.8752057,92.2203947 C70.0751608,92.2203947 70.2708451,92.1625403 70.438654,92.0538103 C70.9189207,91.7426264 71.0559894,91.101029 70.7448055,90.6207623 L58.8852627,72.3172965 C58.6308119,71.924589 58.144736,71.7511509 57.6991629,71.8940809 L43.3265063,76.5045132 C41.9321692,76.9517859 40.4147493,76.3653154 39.6836377,75.096574 L28.1298969,55.0466804 C28.0197188,54.8554818 27.8513778,54.7044509 27.6493908,54.6155838 C27.1255779,54.3851245 26.5141194,54.6229347 26.2836601,55.1467476 L10.6120348,90.7669271 Z"></path>
<g id="path-1"></g>
<g id="files-" mask="url(#mask-3)">
<g transform="translate(-1.000000, -69.000000)" id="Page-1">
<g>
<g id="Group" opacity="0.400000006" transform="translate(197.780150, 77.777844) rotate(13.000000) translate(-197.780150, -77.777844) translate(175.780150, 49.777844)" stroke="#D7D7DB">
<path d="M37.5759109,55.7945344 L6.26265182,55.7945344 C2.81819332,55.7945344 0,53.0048077 0,49.5951417 L0,6.19939271 C0,2.78972672 2.81819332,0 6.26265182,0 L25.0506073,0 L43.8385628,18.5981781 L43.8385628,49.5951417 C43.8385628,53.0048077 41.0203694,55.7945344 37.5759109,55.7945344 Z" id="Stroke-1" stroke-width="3.33059211" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.80269,29.5711032 L32.0670728,29.5711032" id="Line" stroke-width="1.11019737" stroke-linecap="square"></path>
<path d="M11.80269,37.3823381 L32.0670728,37.3823381" id="Line-Copy" stroke-width="1.11019737" stroke-linecap="square"></path>
<path d="M11.80269,45.1935729 L32.0670728,45.1935729" id="Line-Copy-2" stroke-width="1.11019737" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke-width="2.22039474" stroke-linecap="round" stroke-linejoin="round" points="24.8274 5.67005995 24.8274 19.6234623 38.923184 19.6234623"></polyline>
</g>
<ellipse id="Oval" fill="#D7D7DB" cx="54.6558704" cy="55.9539474" rx="8.40859545" ry="8.28947368"></ellipse>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="4.14473684" stroke-linecap="round" stroke-linejoin="round" points="46.4304623 10.5301113 46.4304623 36.4435729 72.791409 36.4435729"></polyline>
</g>
<g opacity="0.400000006" transform="translate(557.299495, 72.565892) rotate(-31.000000) translate(-557.299495, -72.565892) translate(535.949545, 45.237957)">
<path d="M36.5999132,54.6558704 L6.09998554,54.6558704 C2.74499349,54.6558704 0,51.9230769 0,48.582996 L0,6.07287449 C0,2.73279352 2.74499349,0 6.09998554,0 L24.3999422,0 L42.6998988,18.2186235 L42.6998988,48.582996 C42.6998988,51.9230769 39.9549053,54.6558704 36.5999132,54.6558704 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="3.27935223" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2">
<use fill="#D7D7DB" fill-rule="evenodd" xlink:href="#path-4"></use>
<path stroke="#FFFFFF" stroke-width="1.09311741" d="M5.53239336,47.8793887 C5.50253838,47.9481113 5.48713243,48.0222386 5.48713243,48.097166 C5.48713243,48.399022 5.73183509,48.6437247 6.03369113,48.6437247 L36.3817679,48.6437247 C36.4861665,48.6437247 36.5883813,48.6138249 36.6763219,48.5575619 C36.9305915,48.3948842 37.0048414,48.0568816 36.8421637,47.802612 L30.6680366,38.152285 C30.5339801,37.9427511 30.2753466,37.8501666 30.0387695,37.9270227 L22.5873887,40.3477309 C21.8474296,40.5881192 21.0404158,40.2753988 20.6556469,39.5991749 L14.6604114,29.0626653 C14.6019126,28.9598548 14.5116387,28.8787972 14.403146,28.8316651 C14.1262868,28.71139 13.804346,28.8383264 13.6840709,29.1151855 L5.53239336,47.8793887 Z"></path>
<g id="Group" opacity="0.400000006" transform="translate(55.780900, 243.604694) rotate(58.000000) translate(-55.780900, -243.604694) translate(21.280900, 200.104694)" stroke="#D7D7DB">
<path d="M58.5598612,86.5384615 L9.75997687,86.5384615 C4.39198959,86.5384615 0,82.2115385 0,76.9230769 L0,9.61538462 C0,4.32692308 4.39198959,0 9.75997687,0 L39.0399075,0 L68.3198381,28.8461538 L68.3198381,76.9230769 C68.3198381,82.2115385 63.9278485,86.5384615 58.5598612,86.5384615 Z" id="Stroke-1" stroke-width="5.18092105" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.3938026,45.8653846 L49.9746589,45.8653846" id="Line" stroke-width="1.72697368" stroke-linecap="square"></path>
<path d="M18.3938026,57.9807692 L49.9746589,57.9807692" id="Line-Copy" stroke-width="1.72697368" stroke-linecap="square"></path>
<path d="M18.3938026,70.0961538 L49.9746589,70.0961538" id="Line-Copy-2" stroke-width="1.72697368" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke-width="3.45394737" stroke-linecap="round" stroke-linejoin="round" points="38.6920519 8.7943787 38.6920519 30.4363905 60.6595075 30.4363905"></polyline>
</g>
<ellipse id="Oval" fill="#D7D7DB" cx="28.4665992" cy="29.51417" rx="4.3794768" ry="4.37246964"></ellipse>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="2.18623482" stroke-linecap="round" stroke-linejoin="round" points="24.1825324 5.55434444 24.1825324 19.2229835 37.9121922 19.2229835"></polyline>
</g>
<g opacity="0.400000006" transform="translate(843.742966, 253.364035) rotate(-47.000000) translate(-843.742966, -253.364035) translate(809.583047, 208.956140)">
<path d="M58.5598612,88.8157895 L9.75997687,88.8157895 C4.39198959,88.8157895 0,84.375 0,78.9473684 L0,9.86842105 C0,4.44078947 4.39198959,0 9.75997687,0 L39.0399075,0 L68.3198381,29.6052632 L68.3198381,78.9473684 C68.3198381,84.375 63.9278485,88.8157895 58.5598612,88.8157895 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="5.31118421" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2">
<use fill="#D7D7DB" fill-rule="evenodd" xlink:href="#path-5"></use>
<path stroke="#FFFFFF" stroke-width="1.77039474" d="M8.85616019,77.8156888 C8.80909649,77.9257166 8.78483134,78.0441449 8.78483134,78.1638158 C8.78483134,78.6526968 9.1811477,79.0490132 9.67002871,79.0490132 L58.198485,79.0490132 C58.3654554,79.0490132 58.5290212,79.0017891 58.6702971,78.9127936 C59.0839461,78.6522189 59.2080374,78.1056527 58.9474628,77.6920037 L49.0661067,62.0058527 C48.8493382,61.6617437 48.4259854,61.509613 48.0397711,61.6370418 L36.1772914,65.5509851 C34.9700244,65.9493146 33.6497955,65.4361623 33.0284376,64.3270751 L23.4720643,47.2695109 C23.3766103,47.0991312 23.2274908,46.9651009 23.0479312,46.8882954 C22.598444,46.6960302 22.0782009,46.9045498 21.8859357,47.3540369 L8.85616019,77.8156888 Z"></path>
<g id="Group" opacity="0.380258862" transform="translate(257.939898, 214.796622) rotate(37.000000) translate(-257.939898, -214.796622) translate(243.439898, 196.296622)" stroke="#FFFFFF">
<path d="M24.3999422,36.437247 L4.06665703,36.437247 C1.82999566,36.437247 0,34.6153846 0,32.388664 L0,4.048583 C0,1.82186235 1.82999566,0 4.06665703,0 L16.2666281,0 L28.4665992,12.145749 L28.4665992,32.388664 C28.4665992,34.6153846 26.6366035,36.437247 24.3999422,36.437247 Z" id="Stroke-1" stroke-width="2.17598684" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.6640844,19.3117409 L20.8227745,19.3117409" id="Line" stroke-width="0.725328947" stroke-linecap="square"></path>
<path d="M7.6640844,24.4129555 L20.8227745,24.4129555" id="Line-Copy" stroke-width="0.725328947" stroke-linecap="square"></path>
<path d="M7.6640844,29.51417 L20.8227745,29.51417" id="Line-Copy-2" stroke-width="0.725328947" stroke-linecap="square"></path>
<polyline id="Stroke-3" stroke-width="1.45065789" stroke-linecap="round" stroke-linejoin="round" points="16.1216883 3.70289629 16.1216883 12.8153223 25.2747948 12.8153223"></polyline>
</g>
<g id="Group" opacity="0.400000006" transform="translate(68.405426, 102.025144) rotate(-23.000000) translate(-68.405426, -102.025144) translate(27.405426, 50.025144)">
<path d="M70.2718334,103.618421 L11.7119722,103.618421 C5.27038751,103.618421 0,98.4375 0,92.1052632 L0,11.5131579 C0,5.18092105 5.27038751,0 11.7119722,0 L46.847889,0 L81.9838057,34.5394737 L81.9838057,92.1052632 C81.9838057,98.4375 76.7134182,103.618421 70.2718334,103.618421 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="6.21710526" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2" transform="translate(9.000000, 53.000000)">
<g id="path-3-link" fill="#D7D7DB">
<path d="M0.66358747,37.3496437 L16.3352128,1.7294642 L16.3352128,1.7294642 C16.7961314,0.6818383 18.0190483,0.206218 19.0666743,0.6671365 C19.4706481,0.8448708 19.8073303,1.1469326 20.0276864,1.5293296 L31.5814272,21.5792232 L31.5814272,21.5792232 C32.0688349,22.4250508 33.0804482,22.8160312 34.0100063,22.5178494 L48.3826628,17.9074171 L48.3826628,17.9074171 C49.273809,17.621557 50.2459609,17.9684332 50.7548625,18.7538482 L62.6144053,37.057314 L62.6144053,37.057314 C63.2367731,38.0178474 62.9626357,39.3010423 62.0021023,39.9234101 C61.6664845,40.1408702 61.2751159,40.2565789 60.8752057,40.2565789 L2.560482,40.2565789 L2.560482,40.2565789 C1.4159446,40.2565789 0.48811363,39.328748 0.48811363,38.1842105 C0.48811363,37.8968648 0.54786999,37.612659 0.66358747,37.3496437 Z" id="path-3"></path>
</g>
<path d="M1.6120348,37.7669271 C1.554176,37.8984348 1.5242978,38.0405376 1.5242978,38.1842105 C1.5242978,38.7564793 1.9882133,39.2203947 2.560482,39.2203947 L60.8752057,39.2203947 C61.0751608,39.2203947 61.2708451,39.1625403 61.438654,39.0538103 C61.9189207,38.7426264 62.0559894,38.101029 61.7448055,37.6207623 L49.8852627,19.3172965 C49.6308119,18.924589 49.144736,18.7511509 48.6991629,18.8940809 L34.3265063,23.5045132 C32.9321692,23.9517859 31.4147493,23.3653154 30.6836377,22.096574 L19.1298969,2.0466804 C19.0197188,1.8554818 18.8513778,1.7044509 18.6493908,1.6155838 C18.1255779,1.3851245 17.5141194,1.6229347 17.2836601,2.1467476 L1.6120348,37.7669271 Z" id="Shape" stroke="#FFFFFF" stroke-width="2.07236842"></path>
</g>
<ellipse id="Oval" fill="#D7D7DB" fill-rule="nonzero" cx="54.6558704" cy="55.9539474" rx="8.40859545" ry="8.28947368"></ellipse>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="4.14473684" stroke-linecap="round" stroke-linejoin="round" points="46.4304623 10.5301113 46.4304623 36.4435729 72.791409 36.4435729"></polyline>
</g>
<g id="Group" opacity="0.400000006" transform="translate(558.516733, 72.636099) rotate(-31.000000) translate(-558.516733, -72.636099) translate(537.016733, 45.136099)">
<path d="M36.5999132,54.6558704 L6.09998554,54.6558704 C2.74499349,54.6558704 0,51.9230769 0,48.582996 L0,6.07287449 C0,2.73279352 2.74499349,0 6.09998554,0 L24.3999422,0 L42.6998988,18.2186235 L42.6998988,48.582996 C42.6998988,51.9230769 39.9549053,54.6558704 36.5999132,54.6558704 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="3.27935223" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2" transform="translate(4.000000, 28.000000)">
<g id="path-4-link" fill="#D7D7DB">
<path d="M1.03109558,19.6616114 L9.1827731,0.8974082 L9.1827731,0.8974082 C9.4233233,0.34369 10.067205,0.0898171 10.6209233,0.3303673 C10.8379087,0.4246316 11.0184566,0.5867467 11.1354542,0.7923677 L17.1306896,11.3288773 L17.1306896,11.3288773 C17.3872023,11.7796933 17.9252114,11.9881735 18.4185175,11.8279146 L25.8698983,9.4072065 L25.8698983,9.4072065 C26.3430525,9.2534943 26.8603195,9.4386632 27.1284324,9.857731 L33.3025596,19.508058 L33.3025596,19.508058 C33.627915,20.0165972 33.4794151,20.6926023 32.9708759,21.0179577 C32.7949947,21.1304838 32.5905652,21.1902834 32.3817679,21.1902834 L2.03369113,21.1902834 L2.03369113,21.1902834 C1.42997906,21.1902834 0.94057372,20.7008781 0.94057372,20.097166 C0.94057372,19.9473111 0.97138564,19.7990566 1.03109558,19.6616114 Z" id="path-4"></path>
</g>
<path d="M1.53239336,19.8793887 C1.50253838,19.9481113 1.48713243,20.0222386 1.48713243,20.097166 C1.48713243,20.399022 1.73183509,20.6437247 2.03369113,20.6437247 L32.3817679,20.6437247 C32.4861665,20.6437247 32.5883813,20.6138249 32.6763219,20.5575619 C32.9305915,20.3948842 33.0048414,20.0568816 32.8421637,19.802612 L26.6680366,10.152285 C26.5339801,9.9427511 26.2753466,9.8501666 26.0387695,9.9270227 L18.5873887,12.3477309 C17.8474296,12.5881192 17.0404158,12.2753988 16.6556469,11.5991749 L10.6604114,1.0626653 C10.6019126,0.9598548 10.5116387,0.8787972 10.403146,0.8316651 C10.1262868,0.71139 9.804346,0.8383264 9.6840709,1.1151855 L1.53239336,19.8793887 Z" id="Shape" stroke="#FFFFFF" stroke-width="1.09311741"></path>
</g>
<ellipse id="Oval" fill="#D7D7DB" fill-rule="nonzero" cx="28.4665992" cy="29.51417" rx="4.3794768" ry="4.37246964"></ellipse>
</g>
<g id="Group" opacity="0.400000006" transform="translate(845.042262, 253.178131) rotate(-47.000000) translate(-845.042262, -253.178131) translate(810.542262, 208.678131)">
<path d="M58.5598612,88.8157895 L9.75997687,88.8157895 C4.39198959,88.8157895 0,84.375 0,78.9473684 L0,9.86842105 C0,4.44078947 4.39198959,0 9.75997687,0 L39.0399075,0 L68.3198381,29.6052632 L68.3198381,78.9473684 C68.3198381,84.375 63.9278485,88.8157895 58.5598612,88.8157895 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="5.31118421" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Path-2" transform="translate(7.000000, 45.000000)">
<g id="path-5-link" fill="#D7D7DB">
<path d="M1.04229168,32.4675618 L14.0720671,2.0059099 L14.0720671,2.0059099 C14.4565976,1.1069356 15.4970839,0.6898964 16.3960582,1.0744269 C16.7551775,1.2280379 17.0534165,1.4960984 17.2443245,1.8368579 L26.8006978,18.8944221 L26.8006978,18.8944221 C27.2149364,19.6338136 28.095089,19.9759151 28.8999336,19.7103621 L40.7624134,15.7964188 L40.7624134,15.7964188 C41.534842,15.5415613 42.3815475,15.8458226 42.8150845,16.5340406 L52.6964406,32.2201916 L52.6964406,32.2201916 C53.2175898,33.0474896 52.9694072,34.1406221 52.1421092,34.6617713 C51.8595573,34.8397625 51.5324258,34.9342105 51.198485,34.9342105 L2.67002871,34.9342105 L2.67002871,34.9342105 C1.69226669,34.9342105 0.89963397,34.1415778 0.89963397,33.1638158 C0.89963397,32.9244741 0.94816428,32.6876174 1.04229168,32.4675618 Z" id="path-5"></path>
</g>
<path d="M1.85616019,32.8156888 C1.80909649,32.9257166 1.78483134,33.0441449 1.78483134,33.1638158 C1.78483134,33.6526968 2.1811477,34.0490132 2.67002871,34.0490132 L51.198485,34.0490132 C51.3654554,34.0490132 51.5290212,34.0017891 51.6702971,33.9127936 C52.0839461,33.6522189 52.2080374,33.1056527 51.9474628,32.6920037 L42.0661067,17.0058527 C41.8493382,16.6617437 41.4259854,16.509613 41.0397711,16.6370418 L29.1772914,20.5509851 C27.9700244,20.9493146 26.6497955,20.4361623 26.0284376,19.3270751 L16.4720643,2.2695109 C16.3766103,2.0991312 16.2274908,1.9651009 16.0479312,1.8882954 C15.598444,1.6960302 15.0782009,1.9045498 14.8859357,2.3540369 L1.85616019,32.8156888 Z" id="Shape" stroke="#FFFFFF" stroke-width="1.77039474"></path>
</g>
<ellipse id="Oval" fill="#D7D7DB" fill-rule="nonzero" cx="45.5465587" cy="47.9605263" rx="7.00716288" ry="7.10526316"></ellipse>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="3.54078947" stroke-linecap="round" stroke-linejoin="round" points="38.6920519 9.02580972 38.6920519 31.2373482 60.6595075 31.2373482"></polyline>
</g>
<g id="Group" opacity="0.615391791" transform="translate(333.140017, 64.145030) rotate(-14.000000) translate(-333.140017, -64.145030) translate(315.640017, 41.645030)">
<path d="M29.7679294,44.4078947 L4.96132157,44.4078947 C2.23259471,44.4078947 0,42.1875 0,39.4736842 L0,4.93421053 C0,2.22039474 2.23259471,0 4.96132157,0 L19.8452863,0 L34.729251,14.8026316 L34.729251,39.4736842 C34.729251,42.1875 32.4966563,44.4078947 29.7679294,44.4078947 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="2.66447368" opacity="0.400000006" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M24.461786,20.6214973 L24.1725619,20.6622219 C24.1206717,20.5841665 24.0713335,20.5048385 24.017742,20.4276316 C24.012638,20.5133228 24.0092354,20.6002866 24.0041314,20.6859778 L12.6380505,22.282719 C12.6027482,22.2301165 12.5699978,22.1762413 12.5338448,22.1244872 C12.5304422,22.1821803 12.5283155,22.241146 12.5249129,22.2984149 L12.3824275,22.318353 L12.3824275,24.4394225 C12.331388,26.3687473 12.2846017,28.3396451 12.2846017,30.3466011 C12.2846017,32.129148 12.3322386,33.8730913 12.4002913,35.5979451 C11.8579962,35.0413764 10.9086607,34.6048603 9.78961871,34.4695361 C7.95687379,34.2480964 6.36869334,34.9149607 6.24151981,35.9593753 C6.11477162,37.0033658 7.49709257,38.0299634 9.32941217,38.2514031 C11.1621571,38.4732669 12.7503375,37.8064027 12.8775111,36.761988 C12.8821897,36.7229604 12.8809137,36.6843569 12.881339,36.6457534 C12.9030308,36.6118163 12.9272746,36.5795761 12.9481158,36.5452147 C13.0399869,34.5187449 13.0935785,32.4532474 13.0935785,30.3466011 C13.0935785,28.3137681 13.1799204,26.316569 13.0935785,24.3583976 L23.8960977,22.8223191 C23.8140091,24.7291606 23.7684989,26.6720603 23.7684989,28.6497455 C23.7684989,30.4322924 23.8161358,32.1762357 23.8841885,33.9010895 C23.3418934,33.3445208 22.3925579,32.9080047 21.2735159,32.7726805 C19.440771,32.5512408 17.8525905,33.2181051 17.7258423,34.2625197 C17.5986688,35.3069344 18.9809897,36.3331078 20.8133093,36.5545474 C22.6460543,36.7764113 24.2342347,36.1095471 24.3614082,35.0651324 C24.3660869,35.0261047 24.3648109,34.9875013 24.3652362,34.9488978 C24.3865027,34.9149607 24.4107465,34.8827204 24.4320129,34.8483591 C24.5238841,32.8218893 24.5774756,30.7563918 24.5774756,28.6497455 C24.5774756,26.645759 24.5323907,24.6761339 24.4481755,22.7446879 L24.461786,20.6214973 Z" id="Fill-1" fill="#D7D7DB" fill-rule="nonzero"></path>
</g>
<g id="Group" opacity="0.400000006" transform="translate(685.228666, 51.402008) rotate(18.000000) translate(-685.228666, -51.402008) translate(651.228666, 8.402008)">
<path d="M57.5838635,85.3997976 L9.59731058,85.3997976 C4.31878976,85.3997976 0,81.1298077 0,75.9109312 L0,9.4888664 C0,4.26998988 4.31878976,0 9.59731058,0 L38.3892423,0 L67.1811741,28.4665992 L67.1811741,75.9109312 C67.1811741,81.1298077 62.8623843,85.3997976 57.5838635,85.3997976 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="5.17263158" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M47.3195205,39.6567256 L46.7600378,39.7350421 C46.6596601,39.5849356 46.5642189,39.4323817 46.4605501,39.2839069 C46.4506768,39.4486977 46.4440947,39.6159358 46.4342215,39.7807266 L24.4473765,42.8513827 C24.3790867,42.750224 24.3157335,42.6466179 24.2457982,42.5470908 C24.239216,42.658039 24.2351022,42.7714347 24.22852,42.8815671 L23.9528925,42.9199095 L23.9528925,46.9988894 C23.8541603,50.7091295 23.7636558,54.4993176 23.7636558,58.3588483 C23.7636558,61.786823 23.8558058,65.1405603 23.9874488,68.4575867 C22.9384189,67.3872624 21.1019994,66.5478083 18.9372952,66.2875694 C15.3919854,65.8617239 12.3197675,67.1441552 12.0737596,69.1526449 C11.8285746,71.1603188 14.5025725,73.134545 18.0470596,73.5603905 C21.5923695,73.9870518 24.6645874,72.7046206 24.9105952,70.6961309 C24.9196456,70.6210776 24.9171773,70.5468402 24.9180001,70.4726028 C24.9599613,70.4073391 25.0068591,70.3453386 25.0471748,70.2792591 C25.2248928,66.3822018 25.3285616,62.4100912 25.3285616,58.3588483 C25.3285616,54.449554 25.4955836,50.6087866 25.3285616,46.8430724 L46.2252382,43.8890752 C46.0664439,47.5560781 45.9784077,51.2924236 45.9784077,55.0956645 C45.9784077,58.5236391 46.0705577,61.8773764 46.2022007,65.1944028 C45.1531708,64.1240785 43.3167513,63.2846244 41.1520471,63.0243855 C37.6067373,62.59854 34.5345194,63.8809713 34.2893343,65.889461 C34.0433265,67.8979507 36.7173244,69.8713611 40.2618115,70.2972066 C43.8071214,70.7238679 46.8793393,69.4414367 47.1253471,67.432947 C47.1343975,67.3578937 47.1319292,67.2836563 47.132752,67.2094189 C47.1738904,67.1441552 47.2207882,67.0821547 47.2619267,67.0160752 C47.4396447,63.1190179 47.5433135,59.1469073 47.5433135,55.0956645 C47.5433135,51.2418443 47.4561001,47.4541036 47.2931919,43.7397845 L47.3195205,39.6567256 Z" id="Fill-1" fill="#D7D7DB" fill-rule="nonzero"></path>
</g>
<g id="Group" opacity="0.400000006" transform="translate(825.764570, 98.410400) rotate(45.000000) translate(-825.764570, -98.410400) translate(783.264570, 44.410400)">
<path d="M72.2238288,107.034413 L12.0373048,107.034413 C5.41678716,107.034413 0,101.682692 0,95.1417004 L0,11.8927126 C0,5.35172065 5.41678716,0 12.0373048,0 L48.1492192,0 L84.2611336,35.6781377 L84.2611336,95.1417004 C84.2611336,101.682692 78.8443464,107.034413 72.2238288,107.034413 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="6.40498482" stroke-linecap="round" stroke-linejoin="round"></path>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="4.26998988" stroke-linecap="round" stroke-linejoin="round" points="47.7201973 10.8772579 47.7201973 37.6450093 74.8133926 37.6450093"></polyline>
<g id="{-}" transform="translate(22.000000, 44.000000)" font-size="38.4299089" font-family="Helvetica" fill="#D7D7DB" font-weight="normal">
<text>
<tspan x="0.2738627" y="38.9544534">{ }</tspan>
</text>
</g>
</g>
<ellipse id="Oval" fill="#D7D7DB" cx="45.5465587" cy="47.9605263" rx="7.00716288" ry="7.10526316"></ellipse>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="3.54078947" stroke-linecap="round" stroke-linejoin="round" points="38.6920519 9.02580972 38.6920519 31.2373482 60.6595075 31.2373482"></polyline>
</g>
<g opacity="0.615391791" transform="translate(331.937042, 63.890521) rotate(-14.000000) translate(-331.937042, -63.890521) translate(314.572417, 41.686574)">
<path d="M29.7679294,44.4078947 L4.96132157,44.4078947 C2.23259471,44.4078947 0,42.1875 0,39.4736842 L0,4.93421053 C0,2.22039474 2.23259471,0 4.96132157,0 L19.8452863,0 L34.729251,14.8026316 L34.729251,39.4736842 C34.729251,42.1875 32.4966563,44.4078947 29.7679294,44.4078947 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="2.66447368" opacity="0.400000006" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M24.461786,20.6214973 L24.1725619,20.6622219 C24.1206717,20.5841665 24.0713335,20.5048385 24.017742,20.4276316 C24.012638,20.5133228 24.0092354,20.6002866 24.0041314,20.6859778 L12.6380505,22.282719 C12.6027482,22.2301165 12.5699978,22.1762413 12.5338448,22.1244872 C12.5304422,22.1821803 12.5283155,22.241146 12.5249129,22.2984149 L12.3824275,22.318353 L12.3824275,24.4394225 C12.331388,26.3687473 12.2846017,28.3396451 12.2846017,30.3466011 C12.2846017,32.129148 12.3322386,33.8730913 12.4002913,35.5979451 C11.8579962,35.0413764 10.9086607,34.6048603 9.78961871,34.4695361 C7.95687379,34.2480964 6.36869334,34.9149607 6.24151981,35.9593753 C6.11477162,37.0033658 7.49709257,38.0299634 9.32941217,38.2514031 C11.1621571,38.4732669 12.7503375,37.8064027 12.8775111,36.761988 C12.8821897,36.7229604 12.8809137,36.6843569 12.881339,36.6457534 C12.9030308,36.6118163 12.9272746,36.5795761 12.9481158,36.5452147 C13.0399869,34.5187449 13.0935785,32.4532474 13.0935785,30.3466011 C13.0935785,28.3137681 13.1799204,26.316569 13.0935785,24.3583976 L23.8960977,22.8223191 C23.8140091,24.7291606 23.7684989,26.6720603 23.7684989,28.6497455 C23.7684989,30.4322924 23.8161358,32.1762357 23.8841885,33.9010895 C23.3418934,33.3445208 22.3925579,32.9080047 21.2735159,32.7726805 C19.440771,32.5512408 17.8525905,33.2181051 17.7258423,34.2625197 C17.5986688,35.3069344 18.9809897,36.3331078 20.8133093,36.5545474 C22.6460543,36.7764113 24.2342347,36.1095471 24.3614082,35.0651324 C24.3660869,35.0261047 24.3648109,34.9875013 24.3652362,34.9488978 C24.3865027,34.9149607 24.4107465,34.8827204 24.4320129,34.8483591 C24.5238841,32.8218893 24.5774756,30.7563918 24.5774756,28.6497455 C24.5774756,26.645759 24.5323907,24.6761339 24.4481755,22.7446879 L24.461786,20.6214973 Z" id="Fill-1" fill="#D7D7DB"></path>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="1.77631579" stroke-linecap="round" stroke-linejoin="round" points="19.6684597 4.51290486 19.6684597 15.6186741 30.8352496 15.6186741"></polyline>
</g>
<g opacity="0.400000006" transform="translate(683.932027, 50.990079) rotate(18.000000) translate(-683.932027, -50.990079) translate(650.341440, 8.290180)">
<path d="M57.5838635,85.3997976 L9.59731058,85.3997976 C4.31878976,85.3997976 0,81.1298077 0,75.9109312 L0,9.4888664 C0,4.26998988 4.31878976,0 9.59731058,0 L38.3892423,0 L67.1811741,28.4665992 L67.1811741,75.9109312 C67.1811741,81.1298077 62.8623843,85.3997976 57.5838635,85.3997976 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="5.17263158" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M47.3195205,39.6567256 L46.7600378,39.7350421 C46.6596601,39.5849356 46.5642189,39.4323817 46.4605501,39.2839069 C46.4506768,39.4486977 46.4440947,39.6159358 46.4342215,39.7807266 L24.4473765,42.8513827 C24.3790867,42.750224 24.3157335,42.6466179 24.2457982,42.5470908 C24.239216,42.658039 24.2351022,42.7714347 24.22852,42.8815671 L23.9528925,42.9199095 L23.9528925,46.9988894 C23.8541603,50.7091295 23.7636558,54.4993176 23.7636558,58.3588483 C23.7636558,61.786823 23.8558058,65.1405603 23.9874488,68.4575867 C22.9384189,67.3872624 21.1019994,66.5478083 18.9372952,66.2875694 C15.3919854,65.8617239 12.3197675,67.1441552 12.0737596,69.1526449 C11.8285746,71.1603188 14.5025725,73.134545 18.0470596,73.5603905 C21.5923695,73.9870518 24.6645874,72.7046206 24.9105952,70.6961309 C24.9196456,70.6210776 24.9171773,70.5468402 24.9180001,70.4726028 C24.9599613,70.4073391 25.0068591,70.3453386 25.0471748,70.2792591 C25.2248928,66.3822018 25.3285616,62.4100912 25.3285616,58.3588483 C25.3285616,54.449554 25.4955836,50.6087866 25.3285616,46.8430724 L46.2252382,43.8890752 C46.0664439,47.5560781 45.9784077,51.2924236 45.9784077,55.0956645 C45.9784077,58.5236391 46.0705577,61.8773764 46.2022007,65.1944028 C45.1531708,64.1240785 43.3167513,63.2846244 41.1520471,63.0243855 C37.6067373,62.59854 34.5345194,63.8809713 34.2893343,65.889461 C34.0433265,67.8979507 36.7173244,69.8713611 40.2618115,70.2972066 C43.8071214,70.7238679 46.8793393,69.4414367 47.1253471,67.432947 C47.1343975,67.3578937 47.1319292,67.2836563 47.132752,67.2094189 C47.1738904,67.1441552 47.2207882,67.0821547 47.2619267,67.0160752 C47.4396447,63.1190179 47.5433135,59.1469073 47.5433135,55.0956645 C47.5433135,51.2418443 47.4561001,47.4541036 47.2931919,43.7397845 L47.3195205,39.6567256 Z" id="Fill-1" fill="#D7D7DB"></path>
</g>
<g opacity="0.400000006" transform="translate(824.764570, 98.410400) rotate(45.000000) translate(-824.764570, -98.410400) translate(782.264570, 44.410400)">
<path d="M72.2238288,107.034413 L12.0373048,107.034413 C5.41678716,107.034413 0,101.682692 0,95.1417004 L0,11.8927126 C0,5.35172065 5.41678716,0 12.0373048,0 L48.1492192,0 L84.2611336,35.6781377 L84.2611336,95.1417004 C84.2611336,101.682692 78.8443464,107.034413 72.2238288,107.034413 Z" id="Stroke-1" stroke="#D7D7DB" stroke-width="6.40498482" stroke-linecap="round" stroke-linejoin="round"></path>
<polyline id="Stroke-3" stroke="#D7D7DB" stroke-width="4.26998988" stroke-linecap="round" stroke-linejoin="round" points="47.7201973 10.8772579 47.7201973 37.6450093 74.8133926 37.6450093"></polyline>
<text id="{-}" fill="#D7D7DB" font-family="SFUIText-Medium, SF UI Text" font-size="38.4299089" font-weight="400" letter-spacing="-1.03580601">
<tspan x="22.2738627" y="82.9544534">{ }</tspan>
</text>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

4
views/download.handlebars
View File

@ -12,6 +12,10 @@
{{/if}}
</head>
<body>
<div class="send-logo">
<img src="/resources/send_logo.svg"/>
<img src="/resources/send_logo_type.svg"/>
</div>
<div class="all">
<div id="download">
{{#if filename}}

2
views/index.handlebars
View File

@ -14,7 +14,7 @@
{{/if}}
</head>
<body>
<div>
<div class="send-logo">
<img src="/resources/send_logo.svg"/>
<img src="/resources/send_logo_type.svg"/>
</div>