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

Merge pull request #191 from mozilla/ui

Browse Source 
New ui!
This commit is contained in:
Danny Coates 2017-07-17 15:35:41 -07:00 committed by GitHub
commit 5ce0846580
29 changed files with 3388 additions and 699 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.yml
View File

@ -26,4 +26,4 @@ rules:
no-var: error no-var: error
one-var: [error, never] one-var: [error, never]
prefer-const: error prefer-const: error
quotes: [error, single] quotes: [error, single, {avoidEscape: true}]

17
README.md
View File

@ -46,3 +46,20 @@ Pull requests are always welcome! Feel free to check out the list of ["good firs
## License ## License
[Mozilla Public License Version 2.0](LICENSE) [Mozilla Public License Version 2.0](LICENSE)
**Entypo**
Copyright (C) 2012 by Daniel Bruce
Author: Daniel Bruce
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://www.entypo.com
**Font Awesome**
Copyright (C) 2016 by Dave Gandy
Author: Dave Gandy
License: SIL ()
Homepage: http://fortawesome.github.com/Font-Awesome/

49
frontend/src/download.js
View File

@ -1,37 +1,58 @@
const FileReceiver = require('./fileReceiver'); const FileReceiver = require('./fileReceiver');
const { notify } = require('./utils'); const { notify } = require('./utils');
const $ = require('jquery'); const $ = require('jquery');
require('jquery-circle-progress');
const Raven = window.Raven; const Raven = window.Raven;
$(document).ready(function() { $(document).ready(function() {
$('#download-progress').hide(); $('#download-progress').hide();
$('#send-file').click(() => { $('.send-new').click(() => {
window.location.replace(`${window.location.origin}`); window.location.replace(`${window.location.origin}`);
}); });
const filename = $('#dl-filename').html();
//initiate progress bar
$('#dl-progress').circleProgress({
value: 0.0,
startAngle: -Math.PI / 2,
fill: '#00C8D7',
size: 158
});
$('#download-btn').click(download); $('#download-btn').click(download);
function download() { function download() {
const fileReceiver = new FileReceiver(); const fileReceiver = new FileReceiver();
const name = document.createElement('p'); const name = document.createElement('p');
const $btn = $('#download-btn');
fileReceiver.on('progress', percentComplete => { fileReceiver.on('progress', progress => {
$('#download-page-one').hide(); $('#download-page-one').hide();
$('.send-new').hide();
$('#download-progress').show(); $('#download-progress').show();
const percent = progress[0] / progress[1];
// update progress bar // update progress bar
document $('#dl-progress').circleProgress('value', percent);
.querySelector('#progress-bar') $('.percent-number').html(`${Math.floor(percent * 100)}`);
.style.setProperty('--progress', percentComplete + '%'); if (progress[1] < 1000000) {
$('#progress-text').html(`${percentComplete}%`); $('.progress-text').html(
`${filename} (${(progress[0] / 1000).toFixed(1)}KB of ${(progress[1] /
1000).toFixed(1)}KB)`
);
} else if (progress[1] < 1000000000) {
$('.progress-text').html(
`${filename} (${(progress[0] / 1000000).toFixed(
1
)}MB of ${(progress[1] / 1000000).toFixed(1)}MB)`
);
} else {
$('.progress-text').html(
`${filename} (${(progress[0] / 1000000).toFixed(
1
)}MB of ${(progress[1] / 1000000000).toFixed(1)}GB)`
);
}
//on complete //on complete
if (percentComplete === 100) { if (percent === 1) {
fileReceiver.removeAllListeners('progress'); fileReceiver.removeAllListeners('progress');
$('#download-text').html('Download complete!');
$('.send-new').show();
$btn.text('Download complete!');
$btn.attr('disabled', 'true');
notify('Your download has finished.'); notify('Your download has finished.');
$('.title').html('Download Complete');
} }
}); });

5
frontend/src/fileReceiver.js
View File

@ -13,10 +13,7 @@ class FileReceiver extends EventEmitter {
xhr.onprogress = event => { xhr.onprogress = event => {
if (event.lengthComputable && event.target.status !== 404) { if (event.lengthComputable && event.target.status !== 404) {
const percentComplete = Math.floor( this.emit('progress', [event.loaded, event.total]);
event.loaded / event.total * 100
);
this.emit('progress', percentComplete);
} }
}; };

3
frontend/src/fileSender.js
View File

@ -107,8 +107,7 @@ class FileSender extends EventEmitter {
xhr.upload.addEventListener('progress', e => { xhr.upload.addEventListener('progress', e => {
if (e.lengthComputable) { if (e.lengthComputable) {
const percentComplete = Math.floor(e.loaded / e.total * 100); self.emit('progress', [e.loaded, e.total]);
self.emit('progress', percentComplete);
} }
}); });

158
frontend/src/upload.js
View File

@ -1,28 +1,30 @@
const FileSender = require('./fileSender'); const FileSender = require('./fileSender');
const { notify, gcmCompliant } = require('./utils'); const { notify, gcmCompliant } = require('./utils');
const $ = require('jquery'); const $ = require('jquery');
require('jquery-circle-progress');
const Raven = window.Raven; const Raven = window.Raven;
$(document).ready(function() { $(document).ready(function() {
gcmCompliant().catch(err => { gcmCompliant().catch(err => {
$('#page-one').hide(); $('#page-one').hide();
$('#compliance-error').show(); $('#unsupported-browser').show();
}); });
$('#file-upload').change(onUpload); $('#file-upload').change(onUpload);
$('#page-one').on('dragover', allowDrop).on('drop', onUpload); $('body').on('dragover', allowDrop).on('drop', onUpload);
// reset copy button // reset copy button
const $copyBtn = $('#copy-btn'); const $copyBtn = $('#copy-btn');
$copyBtn.attr('disabled', false); $copyBtn.attr('disabled', false);
$copyBtn.html('Copy'); $('#link').attr('disabled', false);
$copyBtn.html('Copy to Clipboard');
$('#page-one').show();
$('#file-list').show();
$('#upload-progress').hide(); $('#upload-progress').hide();
$('#share-link').hide(); $('#share-link').hide();
$('#upload-error').hide(); $('#upload-error').hide();
$('#unsupported-browser').hide();
$('#compliance-error').hide(); $('#compliance-error').hide();
$('#page-one').show();
if (localStorage.length === 0) { if (localStorage.length === 0) {
toggleHeader(); toggleHeader();
@ -44,24 +46,41 @@ $(document).ready(function() {
document.body.removeChild(aux); document.body.removeChild(aux);
//disable button for 3s //disable button for 3s
$copyBtn.attr('disabled', true); $copyBtn.attr('disabled', true);
$copyBtn.html('Copied!'); $('#link').attr('disabled', true);
$copyBtn.html('<span class="icon-check"></span>');
window.setTimeout(() => { window.setTimeout(() => {
$copyBtn.attr('disabled', false); $copyBtn.attr('disabled', false);
$copyBtn.html('Copy'); $('#link').attr('disabled', false);
$copyBtn.html('Copy to Clipboard');
}, 3000); }, 3000);
}); });
$('.upload-window').on('dragover', () => {
$('.upload-window').addClass('ondrag');
});
$('.upload-window').on('dragleave', () => {
$('.upload-window').removeClass('ondrag');
});
//initiate progress bar
$('#ul-progress').circleProgress({
value: 0.0,
startAngle: -Math.PI / 2,
fill: '#3B9DFF',
size: 158
});
// link back to home page // link back to home page
$('.send-new').click(() => { $('.send-new').click(() => {
$('#page-one').show();
$('#file-list').show();
$('#upload-progress').hide(); $('#upload-progress').hide();
$('#share-link').hide(); $('#share-link').hide();
$('#upload-error').hide(); $('#upload-error').hide();
$copyBtn.attr('disabled', false); $copyBtn.attr('disabled', false);
$copyBtn.html('Copy'); $('#link').attr('disabled', false);
$copyBtn.html('Copy to Clipboard');
$('.upload-window').removeClass('ondrag');
$('#page-one').show();
}); });
//cancel the upload
$('#cancel-upload').click(() => {});
// on file upload by browse or drag & drop // on file upload by browse or drag & drop
function onUpload(event) { function onUpload(event) {
event.preventDefault(); event.preventDefault();
@ -74,17 +93,35 @@ $(document).ready(function() {
const expiration = 24 * 60 * 60 * 1000; //will eventually come from a field const expiration = 24 * 60 * 60 * 1000; //will eventually come from a field
const fileSender = new FileSender(file); const fileSender = new FileSender(file);
fileSender.on('progress', percentComplete => { fileSender.on('progress', progress => {
$('#page-one').hide(); $('#page-one').hide();
$('#file-list').hide();
$('#upload-progress').show();
$('#upload-error').hide(); $('#upload-error').hide();
$('#upload-filename').innerHTML += file.name; $('#upload-progress').show();
const percent = progress[0] / progress[1];
// update progress bar // update progress bar
document $('#ul-progress').circleProgress('value', percent);
.querySelector('#progress-bar') $('#ul-progress').circleProgress().on('circle-animation-end', function() {
.style.setProperty('--progress', percentComplete + '%'); $('.percent-number').html(`${Math.floor(percent * 100)}`);
$('#progress-text').html(`${percentComplete}%`); });
if (progress[1] < 1000000) {
$('.progress-text').html(
`${file.name} (${(progress[0] / 1000).toFixed(
1
)}KB of ${(progress[1] / 1000).toFixed(1)}KB)`
);
} else if (progress[1] < 1000000000) {
$('.progress-text').html(
`${file.name} (${(progress[0] / 1000000).toFixed(
1
)}MB of ${(progress[1] / 1000000).toFixed(1)}MB)`
);
} else {
$('.progress-text').html(
`${file.name} (${(progress[0] / 1000000).toFixed(
1
)}MB of ${(progress[1] / 1000000000).toFixed(1)}GB)`
);
}
}); });
fileSender.on('loading', isStillLoading => { fileSender.on('loading', isStillLoading => {
@ -113,12 +150,10 @@ $(document).ready(function() {
console.log('Finished encrypting'); console.log('Finished encrypting');
} }
}); });
let t = '';
fileSender fileSender
.upload() .upload()
.then(info => { .then(info => {
const url = info.url.trim() + `#${info.secretKey}`.trim();
$('#link').attr('value', url);
const fileData = { const fileData = {
name: file.name, name: file.name,
fileId: info.fileId, fileId: info.fileId,
@ -129,12 +164,13 @@ $(document).ready(function() {
expiry: expiration expiry: expiration
}; };
localStorage.setItem(info.fileId, JSON.stringify(fileData)); localStorage.setItem(info.fileId, JSON.stringify(fileData));
$('#upload-filename').html('Ready to Send');
$('#page-one').hide(); t = window.setTimeout(() => {
$('#file-list').hide(); $('#page-one').hide();
$('#upload-progress').hide(); $('#upload-progress').hide();
$('#share-link').show(); $('#upload-error').hide();
$('#upload-error').hide(); $('#share-link').show();
}, 2000);
populateFileList(JSON.stringify(fileData)); populateFileList(JSON.stringify(fileData));
notify('Your upload has finished.'); notify('Your upload has finished.');
@ -143,7 +179,9 @@ $(document).ready(function() {
Raven.captureException(err); Raven.captureException(err);
console.log(err); console.log(err);
$('#page-one').hide(); $('#page-one').hide();
$('#upload-progress').hide();
$('#upload-error').show(); $('#upload-error').show();
window.clearTimeout(t);
}); });
} }
@ -181,19 +219,37 @@ $(document).ready(function() {
const link = document.createElement('td'); const link = document.createElement('td');
const expiry = document.createElement('td'); const expiry = document.createElement('td');
const del = document.createElement('td'); const del = document.createElement('td');
del.setAttribute('align', 'center');
const btn = document.createElement('button');
const popupDiv = document.createElement('div'); const popupDiv = document.createElement('div');
const $popupText = $('<span>', { class: 'popuptext' }); const $popupText = $('<div>', { class: 'popuptext' });
const cellText = document.createTextNode(file.name); const cellText = document.createTextNode(file.name);
const url = file.url.trim() + `#${file.secretKey}`.trim();
$('#link').attr('value', url);
$('#copy-text').html(
'Copy and share the link to send your file: ' + file.name
);
$popupText.attr('tabindex', '-1');
name.appendChild(cellText); name.appendChild(cellText);
// create delete button // create delete button
btn.innerHTML = 'x'; del.innerHTML = '<span class="icon-cancel-1" title="Delete"></span>';
btn.classList.add('delete-btn');
link.innerHTML = file.url.trim() + `#${file.secretKey}`.trim(); link.innerHTML = '<span class="icon-docs" title="Copy URL"></span>';
link.style.color = '#0A8DFF';
//copy link to clipboard when icon clicked
$(link).click(function() {
const aux = document.createElement('input');
aux.setAttribute('value', url);
document.body.appendChild(aux);
aux.select();
document.execCommand('copy');
document.body.removeChild(aux);
link.innerHTML = 'Copied!';
window.setTimeout(() => {
link.innerHTML = '<span class="icon-docs" title="Copy URL"></span>';
}, 500);
});
file.creationDate = new Date(file.creationDate); file.creationDate = new Date(file.creationDate);
@ -215,18 +271,13 @@ $(document).ready(function() {
seconds = Math.floor(countdown / 1000 % 60); seconds = Math.floor(countdown / 1000 % 60);
let t; let t;
if (hours > 1) { if (hours >= 1) {
expiry.innerHTML = hours + 'h'; expiry.innerHTML = hours + 'h ' + minutes % 60 + 'm';
t = window.setTimeout(() => {
poll();
}, 3600000);
} else if (hours === 1) {
expiry.innerHTML = hours + 'h';
t = window.setTimeout(() => { t = window.setTimeout(() => {
poll(); poll();
}, 60000); }, 60000);
} else if (hours === 0) { } else if (hours === 0) {
expiry.innerHTML = minutes + 'm' + seconds + 's'; expiry.innerHTML = minutes + 'm ' + seconds + 's';
t = window.setTimeout(() => { t = window.setTimeout(() => {
poll(); poll();
}, 1000); }, 1000);
@ -236,6 +287,7 @@ $(document).ready(function() {
localStorage.removeItem(file.fileId); localStorage.removeItem(file.fileId);
$(expiry).parents('tr').remove(); $(expiry).parents('tr').remove();
window.clearTimeout(t); window.clearTimeout(t);
toggleHeader();
} }
} }
@ -253,32 +305,40 @@ $(document).ready(function() {
toggleHeader(); toggleHeader();
}); });
}); });
document.getElementById('delete-file').onclick = () => {
FileSender.delete(file.fileId, file.deleteToken).then(() => {
localStorage.removeItem(file.fileId);
location.reload();
});
};
// add data cells to table row // add data cells to table row
row.appendChild(name); row.appendChild(name);
row.appendChild(link); row.appendChild(link);
row.appendChild(expiry); row.appendChild(expiry);
popupDiv.appendChild(btn);
$(popupDiv).append($popupText); $(popupDiv).append($popupText);
del.appendChild(popupDiv); del.appendChild(popupDiv);
row.appendChild(del); row.appendChild(del);
// show popup // show popup
del.addEventListener('click', toggleShow); del.addEventListener('click', function() {
$popupText.addClass('show');
$popupText.focus();
});
// hide popup // hide popup
$popupText.find('.nvm').click(function(e) { $popupText.find('.nvm').click(function(e) {
e.stopPropagation(); e.stopPropagation();
toggleShow(); $popupText.removeClass('show');
}); });
$popupText.click(function(e) { $popupText.click(function(e) {
e.stopPropagation(); e.stopPropagation();
}); });
//close when popup loses focus
$popupText.blur(() => {
$popupText.removeClass('show');
});
$('tbody').append(row); //add row to table $('tbody').append(row); //add row to table
function toggleShow() {
$popupText.toggleClass('show');
}
toggleHeader(); toggleHeader();
} }
function toggleHeader() { function toggleHeader() {

2678
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -14,6 +14,7 @@
"express-handlebars": "^3.0.0", "express-handlebars": "^3.0.0",
"helmet": "^3.6.1", "helmet": "^3.6.1",
"jquery": "^3.2.1", "jquery": "^3.2.1",
"jquery-circle-progress": "^1.2.2",
"mozlog": "^2.1.1", "mozlog": "^2.1.1",
"raven": "^2.1.0", "raven": "^2.1.0",
"raven-js": "^3.16.0", "raven-js": "^3.16.0",

390
public/main.css
View File

@ -1,44 +1,65 @@
/*** index.html ***/ /*** index.html ***/
html { html {
background: url('resources/background.png'); background: url('resources/send_bg.svg');
font-family: 'Fira Sans'; font-family: 'SF Pro Text', sans-serif;
font-weight: 300; font-weight: 200;
font-style: normal; background-size: 112%;
background-size: contain; background-repeat: no-repeat;
background-position: center top;
margin-top: -25px;
height: 100%; height: 100%;
display: flex; }
justify-content: center;
align-items: center; body {
align-content: center; height: 100%;
flex-direction: column; }
.footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
font-size: 15px;
color: #858585;
}
#all {
padding-top: 12%;
overflow-y: scroll;
} }
input, select, textarea, button { input, select, textarea, button {
font-family: inherit; font-family: inherit;
} }
/** page-one **/ span {
.main-window { cursor: pointer;
border: 1px solid;
width: 606px;
min-height: 447px;
background-color: white;
border-radius: 5px;
} }
/** page-one **/
.title { .title {
font-size: 14px; font-size: 33px;
width: 80%; margin: 20px auto;
margin: 40px auto;
text-align: center; text-align: center;
font-family: 'SF Pro Display', sans-serif;
}
.description {
font-size: 15px;
line-height: 23px;
width: 630px;
text-align: center;
margin: 0 auto 60px;
color: #0C0C0D;
} }
.upload-window { .upload-window {
border: 1px dashed; border: 1px dashed rgba(0, 148, 251, 0.5);
margin: 0 auto; margin: 0 auto;
width: 470px; width: 640px;
height: 250px; height: 255px;
border-radius: 5px; border-radius: 4px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -46,31 +67,41 @@ input, select, textarea, button {
text-align: center; text-align: center;
} }
.upload-window.ondrag {
border: 3px dashed rgba(0, 148, 251, 0.5);
margin: 0 auto;
width: 672px;
height: 267px;
border-radius: 4.2px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.link {
color: #0094FB;
text-decoration: none;
}
#upload-text {
font-size: 22px;
color: #737373;
margin: 20px 0 30px;
font-family: 'SF Pro Display', sans-serif;
}
#browse { #browse {
float: right; background: #0297F8;
color: #2D7EFF; border-radius: 5px;
} font-size: 15px;
color: #FFF;
#browse-text { width: 240px;
float: left; height: 44px;
width: 128px; display: flex;
} justify-content: center;
align-items: center;
#upload-img {
padding-right: 20px;
}
.upload-window > div:nth-child(2) {
font-size: 26px;
}
.upload {
font-size: 12px;
width: auto;
overflow: hidden;
}
.file-upload {
cursor: pointer; cursor: pointer;
} }
@ -78,26 +109,29 @@ input[type="file"] {
display: none; display: none;
} }
form {
width: 45px;
float: right;
}
/** file-list **/ /** file-list **/
th { th {
font-size: 10px; font-size: 16px;
color: #737373; color: #858585;
font-weight: normal; font-weight: lighter;
text-align: left; text-align: left;
background: rgba(0, 148, 251, 0.05);
height: 40px;
border-top: 1px solid rgba(0, 148, 251, 0.1);
padding: 0 19px;
} }
td { td {
font-size: 12px; font-size: 15px;
vertical-align: top; vertical-align: top;
color: #4A4A4A;
padding: 17px 19px 0;
line-height: 23px;
} }
table { table {
table-layout: fixed; border-collapse: collapse;
font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
} }
tbody { tbody {
@ -105,18 +139,11 @@ tbody {
} }
#uploaded-files { #uploaded-files {
width: 472px; width: 640px;
margin: 10px auto; margin: 45.3px auto;
table-layout: fixed; table-layout: fixed;
} }
.delete-btn {
padding: 0;
border: none;
background: none;
cursor: pointer;
}
/* Popup container */ /* Popup container */
.popup { .popup {
position: relative; position: relative;
@ -135,11 +162,12 @@ tbody {
padding: 8px 0; padding: 8px 0;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
bottom: 125%; bottom: 20px;
left: 50%; left: 50%;
margin-left: -80px; margin-left: -96px;
transition: opacity 0.5s; transition: opacity 0.5s;
opacity: 0; opacity: 0;
outline: 0;
} }
/* Popup arrow */ /* Popup arrow */
@ -160,31 +188,56 @@ tbody {
} }
/** upload-progress **/ /** upload-progress **/
#progress-bar { .progress-bar {
width: 300px; margin-top: 3px;
height: 5px;
background: linear-gradient(
90deg,
#FD9800,
#D73000 var(--progress),
white var(--progress)
);
border: 0.5px solid;
border-radius: 5px;
}
/** share-link **/
.share-window {
margin: 0 auto;
width: 470px;
height: 250px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center;
} }
#share-window-r { .percentage {
width: 50%; position: absolute;
letter-spacing: -0.78px;
font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
}
.percent-number {
font-size: 43.2px;
line-height: 58px;
}
.percent-sign {
font-size: 28.8px;
color: rgb(104, 104, 104);
}
.upload {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
font-size: 15px;
}
.progress-text {
color: rgba(0, 0, 0, 0.5);
letter-spacing: -0.4px;
margin-top: 24px;
margin-bottom: 74px;
}
#cancel-upload {
color: #D70022;
cursor: pointer;
text-decoration: underline;
}
/** share-link **/
#share-window {
width: 645px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -202,46 +255,149 @@ tbody {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
#copy-text {
align-self: flex-start;
margin-top: 60px;
margin-bottom: 10px;
color: #0C0C0D;
}
#link { #link {
width: 216px; width: 480px;
height: 41px; height: 56px;
border: 1px solid #979797; border: 1px solid #0297F8;
border-radius: 6px 0 0 6px;
font-size: 24px;
color: #737373;
font-family: 'SF Pro Display', sans-serif;
letter-spacing: 0;
line-height: 23px;
}
#link:disabled {
border: 1px solid #05A700;
background: #FFF;
} }
#copy-btn { #copy-btn {
width: 60px; width: 165px;
height: 45px; height: 60px;
background: #337FEB; background: #0297F8;
border: 1px solid #979797; border: 1px solid #0297F8;
border-radius: 0 6px 6px 0;
color: white; color: white;
cursor: pointer; cursor: pointer;
font-size: 15px;
} }
#copy-btn:disabled { #copy-btn:disabled {
background: #47B04B; background: #05A700;
border: 1px solid #05A700;
cursor: auto; cursor: auto;
} }
#delete-file {
width: 176px;
height: 44px;
background: #FFF;
border: 1px solid rgba(12, 12, 13, 0.3);
border-radius: 5px;
font-size: 15px;
margin-top: 50px;
margin-bottom: 12px;
cursor: pointer;
color: #313131;
}
.send-new { .send-new {
font-size: 14px; font-size: 15px;
margin: auto; margin: auto;
width: 80%; width: 80%;
text-align: center; text-align: center;
color: #2D7EFF; color: #0094FB;
cursor: pointer; cursor: pointer;
text-decoration: underline;
}
/* upload-error */
#upload-error {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
#upload-error-img {
margin-bottom: 90px;
margin-top: 5px;
}
/* unsupported-browser */
#unsupported-browser {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.unsupported-description {
font-size: 13px;
line-height: 23px;
width: 630px;
text-align: center;
color: #7D7D7D;
margin: 0 auto 23px;
}
#firefox-logo {
width: 70px;
}
#dl-firefox {
margin-bottom: 181px;
width: 260px;
height: 80px;
background: #12BC00;
border-radius: 3px;
cursor: pointer;
border: 0;
box-shadow: 0 5px 3px rgb(234, 234, 234);
font-family: 'Fira Sans';
font-weight: 500;
color: #FFF;
font-size: 26px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
text-decoration: none;
}
#dl-firefox-text {
text-align: left;
margin-left: 20.4px;
}
#dl-firefox-text > span {
font-family: 'Fira Sans';
font-weight: 300;
font-size: 18px;
letter-spacing: -0.69px;
} }
/** download.html **/ /** download.html **/
#download-btn { #download-btn {
font-size: 18px; font-size: 15px;
color: white; color: white;
width: 214px; width: 180px;
height: 87px; height: 44px;
margin: 50px auto; margin-top: 20px;
margin-bottom: 30px;
text-align: center; text-align: center;
background: #337FEB; background: #0297F8;
border: 1px solid #3EA050; border: 1px solid #0297F8;
border-radius: 6px; border-radius: 5px;
font-weight: 300; font-weight: 300;
cursor: pointer; cursor: pointer;
} }
@ -251,10 +407,8 @@ tbody {
cursor: auto; cursor: auto;
} }
#download-page-one { #download {
margin: 0 auto; margin: 0 auto;
width: 470px;
height: 250px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -263,13 +417,20 @@ tbody {
} }
#expired-img { #expired-img {
display: none; margin: 51px 0 71px;
}
.expired-description {
font-size: 15px;
line-height: 23px;
width: 630px;
text-align: center;
color: #7D7D7D;
margin: 0 auto 23px;
} }
#download-progress { #download-progress {
margin: 0 auto; margin: 0 auto;
width: 470px;
height: 250px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -277,6 +438,7 @@ tbody {
text-align: center; text-align: center;
} }
#download-text { #download-img {
margin-bottom: 40px; width: 283px;
height: 196px;
} }

BIN
public/resources/background.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 MiB

1
public/resources/firefox_logo-only.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 240 KiB

28
public/resources/fontello-24c5e6ad/config.json Executable file
View File

@ -0,0 +1,28 @@
{
"name": "",
"css_prefix_text": "icon-",
"css_use_suffix": false,
"hinting": true,
"units_per_em": 1000,
"ascent": 850,
"glyphs": [
{
"uid": "c8585e1e5b0467f28b70bce765d5840c",
"css": "docs",
"code": 61637,
"src": "fontawesome"
},
{
"uid": "c709da589c923ba3c2ad48d9fc563e93",
"css": "cancel-1",
"code": 59393,
"src": "entypo"
},
{
"uid": "14017aae737730faeda4a6fd8fb3a5f0",
"css": "check",
"code": 59394,
"src": "entypo"
}
]
}

60
public/resources/fontello-24c5e6ad/css/fontello.css vendored Executable file
View File

@ -0,0 +1,60 @@
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?60405031');
src: url('../font/fontello.eot?60405031#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?60405031') format('woff2'),
url('../font/fontello.woff?60405031') format('woff'),
url('../font/fontello.ttf?60405031') format('truetype'),
url('../font/fontello.svg?60405031#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?60405031#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-cancel-1:before { content: '\e801'; font-size: 1.5em; font-weight: lighter;} /* '' */
.icon-check:before { content: '\e802'; font-size: 1.5em;} /* '' */
.icon-docs:before { content: '\f0c5'; font-weight: bolder;} /* '' */

BIN
public/resources/fontello-24c5e6ad/font/fontello.eot Executable file
View File

Binary file not shown.

16
public/resources/fontello-24c5e6ad/font/fontello.svg Executable file
View File

@ -0,0 +1,16 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2017 by original authors @ fontello.com</metadata>
<defs>
<font id="fontello" horiz-adv-x="1000" >
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="cancel-1" unicode="&#xe801;" d="M452 194q18-18 18-43t-18-43q-18-16-43-16t-43 16l-132 152-132-152q-18-16-43-16t-43 16q-16 18-16 43t16 43l138 156-138 158q-16 18-16 43t16 43q18 16 43 16t43-16l132-152 132 152q18 16 43 16t43-16q18-18 18-43t-18-43l-138-158z" horiz-adv-x="470" />
<glyph glyph-name="check" unicode="&#xe802;" d="M249 0q-34 0-56 28l-180 236q-16 24-12 52t26 46 51 14 47-28l118-154 296 474q16 24 43 30t53-8q24-16 30-43t-8-53l-350-560q-20-32-56-32z" horiz-adv-x="667" />
<glyph glyph-name="docs" unicode="&#xf0c5;" d="M946 636q23 0 38-16t16-38v-678q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v160h-303q-23 0-38 16t-16 38v375q0 22 11 49t27 42l228 228q15 16 42 27t49 11h232q23 0 38-16t16-38v-183q38 23 71 23h232z m-303-119l-167-167h167v167z m-357 214l-167-167h167v167z m109-361l176 176v233h-214v-233q0-22-15-37t-38-16h-233v-357h286v143q0 22 11 49t27 42z m534-449v643h-215v-232q0-22-15-38t-38-15h-232v-358h500z" horiz-adv-x="1000" />
</font>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/resources/fontello-24c5e6ad/font/fontello.ttf Executable file
View File

Binary file not shown.

BIN
public/resources/fontello-24c5e6ad/font/fontello.woff Executable file
View File

Binary file not shown.

BIN
public/resources/fontello-24c5e6ad/font/fontello.woff2 Executable file
View File

Binary file not shown.

126
public/resources/illustration_download.svg Normal file
View File

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="圖層_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 283 196" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st1{fill:#D9EBFF;}
.st2{fill:#FFFFFF;}
.st3{fill:#F9F9FA;}
.st4{fill:#59ACFF;}
.st5{fill:none;stroke:#D9EBFF;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;}
.st6{fill:#F9F9FA;stroke:#59ACFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st7{fill:none;stroke:#535A80;stroke-width:3.3;}
.st8{fill:none;stroke:#C8C8CC;stroke-width:2.2;}
.st9{fill:none;stroke:#C8C8CC;stroke-width:2;}
.st10{fill:#F9F9FA;stroke:#5CAEFF;stroke-width:1.1;}
</style>
<title>illustration_01</title>
<desc>Created with Sketch.</desc>
<g id="Page-1">
<g id="Download-File" transform="translate(-579.000000, -430.000000)">
<g id="illustration_01" transform="translate(579.000000, 404.000000)">
<g id="Group-2" transform="translate(0.000000, 26.000000)">
<g id="about-rights">
<path id="Shape" class="st0" d="M103.1,83.3l0.2,4.6c0.4,2,1.3,3.9,2.5,5.6c1.4-0.4,2.8-0.8,4.3-1l0.8-0.5
c0.2-0.6,0.4-1.1,0.6-1.6c0-5.1,1.3-10.2,3.7-14.7c-2.1-12.5-1.9-25.2,0.5-37.6l-9.3,6.8c-0.1,1.9,0,6.6,0,10.6
c0.2,12.4,0.1,15-0.5,16.2c-1.8,2.5-3.8,4.8-5.9,6.9C101.8,79.4,103,81.2,103.1,83.3L103.1,83.3z"/>
<path id="Shape_1_" class="st0" d="M124.1,16l-15.2,10.8v9.8c2.2-1.6,5.1-3.7,8.9-6.5c1.2-3.9,2.6-7.6,4.4-11.3
C122.6,17.8,123.3,16.8,124.1,16L124.1,16z"/>
<path id="Shape_2_" class="st0" d="M71.1,8.9C71,8.5,67.9,1,60.4,2c-2.3,0.3-3.9,1.2-4.7,2.7c-0.2,0.4-0.4,0.8-0.5,1.3
c1.2-1.4,2.9-2.3,4.7-2.4c8.1-1.1,11.2,7.2,11.2,7.2c0.1-0.6,0.4-1.2,0.7-1.7c-0.1,0.1-0.1,0.1-0.2,0.1
C71.4,9.2,71.1,9.1,71.1,8.9z"/>
<path id="Shape_3_" class="st1" d="M221.8,112.6c0.6,0,1-0.4,1-1s-0.4-1-1-1h-27.4c-0.3,0.7-0.6,1.3-1,2H221.8z"/>
<path id="Shape_4_" class="st1" d="M212.4,106.2c0.3,0,0.5-0.2,0.5-0.5c0-0.3-0.2-0.5-0.5-0.5h-16.1c-0.1,0.3-0.2,0.7-0.3,1
H212.4z"/>
<path id="Shape_5_" class="st1" d="M239.8,117h-48.6c0,0.1,0,0.2-0.1,0.3l0.3,0.7h48.4c0.3,0,0.5-0.2,0.5-0.5
S240.1,117,239.8,117z"/>
<path id="Shape_6_" class="st1" d="M139.2,151.5H78.5c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h60.4c0.2-0.4,0.3-0.7,0.5-1.1
C139.3,152.1,139.3,151.8,139.2,151.5z"/>
<path id="Shape_7_" class="st1" d="M226.8,153.5c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1h-64.2c-0.2,0.7-0.4,1.4-0.6,2H226.8z"/>
<path id="Shape_8_" class="st2" d="M115.8,93.8c0,0.1-0.1,0.2-0.1,0.4l0.2-0.1L115.8,93.8z"/>
<path id="Shape_9_" class="st1" d="M55.7,152.5c0-0.6-0.4-1-1-1H27.1c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h27.7
C55.3,153.5,55.7,153,55.7,152.5z"/>
<path id="Shape_10_" class="st1" d="M31.1,68.3h49.9c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1H31.1c-0.6,0-1,0.4-1,1
C30.1,67.8,30.6,68.3,31.1,68.3z"/>
<path id="Shape_11_" class="st1" d="M48.9,62c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h24c0.3,0,0.5-0.2,0.5-0.5
S73.2,62,72.9,62H48.9z"/>
<polygon id="Shape_12_" class="st3" points="116.6,103.8 117.1,103.7 117.1,103.7 "/>
<path id="Shape_13_" class="st2" d="M173.1,33.6c-0.1,1.9,0.1,3.9,0.5,5.7h0.9C173.9,37.5,173.4,35.6,173.1,33.6L173.1,33.6z"
/>
<path id="Shape_14_" class="st1" d="M205.8,40.1c0.1-0.1,0.1-0.3,0-0.5c0-0.1-2.2-5.1-1.6-9.9c0.1-1.3,0.5-2.6,1.2-3.7
c1.5-2.7,4.4-4.4,8.7-5c13.9-1.9,19.6,12.5,19.7,12.6c0.1,0.2,0.3,0.3,0.5,0.3c0.2,0,0.4-0.2,0.4-0.4c0.1-0.3,1.7-8.1,9.8-6.5
c8,1.5,14.3,13.6,14.4,13.8c0.1,0.2,0.3,0.3,0.5,0.3h21.3c0.3,0,0.5-0.2,0.5-0.5c0-0.3-0.2-0.5-0.5-0.5h-21
c-1-1.9-6.9-12.5-15-14c-6.9-1.3-9.6,3.6-10.5,6c-1.8-3.6-8-13.7-20.2-12c-4.6,0.6-7.8,2.5-9.4,5.5c-1.3,2.5-1.7,5.3-1.2,8.1
c0.2,2,0.7,3.9,1.4,5.7h-23.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h24.4C205.5,40.3,205.6,40.3,205.8,40.1z"/>
<path id="Shape_15_" class="st2" d="M281.2,43.3h-23.3c-2-3.8-7.3-12.2-13.8-13.4c-8.6-1.6-10.3,6.9-10.3,6.9
s-5.7-14.9-20.2-12.9c-5.3,0.7-8,3-9.4,5.8c-0.6,4.8,1.6,9.9,1.6,9.9c0.1,0.2,0.1,0.3,0,0.5c-0.1,0.1-0.3,0.2-0.4,0.2h-1.4
c0.3,1,0.6,1.9,1,2.8h-24.5l5.9,0.1h-5.9c-0.6,0-1,0.4-1,1s0.4,1,1,1h100.7c0.6,0,1-0.4,1-1S281.8,43.3,281.2,43.3L281.2,43.3z
"/>
<path id="Shape_16_" class="st2" d="M54.2,9c-0.1,0.9,0,1.8,0.2,2.7h0.5C54.5,10.9,54.3,9.9,54.2,9z"/>
<path id="Shape_17_" class="st1" d="M16,12.5c0.1-0.2,0.1-0.3,0-0.5c-0.8-1.9-1.1-4-0.8-6.1c0.1-0.5,0.3-0.9,0.5-1.3
c0.8-1.5,2.4-2.4,4.7-2.7C28,1,31,8.5,31.1,8.8c0.1,0.2,0.3,0.3,0.5,0.3c0.2,0,0.4-0.2,0.4-0.4V8.7c0.2-1.1,0.9-2.2,1.8-2.8
s2.2-0.9,3.3-0.6c4.4,0.8,7.8,6.9,7.9,7c0.1,0.2,0.3,0.3,0.4,0.3h11.8c0.3,0,0.5-0.2,0.5-0.5c0-0.3-0.2-0.5-0.5-0.5H45.8
c-0.7-1.2-4-6.4-8.4-7.2c-2.5-0.6-5,0.7-5.9,3C30.2,5.1,26.7,0.1,20.2,1c-2.6,0.4-4.4,1.4-5.4,3.2c-0.7,1.5-1,3.2-0.7,4.9
c0.1,0.9,0.3,1.9,0.7,2.7H2c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5h13.6C15.7,12.8,15.9,12.7,16,12.5z"/>
<path id="Shape_18_" class="st2" d="M1.8,16.5h56c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1H44.6c-1.1-2.1-4-6.8-7.7-7.6
c-1.8-0.5-3.8,0.2-4.8,1.8v0.1C32,8.9,32,9,31.8,9.1c-0.3,0.5-0.5,1.1-0.7,1.7c0,0-3.1-8.3-11.2-7.2c-1.8,0.1-3.5,1-4.7,2.4
c-0.3,2.1,0,4.2,0.8,6.1c0.1,0.2,0.1,0.3,0,0.5c-0.1,0.1-0.3,0.2-0.4,0.2h-1c0.1,0.5,0.3,1.1,0.6,1.6H1.5l7.2,0.1H1.8
c-0.6,0-1,0.4-1,1C0.8,16,1.2,16.4,1.8,16.5L1.8,16.5z"/>
<path id="Shape_19_" class="st1" d="M113.8,102.6c0.2-0.7,0.6-1.3,1.1-1.8h-0.1l-0.7,0.9C113.9,101.9,113.8,102.3,113.8,102.6
L113.8,102.6z"/>
<ellipse id="Oval" class="st1" cx="144.3" cy="186.3" rx="50.3" ry="9.3"/>
</g>
</g>
<g id="Group-4" transform="translate(150.884322, 101.489419) rotate(-44.000000) translate(-150.884322, -101.489419) translate(71.384322, 37.989419)">
<g id="Group-3" transform="translate(19.920167, 38.320851) rotate(72.000000) translate(-19.920167, -38.320851) translate(-5.079833, 26.320851)">
<path id="Path-12" class="st4" d="M49.4,9.6C48,1.4,40.7-1.1,27.6,2.1C7.9,6.9,3.3-0.2,1.1,1S4,8.4,5.9,9.3
c1.9,0.9-2.5-0.5-0.7,2.9c1.2,2.3,3.7,4,7.4,5.1c-1.5,1.4,0.9,3.1,7.2,4.9s10.9,1.8,13.9,0c-0.5,1.2,0.6,1.7,3.2,1.3
c2.6-0.4,4.9-1.3,7-2.7c2-1.4,3.5-3,4.4-5S49.5,11.8,49.4,9.6z"/>
<path id="Path-13" class="st2" d="M47.7,10.7c-0.4-4.7-2.9-7.5-7.5-8.4c-3.2-0.6-6.9-0.2-17.6,2.1C8.1,7.6,0.9-1.9,3.5,4.4
S14,9.5,15.8,9.9c1.8,0.3-3.4,0.6-4.7,0.6c-3.4,0-3.6-0.1-4,0.8c-0.4,0.8,2.3,4.4,8.9,5c1.8,0.2,4.5,0.6,7.3,0.6
c4.3,0,8.9-1.9,9.1-1.6c0.2,0.3-4.9,1.9-9.1,2.3c-3.1,0.3-6.3-0.1-7.8,0c-3.3,0.3,3.7,4.1,10.6,4.6c6.9,0.5,8-1.9,9-2
c0.9-0.1-2,1.6-0.6,2c1.4,0.4,6.2-0.4,9.8-3.7C46.6,16.3,47.7,13.7,47.7,10.7z"/>
<path id="Line" class="st5" d="M8.5,11.9c2.7,2.1,6.9,3.2,12.4,3.3c5.3,0.1,9.7-0.8,13.2-2.7"/>
</g>
<g id="illustration" transform="translate(73.367530, 63.335344) rotate(19.000000) translate(-73.367530, -63.335344) translate(25.867530, 13.335344)">
<path id="Combined-Shape" class="st6" d="M52.1,5.1L9.2,4l0,0c-1.3,0-2.5,0.7-3.1,1.9l0,0c-6.3,13.2-7.4,29.2-3.3,48
C7,73.1,13.3,87.1,21.5,96c0.4,0.4,0.8,0.7,1.4,0.9l0,0c3.1,1,9.5,1.8,19.3,2.3c10,0.5,26.3-0.4,48.9-2.8
c0.5-0.1,1-0.2,1.4-0.5c1.5-1,2-3,1-4.6l0,0C86.7,80.6,81.2,68.7,77,55.4c-3.5-10.9-3.5-22.5-0.2-34.8L52.1,5.1z"/>
<path id="Combined-Shape_1_" class="st1" d="M5.8,8.9C6,8.2,6.3,7.4,6.6,6.7l0,0c0.5-1.3,1.8-2.1,3.2-2.1l0,0L51.5,6l24.1,15.1
c-3.1,9.9-2.9,21.1,0.6,33.4C80.9,70.6,86.4,83,92.8,91.4l0,0c0.9,1.1,0.6,2.8-0.5,3.6c-0.4,0.3-0.8,0.5-1.3,0.5l0,0
c-0.5,0.1-1,0.1-1.5,0.1c0-0.1-0.1-0.1-0.1-0.2l0,0c-0.1-0.1-0.1-0.2-0.2-0.3c-5.3-9.3-11.3-20.2-15.7-33.5
c-2.1-6.3-4.7-17.2-4.4-26.7c0.3-9.5-3.4-7.8-11.3-6.3c-3.2,0.6-5.8-4.9-7.9-16.5c-0.3-1.6-1.6-2.7-3.2-2.7l0,0L5.8,8.9
L5.8,8.9z"/>
<g id="face" transform="translate(33.064221, 46.980973) rotate(5.000000) translate(-33.064221, -46.980973) translate(10.564221, 35.980973)">
<path id="Line_1_" class="st7" d="M5.5,8.6l0.7,3.2"/>
<path id="Line-Copy-3" class="st7" d="M39.5,7.5l0.7,3.2"/>
<path id="Path-5-Copy" class="st8" d="M43.9,3.6c-2.3-2.4-4.8-2.6-7.5-0.7"/>
<path id="Path-6" class="st8" d="M0.8,2.9c1.9-2.3,4.4-2.6,7.6-1"/>
<path id="Path-6_1_" class="st9" d="M33,16.7c-5,5.4-11.6,6-20,1.7"/>
</g>
<g id="Path" transform="translate(64.605652, 13.476265) rotate(-14.000000) translate(-64.605652, -13.476265) translate(54.105652, 2.976265)">
<path id="path-1" class="st10" d="M20.1,20L4.7,20c-2.2,0-4-1.8-4-4.1l0-15.9L20.1,20z"/>
</g>
</g>
<g id="Group-3_1_" transform="translate(124.343514, 68.259611) scale(-1, 1) rotate(22.000000) translate(-124.343514, -68.259611) translate(93.343514, 53.259611)">
<path id="Path-12_1_" class="st4" d="M61.9,11.7c-1.8-10.4-11-13.5-27.6-9.5C9.5,8.4,3.6-0.6,0.8,0.8s3.7,9.4,6.1,10.5
s-3.1-0.7-0.8,3.7c1.5,2.9,4.6,5.1,9.4,6.5c-1.9,1.8,1.2,3.9,9,6.2s13.7,2.3,17.6,0c-0.6,1.6,0.7,2.1,4,1.7
c3.3-0.5,6.2-1.6,8.8-3.4c2.6-1.7,4.4-3.8,5.5-6.3S62.1,14.6,61.9,11.7z"/>
<path id="Path-13_1_" class="st2" d="M60,13.3c-0.5-6.1-3.7-9.7-9.6-10.8c-4.1-0.8-8.9-0.2-22.5,2.7C9.1,9.2,0-2.9,3.3,5.2
s13.5,6.5,15.7,7s-4.4,0.8-6,0.8c-4.4,0-4.6-0.1-5.1,1s2.9,5.6,11.4,6.5c2.3,0.2,5.8,0.7,9.3,0.7c5.5,0,11.4-2.5,11.6-2.1
c0.2,0.4-6.3,2.5-11.6,3c-4,0.4-8.1-0.2-10,0c-4.3,0.4,4.7,5.3,13.6,5.9c8.9,0.6,10.3-2.4,11.5-2.6c1.2-0.2-2.6,2-0.7,2.6
c1.8,0.5,7.9-0.5,12.5-4.7C58.5,20.4,60,17.1,60,13.3z"/>
<path id="Line_2_" class="st5" d="M9.4,14.4c3.7,3.3,9,5,15.9,5.1c6.6,0.1,11.9-0.8,15.8-2.8"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

93
public/resources/illustration_error.svg Normal file
View File

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="325px" height="231px" viewBox="0 0 325 231" 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>illustration</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="error-page" transform="translate(-558.000000, -385.000000)">
<g id="Group" transform="translate(558.000000, 370.000000)">
<g id="illustration">
<g id="error-session-restore" transform="translate(0.000000, 21.000000)">
<path d="M260.38,33.18 C260.25,32.84 257.1,24.97 249.23,26.03 C246.84,26.36 245.23,27.29 244.35,28.81 C244.111723,29.2463732 243.93664,29.7143814 243.83,30.2 C245.041808,28.7248507 246.814238,27.8223249 248.72,27.71 C257.09,26.57 260.4,35.17 260.4,35.17 C260.552835,34.543462 260.798914,33.9434348 261.13,33.39 C261.009136,33.4906008 260.84666,33.5256193 260.695086,33.4837371 C260.543512,33.4418549 260.422066,33.3283842 260.37,33.18 L260.38,33.18 Z" id="Shape"></path>
<path d="M271.38,57.08 C271.59,56.77 271.9,56.21 271.59,55.91 C271.334533,55.7185638 271.018346,55.6261945 270.7,55.65 C269.955456,55.6728912 269.2375,55.9320558 268.65,56.39 C267.43,57.31 266.31,58.78 266.55,59.55 C268.72,59 270.65,58.14 271.38,57.08 Z" id="Shape"></path>
<path d="M265.87,87.06 C266.08,86.75 266.39,86.19 266.08,85.89 C265.824533,85.6985638 265.508346,85.6061945 265.19,85.63 C264.445456,85.6528912 263.7275,85.9120558 263.14,86.37 C261.92,87.29 260.8,88.76 261.04,89.53 C263.21,89 265.14,88.12 265.87,87.06 Z" id="Shape"></path>
<path d="M109.06,14.88 C108.921459,16.9356605 109.103638,19.0003604 109.6,21 L110.6,21 C109.836224,19.0313219 109.318961,16.9757068 109.06,14.88 L109.06,14.88 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M111.73,21.72 C111.811821,21.5704604 111.811821,21.3895396 111.73,21.24 C111.73,21.17 109.42,15.96 110.02,10.96 C110.15747,9.60544751 110.558315,8.29081256 111.2,7.09 C112.79,4.24 115.84,2.49 120.27,1.88 C134.74,-0.12 140.68,14.88 140.74,14.98 C140.822184,15.186339 141.028456,15.3157647 141.25,15.3 C141.472463,15.2820442 141.656086,15.1188236 141.7,14.9 C141.77,14.56 143.49,6.48 151.85,8.08 C160.21,9.68 166.78,22.26 166.85,22.39 C166.93692,22.5578112 167.111028,22.6622761 167.3,22.66 L189.42,22.66 C189.696142,22.66 189.92,22.4361424 189.92,22.16 C189.92,21.8838576 189.696142,21.66 189.42,21.66 L167.62,21.66 C166.62,19.72 160.41,8.66 152.07,7.09 C144.91,5.73 142.07,10.88 141.15,13.4 C139.32,9.73 132.89,-0.85 120.15,0.89 C115.39,1.54 112.09,3.46 110.34,6.6 C109.05659,9.15779928 108.598859,12.0509372 109.03,14.88 C109.288961,16.9757068 109.806224,19.0313219 110.57,21 L85.9,21 C85.6238576,21 85.4,21.2238576 85.4,21.5 C85.4,21.7761424 85.6238576,22 85.9,22 L111.31,22 C111.490295,21.9893722 111.650845,21.8823387 111.73,21.72 L111.73,21.72 Z" id="Shape" fill="#D9ECFF" fill-rule="nonzero"></path>
<path d="M85.46,27.09 L190.18,27.09 C190.732285,27.09 191.18,26.6422847 191.18,26.09 C191.18,25.5377153 190.732285,25.09 190.18,25.09 L165.94,25.09 C163.83,21.19 158.38,12.37 151.54,11.09 C142.54,9.38 140.8,18.31 140.8,18.31 C140.8,18.31 134.85,2.84 119.8,4.89 C114.25,5.65 111.4,8.07 110.05,10.99 C109.45,15.99 111.73,21.21 111.76,21.27 C111.827589,21.4248619 111.81239,21.6033839 111.719596,21.744592 C111.626803,21.8858 111.468968,21.9705893 111.3,21.97 L109.85,21.97 C110.115158,22.9914486 110.449257,23.9937465 110.85,24.97 L85.47,24.97 L93.65,25.13 L85.46,25.13 C84.9077153,25.13 84.46,25.5777153 84.46,26.13 C84.46,26.6822847 84.9077153,27.13 85.46,27.13 L85.46,27.09 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M229.64,135.12 C230.192285,135.12 230.64,134.672285 230.64,134.12 C230.64,133.567715 230.192285,133.12 229.64,133.12 C226.176767,133.210914 222.761707,132.293746 219.81,130.48 C219.776667,131.22 219.74,131.956667 219.7,132.69 C222.733794,134.380994 226.168221,135.220597 229.64,135.12 L229.64,135.12 Z" id="Shape" fill="#D9ECFF" fill-rule="nonzero"></path>
<g id="Group-12" transform="translate(0.000000, 54.000000)" fill-rule="nonzero" fill="#D9ECFF">
<path d="M18.4527368,15.47 C21.6438175,15.5591249 24.7884143,14.5382302 27.5086316,12.53 C29.9816324,10.6847401 32.8483357,9.74646251 35.7578947,9.83 C38.6702658,9.74450732 41.5400884,10.68286 44.0154737,12.53 C49.6132403,16.4476377 56.5294965,16.4476377 62.1272632,12.53 C67.2323758,8.93488653 73.55394,8.93488653 78.6590526,12.53 C84.2572886,16.4455453 91.1726061,16.4455453 96.7708421,12.53 C101.875955,8.93488653 108.197519,8.93488653 113.302632,12.53 C116.023038,14.5377033 119.167503,15.5585552 122.358526,15.47 C122.817795,15.47 123.190105,15.0222847 123.190105,14.47 C123.190105,13.9177153 122.817795,13.47 122.358526,13.47 C119.443343,13.55745 116.570401,12.6190223 114.092632,10.77 C108.494396,6.85445473 101.579078,6.85445473 95.9808421,10.77 C90.8757295,14.3651135 84.5541653,14.3651135 79.4490526,10.77 C73.851286,6.85236226 66.9350298,6.85236226 61.3372632,10.77 C56.2347235,14.3633274 49.9163291,14.3633274 44.8137895,10.77 C42.0937614,8.76124228 38.9490326,7.74030478 35.7578947,7.83 C32.5668141,7.74087509 29.4222173,8.76176977 26.702,10.77 C24.2242306,12.6190223 21.3512881,13.55745 18.4361053,13.47 C15.5209224,13.55745 12.6479799,12.6190223 10.1702105,10.77 C7.44999327,8.76176977 4.30539642,7.74087509 1.11431579,7.83 C0.655047419,7.83 0.282736842,8.27771525 0.282736842,8.83 C0.282736842,9.38228475 0.655047419,9.83 1.11431579,9.83 C4.02949861,9.74255001 6.90244116,10.6809777 9.38021053,12.53 C12.1052102,14.5419585 15.2560332,15.5629993 18.4527368,15.47 L18.4527368,15.47 Z" id="Shape"></path>
<path d="M88.0974737,6.63 C85.115123,6.7194274 82.1759033,5.76021078 79.6403158,3.87 C74.1669921,0.0339077325 67.4010079,0.0339077325 61.9276842,3.87 C56.7011633,7.54694193 50.2315736,7.54694193 45.0050526,3.87 C42.3441488,1.9083402 39.2690074,0.911802144 36.1487368,1 C35.9191027,1 35.7329474,1.22385763 35.7329474,1.5 C35.7329474,1.77614237 35.9191027,2 36.1487368,2 C39.1338405,1.90919832 42.076044,2.86844547 44.6142105,4.76 C50.0875342,8.59609227 56.8535184,8.59609227 62.3268421,4.76 C67.5533631,1.08305807 74.0229527,1.08305807 79.2494737,4.76 C84.7227974,8.59609227 91.4887816,8.59609227 96.9621053,4.76 C102.189102,1.08517088 108.65774,1.08517088 113.884737,4.76 C119.360633,8.59787847 126.129788,8.59787847 131.605684,4.76 C136.834778,1.081272 143.307538,1.081272 148.536632,4.76 C151.196837,6.72463987 154.271907,7.72462712 157.392947,7.64 C157.622582,7.64 157.808737,7.41614237 157.808737,7.14 C157.808737,6.86385763 157.622582,6.64 157.392947,6.64 C154.407902,6.73021887 151.465835,5.7710161 148.927474,3.88 C143.451577,0.0421215342 136.682423,0.0421215342 131.206526,3.88 C125.979529,7.55482912 119.510892,7.55482912 114.283895,3.88 C108.8101,0.0460058246 102.045058,0.0460058246 96.5712632,3.88 C94.0298133,5.76992999 91.0845517,6.72575613 88.0974737,6.63 Z" id="Shape"></path>
</g>
<g id="Group-11" transform="translate(12.000000, 84.000000)" fill-rule="nonzero" fill="#D9ECFF">
<path d="M272.78,7 C272.79589,7.26436194 273.015161,7.47047711 273.28,7.47 L273.28,7.47 C275.086553,7.36608535 276.880286,7.10171059 278.64,6.68 C279.52,7.39 281.28,7.6 283.98,7.3 C290.24,6.6 293.55,4.04 293.69,3.93 C293.908152,3.75879173 293.946208,3.44315248 293.775,3.225 C293.603792,3.00684752 293.288152,2.96879173 293.07,3.14 C290.322647,4.95995687 287.155808,6.0476969 283.87,6.3 C282.63167,6.50389721 281.36833,6.50389721 280.13,6.3 C282.13,5.68 283.89,4.81 284.68,3.67 C285.68,2.3 285.06,1.49 284.77,1.21 C283.89,0.36 281.95,0.55 280.53,1.61 C279.46,2.41 277.64,4.28 278.05,5.81 C276.46476,6.16879338 274.852629,6.39623098 273.23,6.49 C272.969669,6.51608174 272.773464,6.73844775 272.78,7 L272.78,7 Z M281.15,2.39 C281.7375,1.93205585 282.455456,1.67289121 283.2,1.65 C283.518346,1.62619445 283.834533,1.71856378 284.09,1.91 C284.4,2.21 284.09,2.77 283.88,3.08 C283.15,4.14 281.22,4.97 279.05,5.55 C278.81,4.76 279.92,3.29 281.15,2.37 L281.15,2.39 Z" id="Shape"></path>
<path d="M248.85,13 C252.603287,13.0857662 256.301474,12.0856933 259.5,10.12 C262.549358,8.23032717 266.083699,7.27115493 269.67,7.36 C269.946142,7.36 270.17,7.13614237 270.17,6.86 C270.17,6.58385763 269.946142,6.36 269.67,6.36 C265.911015,6.26792988 262.205574,7.26461365 259,9.23 C255.957925,11.1204971 252.430684,12.0831037 248.85,12 C246.339947,12.0694933 243.843122,11.6130477 241.52,10.66 C241.52,11.02 241.52,11.39 241.52,11.75 C243.859143,12.6381025 246.348722,13.0626554 248.85,13 Z" id="Shape"></path>
<path d="M301.16,25 C294.877465,28.673043 287.102535,28.673043 280.82,25 C277.621474,23.0343067 273.923287,22.0342338 270.17,22.12 C269.893858,22.12 269.67,22.3438576 269.67,22.62 C269.67,22.8961424 269.893858,23.12 270.17,23.12 C273.756441,23.0299896 277.29111,23.9892507 280.34,25.88 C286.921277,29.7181928 295.058723,29.7181928 301.64,25.88 C304.68889,23.9892507 308.223559,23.0299896 311.81,23.12 C312.086142,23.12 312.31,22.8961424 312.31,22.62 C312.31,22.3438576 312.086142,22.12 311.81,22.12 C308.056713,22.0342338 304.358526,23.0343067 301.16,25 L301.16,25 Z" id="Shape"></path>
<path d="M54.42,46.42 C51.1490802,44.4112423 47.3674443,43.3903048 43.53,43.48 C39.6925557,43.3903048 35.9109198,44.4112423 32.64,46.42 C29.6632709,48.26714 26.2122184,49.2054927 22.71,49.12 C19.2077816,49.2054927 15.7567291,48.26714 12.78,46.42 C9.50908016,44.4112423 5.72744432,43.3903048 1.89,43.48 C1.33771525,43.48 0.89,43.9277153 0.89,44.48 C0.89,45.0322847 1.33771525,45.48 1.89,45.48 C5.3922184,45.3945073 8.84327086,46.33286 11.82,48.18 C15.0909198,50.1887577 18.8725557,51.2096952 22.71,51.12 C26.5474443,51.2096952 30.3290802,50.1887577 33.6,48.18 C39.7348141,44.582431 47.3351859,44.582431 53.47,48.18 C55.3373398,49.2875707 57.3596564,50.1099795 59.47,50.62 C59.47,49.9533333 59.47,49.2633333 59.47,48.55 C57.7003514,48.0650843 56.0023796,47.3489101 54.42,46.42 L54.42,46.42 Z" id="Shape"></path>
<path d="M249.52,21.19 C253.357375,21.2791249 257.138853,20.2582302 260.41,18.25 C266.54539,14.6545531 274.14461,14.6545531 280.28,18.25 C287.008962,22.163759 295.321038,22.163759 302.05,18.25 C305.029596,16.4009777 308.4844,15.46255 311.99,15.55 C312.542285,15.55 312.99,15.1022847 312.99,14.55 C312.99,13.9977153 312.542285,13.55 311.99,13.55 C308.152625,13.4608751 304.371147,14.4817698 301.1,16.49 C294.96461,20.0854469 287.36539,20.0854469 281.23,16.49 C274.501038,12.576241 266.188962,12.576241 259.46,16.49 C256.480404,18.3390223 253.0256,19.27745 249.52,19.19 C246.283422,19.2861678 243.083977,18.4793815 240.28,16.86 C239.975906,17.4569457 239.624798,18.0287499 239.23,18.57 C242.350608,20.3808189 245.913386,21.2879597 249.52,21.19 Z" id="Shape"></path>
</g>
<path d="M242.76,33.28 C242.691452,34.2578989 242.758758,35.2405798 242.96,36.2 L243.47,36.2 C243.133116,35.2538015 242.895179,34.2752432 242.76,33.28 L242.76,33.28 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M274.63,37 C274.711821,36.8504604 274.711821,36.6695396 274.63,36.52 C273.782172,34.538981 273.498391,32.3621697 273.81,30.23 C273.91664,29.7443814 274.091723,29.2763732 274.33,28.84 C275.18,27.32 276.82,26.38 279.21,26.06 C287.08,25 290.21,32.87 290.36,33.21 C290.423651,33.447733 290.647995,33.6060998 290.893318,33.586474 C291.138641,33.5668481 291.334954,33.3748287 291.36,33.13 L291.36,33.13 C291.43,32.82 292.36,28.7 296.74,29.53 C301.36,30.41 304.89,36.74 304.93,36.81 C305.017949,36.9707402 305.186773,37.0705001 305.37,37.07 L317.67,37.07 C317.946142,37.07 318.17,36.8461424 318.17,36.57 C318.17,36.2938576 317.946142,36.07 317.67,36.07 L305.67,36.07 C304.92,34.8 301.51,29.42 296.94,28.55 C294.377478,27.9009676 291.735791,29.2777422 290.8,31.75 C289.52,29.38 285.89,24.17 279.13,25.1 C276.41,25.47 274.52,26.58 273.51,28.39 C272.743663,29.9195049 272.487812,31.6543894 272.78,33.34 C272.915179,34.3352432 273.153116,35.3138015 273.49,36.26 L260.09,36.26 C259.813858,36.26 259.59,36.4838576 259.59,36.76 C259.59,37.0361424 259.813858,37.26 260.09,37.26 L274.22,37.26 C274.392396,37.2499506 274.547402,37.1516537 274.63,37 L274.63,37 Z" id="Shape" fill="#D9ECFF" fill-rule="nonzero"></path>
<path d="M259.9,41.06 L318.13,41.06 C318.682285,41.06 319.13,40.6122847 319.13,40.06 C319.13,39.5077153 318.682285,39.06 318.13,39.06 L304.44,39.06 C303.31,36.95 300.25,31.9 296.38,31.17 C294.474168,30.6736901 292.463823,31.4456624 291.38,33.09 L291.38,33.09 C291.351588,33.2081174 291.280312,33.3114689 291.18,33.38 C290.848914,33.9334348 290.602835,34.533462 290.45,35.16 C290.45,35.16 287.14,26.56 278.77,27.7 C276.864238,27.8123249 275.091808,28.7148507 273.88,30.19 C273.568391,32.3221697 273.852172,34.498981 274.7,36.48 C274.767589,36.6348619 274.75239,36.8133839 274.659596,36.954592 C274.566803,37.0958 274.408968,37.1805893 274.24,37.18 L273.24,37.18 C273.391957,37.7489342 273.582395,38.3068859 273.81,38.85 L259.64,38.85 L269.1,39.03 L259.9,39.03 C259.347715,39.03 258.9,39.4777153 258.9,40.03 C258.9,40.5822847 259.347715,41.03 259.9,41.03 L259.9,41.06 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-13" transform="translate(52.000000, 158.000000)" fill-rule="nonzero">
<path d="M66.49,14.41 C66.49,13.8577153 66.0422847,13.41 65.49,13.41 L1.8,13.41 C1.24771525,13.41 0.8,13.8577153 0.8,14.41 C0.8,14.9622847 1.24771525,15.41 1.8,15.41 L65.49,15.41 C66.0422847,15.41 66.49,14.9622847 66.49,14.41 Z" id="Shape" fill="#D9ECFF"></path>
<path d="M148.88,13.41 C148.327715,13.41 147.88,13.8577153 147.88,14.41 C147.88,14.9622847 148.327715,15.41 148.88,15.41 L170.47,15.41 C171.022285,15.41 171.47,14.9622847 171.47,14.41 C171.47,13.8577153 171.022285,13.41 170.47,13.41 L148.88,13.41 Z" id="Shape" fill="#D9ECFF"></path>
<path d="M64.64,62 L61.73,62 L60.8,62.87 C60.5008174,63.1500985 60.4028291,63.5843962 60.5527547,63.9658247 C60.7026804,64.3472533 61.0701666,64.5985898 61.48,64.6 L61.48,64.6 L108.22,64.38 C108.654448,64.374675 109.035748,64.0894289 109.163523,63.674161 C109.291298,63.258893 109.136307,62.8086344 108.78,62.56 L108.23,62.18 L104.69,62.18 L64.64,62 Z" id="Shape" fill="#D9ECFF"></path>
<path d="M150.63,57.76 C150.07,58.14 149.48,58.52 148.85,58.89 C145.165027,61.119942 141.094767,62.639506 136.85,63.37 C133.135462,63.9922794 129.376288,64.3100032 125.61,64.32 C124.42,64.32 123.5,64.32 122.89,64.25 L122.03,64.19 C121.877994,64.1739198 121.741693,64.0891924 121.66,63.96 L120.14,61.56 L117.92,58.06 L116.68,56.12 L114.23,56.24 C113.834581,56.2609045 113.488739,56.5131591 113.348046,56.8832922 C113.207352,57.2534252 113.298308,57.6717142 113.58,57.95 L122.28,66.43 C122.467867,66.6110851 122.719072,66.7115675 122.98,66.71 L123.04,66.71 L156.52,64.71 C156.934367,64.6876085 157.291849,64.4116296 157.418403,64.0164267 C157.544956,63.6212239 157.414282,63.1889252 157.09,62.93 L150.63,57.76 Z" id="Shape" fill="#D9ECFF"></path>
<path d="M122.48,45.25 C121,45.85 116.74,46.11 110.11,46.03 L111.85,47.77 C111.987104,47.9088697 112.030886,48.1148156 111.96213,48.2974488 C111.893374,48.4800819 111.724646,48.6060242 111.53,48.62 C111.53,48.62 110.24,48.71 108.24,48.71 C103.85,48.71 95.83,48.27 88.81,45.57 L82.47,49.71 L113.08,50.33 C113.041845,50.2233086 113.041845,50.1066914 113.08,50 C113.161828,49.8415364 113.321866,49.7386547 113.5,49.73 C117.460512,49.5103338 121.39491,48.9516225 125.26,48.06 L122.48,45.25 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M110.34,47.68 L104.83,42.17 C103.41,42.57 97.37,43.94 92.28,40.05 C88.78,37.37 87.39,32.13 87,30.28 L75.48,35.89 C76.48,37.14 80.1,40.95 88.54,44.4 C96.98,47.85 107,47.8 110.34,47.68 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M136.71,62.39 C143.936695,61.0666515 150.575019,57.5343641 155.71,52.28 L143.42,38.45 C142.47,39.91 139.55,43.65 132.94,46.62 C126.11,49.69 117.22,50.51 114.45,50.69 L122.45,63.22 C127.219423,63.4813081 132.0031,63.2028753 136.71,62.39 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M96.53,24.51 L99.53,17.27 C103.606766,16.0232804 107.296997,13.7547524 110.25,10.68 C111.623774,9.16106649 112.699184,7.3969865 113.42,5.48 L121.65,5.72 C119.87185,8.42751719 117.80288,10.9324133 115.48,13.19 C109.03,19.55 99.65,23.36 96.53,24.51 Z M114.42,50.76 C117.19,50.57 126.08,49.76 132.91,46.69 C139.52,43.69 142.44,39.98 143.39,38.52 L155.68,52.35 C150.545019,57.6043641 143.906695,61.1366515 136.68,62.46 C131.956704,63.2766479 127.156039,63.5550931 122.37,63.29 L114.42,50.76 Z" id="Shape" stroke="#59ACFF"></path>
<path d="M67.74,55.7 L62.23,61 L107.64,61.18 L100.77,56.45 C82.15,57.11 70.4,56.85 67.74,55.7 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M101.19,55.48 C101.100836,55.4215587 100.996609,55.3902906 100.89,55.39 C71.97,56.5 68.42,55 68.04,54.76 C67.9721327,54.6808657 67.8812275,54.624924 67.78,54.6 C67.6131348,54.5542084 67.4344895,54.5998199 67.31,54.72 L60.63,61.08 C60.4840682,61.2206178 60.4374484,61.4354154 60.5119567,61.6238776 C60.586465,61.8123397 60.7673635,61.9371883 60.97,61.94 L64.63,61.94 L104.63,62.1 L109.19,62.1 C109.407224,62.0973375 109.597874,61.9547144 109.661762,61.7470805 C109.725649,61.5394465 109.648154,61.3143172 109.47,61.19 L101.19,55.48 Z M62.19,60.95 L67.71,55.69 C70.37,56.84 82.12,57.1 100.71,56.39 L107.58,61.12 L62.19,60.95 Z" id="Shape" fill="#59ACFF"></path>
<path d="M167.92,35.69 C164.874118,33.1299941 162.147801,30.2122982 159.8,27 L151.14,31.48 C152.39,32.84 156.83,37.13 165.55,40.23 C173.39,43.02 182.75,43.98 185.98,44.23 L183.59,41.37 C182.13,41.19 173.15,39.69 167.92,35.69 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M186.84,9.76 C183.940565,12.856812 180.299103,15.1628416 176.26,16.46 L171.69,22.93 C174.98,22.48 184.96,20.8 192.63,16 C200.3,11.2 203.27,6.81 204.06,5.4 L191.59,1.77 C190.538075,4.71535807 188.924966,7.4287778 186.84,9.76 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M205.32,5.25 C205.39732,4.98490332 205.245097,4.70731986 204.98,4.63 L191.4,0.63 C191.134903,0.552680135 190.85732,0.70490332 190.78,0.97 C189.781232,3.94855583 188.18919,6.69380766 186.1,9.04 C183.276545,12.0301894 179.739006,14.2531957 175.82,15.5 C175.707421,15.5288667 175.608415,15.5960496 175.54,15.69 L170.22,23.22 C170.111164,23.3728557 170.097074,23.5737802 170.183511,23.7403298 C170.269948,23.9068794 170.442359,24.0110121 170.63,24.01 L170.63,24.01 C170.76,24.01 183.63,22.73 193.11,16.8 C201.85,11.33 204.57,6.51 205.11,5.47 C205.201563,5.420797 205.275107,5.34375111 205.32,5.25 Z M192.63,16 C184.96,20.8 174.98,22.48 171.69,22.93 L176.26,16.46 C180.299103,15.1628416 183.940565,12.856812 186.84,9.76 C188.922497,7.424966 190.532233,4.70811181 191.58,1.76 L204.05,5.39 C203.27,6.81 200.36,11.17 192.63,16 Z" id="Shape" fill="#59ACFF"></path>
<path d="M225.74,13.41 L203.37,13.41 C202.817715,13.41 202.37,13.8577153 202.37,14.41 C202.37,14.9622847 202.817715,15.41 203.37,15.41 L225.74,15.41 C226.292285,15.41 226.74,14.9622847 226.74,14.41 C226.74,13.8577153 226.292285,13.41 225.74,13.41 Z" id="Shape" fill="#D9ECFF"></path>
</g>
</g>
<g id="file_buttom" transform="translate(142.342267, 146.023764) scale(-1, 1) rotate(-76.000000) translate(-142.342267, -146.023764) translate(101.842267, 106.523764)">
<g id="Group-3" transform="translate(40.599389, 36.948681) rotate(211.000000) translate(-40.599389, -36.948681) translate(8.099389, 13.448681)" fill="#D9EBFF">
<path d="M64.3500095,46.0330974 C64.8630499,40.7206561 64.7103377,35.0106712 63.8918727,28.9031429 C60.6751317,4.8992603 53.1537255,1.18966685 50.4795217,0.760354481 C47.805318,0.331042109 18.7923048,1.92218998 2.99479428,4.13993974 L2.99479428,4.13993974 C2.5335121,4.20469732 2.0962985,4.38578335 1.72431715,4.6661486 C0.51375565,5.57855825 0.272055819,7.2995664 1.18446547,8.5101279 L1.18443968,8.51014734 C6.56087921,15.6434681 9.39744932,23.5586088 9.69415001,32.2555694 C9.82802182,36.1796514 9.37191263,40.338757 8.32582244,44.7328864 L10.1298828,46.8623047 L15.8867188,39.6933594 L25.1103516,46.8623047 L34.7773438,39.6933594 L45.0898438,46.8623047 L54.0117188,38.2402344 L64.3500095,46.0330974 Z" id="Combined-Shape"></path>
</g>
<path d="M43.0112615,61.7877824 C38.3020076,68.6852278 37.4763027,74.1608744 40.5341469,78.2147219" id="Path-3" stroke="#D9EBFF" stroke-width="2"></path>
<path d="M22.0112615,50.7877824 C17.3020076,57.6852278 16.4763027,63.1608744 19.5341469,67.2147219" id="Path-3-Copy" stroke="#D9EBFF" stroke-width="2"></path>
</g>
<g id="file_buttom" transform="translate(143.985148, 136.879039) scale(-1, 1) rotate(-76.000000) translate(-143.985148, -136.879039) translate(99.485148, 92.379039)" stroke="#59ACFF" stroke-width="2.2">
<g id="Group-3" transform="translate(44.437777, 41.365549) rotate(211.000000) translate(-44.437777, -41.365549) translate(8.437777, 15.365549)" fill="#F9F9FA">
<path d="M70.705566,50.6364071 C71.2692771,44.7927217 71.1014821,38.5117383 70.2021811,31.7934571 C66.6677373,5.38918633 58.4034761,1.30863354 55.4651535,0.836389929 C52.5268309,0.36414632 20.648335,2.11440898 3.29057643,4.55393372 C3.29057643,4.55393372 3.29057643,4.55393372 3.29057643,4.55393372 L3.29057643,4.55393372 C2.78396852,4.6251343 2.30377045,4.82393334 1.89508268,5.13165952 C0.563388692,6.13437391 0.296698031,8.0267858 1.29941242,9.35847979 L1.29940567,9.35848487 C7.2081583,17.2058345 10.3255554,25.9133817 10.6515969,35.4811264 C10.7986906,39.7976165 10.2975336,44.3726327 9.1481259,49.206175 L11.1303651,51.5485352 L17.4557774,43.6626953 L27.5903863,51.5485352 L38.2121431,43.6626953 L49.5431617,51.5485352 L59.3462095,42.0642578 L70.705566,50.6364071 Z" id="Combined-Shape"></path>
</g>
<path d="M46.4589753,70.3 C41.2846099,77.88719 40.377354,83.9104012 43.7372074,88.3696335" id="Path-3"></path>
<path d="M23.3849012,58.2 C18.2105359,65.78719 17.3032799,71.8104012 20.6631333,76.2696335" id="Path-3-Copy"></path>
</g>
<g id="file_top" transform="translate(198.171010, 59.469846) rotate(-20.000000) translate(-198.171010, -59.469846) translate(142.171010, 16.969846)">
<g id="Group-3" transform="translate(63.316320, 42.190842) rotate(-4.000000) translate(-63.316320, -42.190842) translate(17.816320, 3.190842)">
<path d="M16.6497631,74.6450099 C17.5633397,68.0358436 17.6628954,61.3910158 16.94843,54.7105263 C15.4017159,40.2482323 11.8101453,25.0582045 6.17371821,9.14044279 L6.17371813,9.14044282 C5.56537524,7.42242944 6.46494091,5.53654507 8.18295429,4.92820218 C8.58599086,4.78548825 9.01292009,4.72245535 9.44000275,4.74260838 L9.44000275,4.74260838 L58.4523315,7.05538566 L83.318583,28.0183523 C86.038069,35.1904505 88.0072091,42.781818 89.2260036,50.7924548 C90.3925953,58.4599845 90.8457702,66.3409383 90.5855284,74.4353162 L81.6909239,67.6865748 L71.8943553,77.2162315 L60.5708259,69.2926604 L49.9560894,77.2162315 L39.8281788,69.2926604 L33.5069472,77.2162315 L25.4861139,67.6865748 L16.6497631,74.6450099 Z" id="Combined-Shape" fill="#D9EBFF"></path>
<path d="M16.2266088,68.013431 C17.1401854,61.4042647 17.239741,54.7594368 16.5252757,48.0789474 C15.0141139,33.9490796 9.89545135,19.9787482 1.16928794,6.16795338 L1.16928805,6.16795332 C0.195781087,4.62719545 0.655628805,2.58898109 2.19638667,1.61547413 C2.72389655,1.28217417 3.33509335,1.10526316 3.95907696,1.10526316 L3.95907696,1.10526316 L58.8375202,1.10526316 L82.8954287,21.3867733 C85.6149146,28.5588716 87.5840548,36.1502391 88.8028493,44.1608758 C89.969441,51.8284056 90.4226159,59.7093594 90.1623741,67.8037373 L81.2677696,61.0549959 L71.471201,70.5846525 L60.1476716,62.6610814 L49.532935,70.5846525 L39.4050245,62.6610814 L33.0837929,70.5846525 L25.0629596,61.0549959 L16.2266088,68.013431 Z" id="Combined-Shape" stroke="#59ACFF" stroke-width="2.2" fill="#F9F9FA"></path>
<path d="M7.69658131,7.83317704 C7.5949905,7.69120717 7.49242904,7.55165953 7.38889693,7.41453412 L7.38889696,7.41453411 C6.29070783,5.96001307 6.57957192,3.89063261 8.03409295,2.79244348 C8.60916469,2.35825414 9.31054615,2.12422488 10.0311184,2.12609797 L10.0311184,2.12609797 L59.43132,2.25451103 L82.5749824,21.7652854 C85.1865454,28.6527585 87.0775401,35.942862 88.2479666,43.6355961 C89.3599861,50.9444449 89.7969856,58.455231 89.558965,66.1679545 L85.9776033,63.3648299 C85.7138795,55.5413909 85.0827679,48.2994165 84.0842682,41.6389068 C81.6794714,25.5976665 78.7480062,26.5342306 62.3488999,25.8761341 C51.7254083,25.4498131 60.5850923,10.9349095 54.1317252,8.69821811 C49.9181441,7.23782071 34.4397628,6.94947368 7.69658131,7.83317704 Z" id="Combined-Shape" fill="#D9EBFF"></path>
<path d="M81.5819547,22.1268503 L64.9865892,22.1268503 C62.6297805,22.1268503 60.7192096,20.2037098 60.7192096,17.8313958 L60.7192096,1.12685033 L81.5819547,22.1268503 Z" id="Path" stroke="#5CAEFF" stroke-width="1.1" fill="#F9F9FA" transform="translate(71.150582, 11.626850) rotate(-4.000000) translate(-71.150582, -11.626850) "></path>
</g>
<g id="face" transform="translate(38.431373, 26.526316)">
<path d="M5.49019608,6.63157895 L6.17508165,9.87491047" id="Line" stroke="#535A80" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M39.5294118,5.52631579 L40.2142973,8.76964731" id="Line-Copy-3" stroke="#535A80" stroke-width="3.3" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22.6348043,20.2134837 C24.7921234,21.5384696 27.0205751,19.5203095 27.0205751,15.8577896 C27.0205751,12.1952697 26.2742772,10.147833 24.3035718,10.3367888 C22.3328664,10.5257446 23.2200542,11.6523826 23.2200542,15.3149025 C23.2200542,18.9774224 20.4774853,18.8884978 22.6348043,20.2134837 Z" id="Oval-2" fill="#D8D8D8" transform="translate(24.413938, 15.473216) rotate(-10.000000) translate(-24.413938, -15.473216) "></path>
<path d="M37.0384498,11.4061215 C39.5547896,13.6074733 42.0711295,13.6218647 44.5874694,11.4492958" id="Path-5-Copy" stroke="#C8C8CC" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" transform="translate(40.812960, 12.237061) rotate(-6.000000) translate(-40.812960, -12.237061) "></path>
<path d="M3.29411765,15.2756753 C5.19316789,12.9615306 7.73023897,12.6431198 10.9053309,14.320443" id="Path-6" stroke="#C8C8CC" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<path d="M105.910922,40.8947368 C99.9671132,53.1993233 92.2012644,60.2821326 84.5490196,49.9867136" id="Path-7-Copy" stroke="#5CAEFF" stroke-width="2"></path>
<path d="M30.0952975,37.9680501 C24.4445266,46.8886158 19.427918,53.6122833 9.30873758,49.4933476" id="Path-7" stroke="#5CAEFF" stroke-width="2" transform="translate(19.702018, 44.351079) rotate(21.000000) translate(-19.702018, -44.351079) "></path>
<g id="Group-9" transform="translate(5.298790, 43.442023) rotate(-28.000000) translate(-5.298790, -43.442023) translate(2.004672, 39.573602)" stroke="#59ACFF" stroke-width="2">
<path d="M5.34650735,6.49773849 C2.32689951,7.22882401 0.817095588,5.95122327 0.817095588,2.66493627" id="Path-8"></path>
<path d="M4.39215686,6.69849918 C6.54957195,5.2558318 6.84838731,3.02299874 5.28860294,0" id="Path-9"></path>
</g>
<g id="Group-9" transform="translate(82.161535, 48.968339) rotate(-28.000000) translate(-82.161535, -48.968339) translate(78.867417, 45.099918)" stroke="#59ACFF" stroke-width="2">
<path d="M5.34650735,6.49773849 C2.32689951,7.22882401 0.817095588,5.95122327 0.817095588,2.66493627" id="Path-8"></path>
<path d="M4.39215686,6.69849918 C6.54957195,5.2558318 6.84838731,3.02299874 5.28860294,0" id="Path-9"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

64
public/resources/illustration_expired.svg Normal file
View File

@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="292px" height="268px" viewBox="0 0 292 268" 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>Group</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="-2.91322522e-13" y="0.643868413" width="143.486028" height="14.0951405" rx="7.04757025"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="link-expired" transform="translate(-579.000000, -305.000000)">
<g id="Group" transform="translate(569.000000, 304.000000)">
<g id="image">
<g id="about-license" transform="translate(10.587302, 0.000000)" fill-rule="nonzero">
<path d="M1.1984127,102.964554 C0.536547641,102.964554 0,103.502212 0,104.165446 C0,104.828681 0.536547641,105.366339 1.1984127,105.366339 L50.0337302,105.366339 L50.0337302,102.964554 L1.1984127,102.964554 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M41.9444444,96.3116071 C41.6135119,96.3116071 41.3452381,96.5804362 41.3452381,96.9120536 C41.3452381,97.243671 41.6135119,97.5125 41.9444444,97.5125 L50.0936508,97.5125 L50.0936508,96.3116071 L41.9444444,96.3116071 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M180.121429,36.9875 L220.699683,36.9875 C217.775556,31.4513839 209.290794,18.9741071 193.13619,21.1237054 C185.406429,22.1804911 181.487619,25.6150446 179.69,29.7220982 C179.480252,32.1520335 179.625593,34.5996367 180.121429,36.9875 L180.121429,36.9875 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M247.112698,49.0204464 C247.112698,49.1285268 247.112698,49.2486161 247.112698,49.3566964 L247.112698,51.4222321 L289.416667,51.4222321 C290.078532,51.4222321 290.615079,50.8845741 290.615079,50.2213393 C290.615079,49.5581045 290.078532,49.0204464 289.416667,49.0204464 L256.364444,49.0204464 C253.548175,43.7605357 246.034127,31.439375 236.578651,29.6260268 C227.962063,27.9808036 224.211032,33.5409375 222.736984,36.9875 L234.793016,36.9875 C241.469431,37.0043207 246.924924,42.3328392 247.112698,49.0204464 L247.112698,49.0204464 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M178.563492,34.4536161 C178.476764,35.299322 178.440747,36.1494802 178.455635,36.9995089 L178.935,36.9995089 C178.73127,36.1829018 178.563492,35.3302679 178.563492,34.4536161 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M262.692063,168.725446 C263.353929,168.725446 263.890476,168.187788 263.890476,167.524554 C263.890476,166.861319 263.353929,166.323661 262.692063,166.323661 L247.112698,166.323661 L247.112698,168.725446 L262.692063,168.725446 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M290.627063,175.330357 L247.136667,175.330357 L247.136667,176.53125 L290.627063,176.53125 C290.957996,176.53125 291.22627,176.262421 291.22627,175.930804 C291.22627,175.599186 290.957996,175.330357 290.627063,175.330357 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M180.121429,36.9875 C179.64343,34.6174066 179.510224,32.1904702 179.725952,29.7821429 C179.895772,27.8280449 180.458324,25.9285662 181.379762,24.1979911 C183.560873,20.2590625 187.755317,17.8452679 193.843254,16.9926339 C213.712937,14.290625 221.850159,34.801875 221.934048,35.0060268 C222.035529,35.2513026 222.280696,35.4054515 222.545238,35.3903125 C222.811841,35.3687495 223.031897,35.172739 223.084524,34.9099554 C223.180397,34.4295982 225.54127,23.2853125 237.07,25.4949554 C248.59873,27.7045982 257.538889,44.9374107 257.65873,45.1175446 C257.762896,45.3190679 257.971549,45.444519 258.198016,45.4417857 L288.457937,45.4417857 C288.788869,45.4417857 289.057143,45.1729567 289.057143,44.8413393 C289.057143,44.5097219 288.788869,44.2408929 288.457937,44.2408929 L258.521587,44.2408929 C257.191349,41.7190179 248.730556,26.4676786 237.285714,24.2820536 C227.374841,22.3966518 223.575873,29.7100893 222.37746,33.0605804 C219.980635,28.2570089 211.232222,13.3779464 193.68746,15.7797321 C187.204048,16.6683929 182.71,19.2863393 180.337143,23.5615179 C178.658548,26.9283664 178.040034,30.7267032 178.563492,34.4536161 C178.647381,35.3302679 178.779206,36.1829018 178.923016,36.9995089 L180.121429,36.9875 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M27.18,12.0089286 C27.0297519,13.4980583 27.114683,15.0016132 27.4316667,16.4642411 L28.2346032,16.4642411 C27.7116035,15.0252147 27.3576836,13.5300323 27.18,12.0089286 Z" id="Shape" fill="#FFFFFF"></path>
<path d="M29.6127778,17.3529018 C29.7108331,17.1733208 29.7108331,16.9560542 29.6127778,16.7764732 C29.6127778,16.7764732 27.6353968,12.2491071 28.4143651,8.28616071 C28.5578939,7.55123595 28.8124905,6.84255959 29.1693651,6.18459821 C30.3677778,4.07102679 32.6088095,2.7740625 35.9044444,2.32973214 C46.6901587,0.852633929 51.0643651,11.7207143 51.244127,12.1770536 C51.3426177,12.4248447 51.5898169,12.580271 51.8553175,12.5613393 C52.1219199,12.5397763 52.3419763,12.3437658 52.3946032,12.0809821 C52.3946032,11.8287946 53.700873,5.884375 59.8607143,7.04924107 C66.2123016,8.25013393 71.065873,16.980625 71.1138095,17.0646875 C71.2192082,17.2577193 71.4215296,17.3775202 71.6411111,17.3769196 L88.4188889,17.3769196 C88.7498214,17.3769196 89.0180952,17.1080906 89.0180952,16.7764732 C89.0180952,16.4448558 88.7498214,16.1760268 88.4188889,16.1760268 L72.0605556,16.1760268 C71.0898413,14.5308036 66.4280159,7.07325893 60.1603175,5.87236607 C56.6260982,4.9735751 52.9903668,6.92011455 51.7714286,10.3637054 C50.1056349,7.21736607 45.1561905,-0.144107143 35.8085714,1.14084821 C32.1174603,1.64522321 29.5528571,3.14633929 28.1866667,5.60816964 C27.2015365,7.57413721 26.8458028,9.79683204 27.1680159,11.9729018 C27.3456994,13.4940055 27.6996194,14.9891879 28.222619,16.4282143 L9.79103175,16.4282143 C9.46009922,16.4282143 9.1918254,16.6970433 9.1918254,17.0286607 C9.1918254,17.3602781 9.46009922,17.6291071 9.79103175,17.6291071 L29.1094444,17.6291071 C29.3131699,17.6287671 29.5027662,17.5247256 29.6127778,17.3529018 Z" id="Shape" fill="#D9EBFF"></path>
<path d="M9.58730159,22.8169643 L89.2338095,22.8169643 C89.8956746,22.8169643 90.4322222,22.2793062 90.4322222,21.6160714 C90.4322222,20.9528366 89.8956746,20.4151786 89.2338095,20.4151786 L70.5625397,20.4151786 C69.0884921,17.6291071 64.8461111,10.4597768 59.453254,9.42700893 C52.6462698,8.13004464 51.2920635,14.9270982 51.2920635,14.9270982 C51.2920635,14.9270982 46.7380952,3.14633929 35.3052381,4.7075 C31.7819048,5.18785714 29.6846825,6.556875 28.498254,8.31017857 C27.6833333,12.273125 29.636746,16.7164286 29.6966667,16.8004911 C29.7776656,16.9864636 29.7594519,17.2008495 29.6482466,17.3704252 C29.5370413,17.5400009 29.3478898,17.6418237 29.1453968,17.6411161 L27.7073016,17.6411161 C27.9183739,18.4595994 28.1866825,19.2621783 28.5102381,20.0429018 L9.1918254,20.0429018 L30.8711111,20.4151786 L9.58730159,20.4151786 C8.92543653,20.4151786 8.38888889,20.9528366 8.38888889,21.6160714 C8.38888889,22.2793062 8.92543653,22.8169643 9.58730159,22.8169643 Z" id="Shape" fill="#FFFFFF"></path>
<ellipse id="Oval" fill="#D9EBFF" cx="148.38746" cy="260.497679" rx="93.4162698" ry="7.73375"></ellipse>
</g>
<g id="Page-1" transform="translate(0.000000, 51.638393)">
<g id="link01" transform="translate(51.200038, 79.481594) rotate(-5.000000) translate(-51.200038, -79.481594) translate(4.200038, 30.481594)">
<path d="M32.4261152,51.9875445 L48.0682471,36.3245109 C49.492261,34.8845697 51.8191291,34.8698764 53.2578235,36.2951243 C53.2651638,36.302471 53.2798444,36.3171642 53.2871846,36.3245109 L76.7026708,59.7602882 L76.8054346,59.6500886 C82.5014902,53.9197105 82.5014902,44.6555991 76.8054346,38.925221 L61.1853235,23.2915739 C55.4599069,17.5905823 46.2038166,17.5905823 40.4783999,23.2915739 L19.6687124,44.1192945 C13.9726569,49.8496726 13.9726569,59.113784 19.6687124,64.8441621 L35.2888235,80.4778092 C40.9481777,86.1494142 50.1015041,86.215534 55.8416013,80.624742 L32.4261152,57.2183512 C30.9800805,55.7931033 30.9653999,53.4715655 32.3894138,52.0242777 C32.4040944,52.0095844 32.4114346,52.0022378 32.4261152,51.9875445" id="Fill-3" fill="#D9EBFF" transform="translate(48.237074, 51.895441) rotate(-34.000000) translate(-48.237074, -51.895441) "></path>
<path d="M30.7630426,45.7526616 L46.4051746,30.0896279 C47.8291885,28.6496868 50.1560565,28.6349935 51.594751,30.0602414 C51.6020912,30.067588 51.6167718,30.0822813 51.6241121,30.0896279 L75.0395982,53.5254053 L75.1423621,53.4152057 C80.8384176,47.6848275 80.8384176,38.4207162 75.1423621,32.690338 L59.522251,17.056691 C53.7968343,11.3556994 44.540744,11.3556994 38.8153274,17.056691 L18.0056399,37.8844116 C12.3095843,43.6147897 12.3095843,52.8789011 18.0056399,58.6092792 L33.625751,74.2429263 C39.2851051,79.9145313 48.4384315,79.9806511 54.1785287,74.389859 L30.7630426,50.9834683 C29.3170079,49.5582204 29.3023274,47.2366826 30.7263412,45.7893948 C30.7410218,45.7747015 30.7483621,45.7673548 30.7630426,45.7526616" id="Fill-3" stroke="#59ACFF" stroke-width="2.4" fill="#F9F9FA" transform="translate(46.574001, 45.660558) rotate(-34.000000) translate(-46.574001, -45.660558) "></path>
<path d="M22.7852013,66.4771835 C20.1303235,63.3103395 18.8690387,59.0205045 19.7048387,54.6506479 L25.1334542,26.6581207 C26.6429564,18.9800676 34.0747233,13.9672776 41.7591596,15.4439409 L62.7672969,19.5369522 C66.5889916,20.2917347 69.3507086,22.5057298 71.1340568,25.4935526 L43.7214737,20.1650863 L43.7214737,20.1650863 C37.215821,18.9005155 30.9168103,23.1492518 29.6522395,29.6549045 L29.6522395,29.6549045 L23.0037386,63.8584767 C22.8325515,64.739158 22.7623985,65.6160524 22.7852013,66.4771835 Z" id="Combined-Shape" fill="#D9EBFF"></path>
</g>
<g id="link03" transform="translate(119.642857, 99.674107)">
<path d="M61.4449253,25.9212017 L45.8174739,10.280208 C40.0920572,4.57921639 30.8359669,4.57921639 25.1105503,10.280208 L25.0004461,10.3904076 L48.4085919,33.8188382 C49.8472864,35.2440861 49.8619669,37.5729706 48.437953,39.0129118 C48.4306128,39.0202584 48.4159322,39.0349517 48.4085919,39.0422983 L32.7591197,54.7053319 C31.3351058,56.1452731 29.0082378,56.1599664 27.5695433,54.7347185 C27.562203,54.7273718 27.5475225,54.7126786 27.5401822,54.7053319 L4.14671692,31.2915945 C-1.43923447,37.036666 -1.37317197,46.1979244 4.29352248,51.8621828 L19.9136336,67.4958298 C25.6390503,73.1968214 34.8951405,73.1968214 40.6205572,67.4958298 L61.4302447,46.6681092 C67.1483211,40.9377311 67.1556614,31.6589265 61.4449253,25.9212017" id="Fill-6-Copy" fill="#D9EBFF"></path>
<path d="M61.4449253,19.9167374 L45.8174739,4.2757437 C40.0920572,-1.4252479 30.8359669,-1.4252479 25.1105503,4.2757437 L25.0004461,4.38594328 L48.4085919,27.8143739 C49.8472864,29.2396218 49.8619669,31.5685063 48.437953,33.0084475 C48.4306128,33.0157941 48.4159322,33.0304874 48.4085919,33.037834 L32.7591197,48.7008676 C31.3351058,50.1408088 29.0082378,50.1555021 27.5695433,48.7302542 C27.562203,48.7229076 27.5475225,48.7082143 27.5401822,48.7008676 L4.14671692,25.2871303 C-1.43923447,31.0322017 -1.37317197,40.1934601 4.29352248,45.8577185 L19.9136336,61.4913655 C25.6390503,67.1923571 34.8951405,67.1923571 40.6205572,61.4913655 L61.4302447,40.663645 C67.1483211,34.9332668 67.1556614,25.6544622 61.4449253,19.9167374" id="Fill-6" stroke="#59ACFF" stroke-width="2.4" fill="#F9F9FA"></path>
<path d="M28.9721426,64.5955022 C33.037388,64.9913171 37.2408193,63.6363114 40.3599522,60.530485 L60.4706829,40.4023269 C65.9967002,34.864421 66.003794,25.8972733 60.4848704,20.3522675 L45.3823146,5.23662428 C42.6367933,2.50281564 39.0511726,1.12551866 35.4591646,1.10473334 L55.6831284,21.3286971 C60.3694199,26.0149886 60.3694199,33.6129683 55.6831284,38.2992598 L31.0523493,62.9300389 C30.408826,63.5735622 29.7103974,64.1287166 28.9721426,64.5955022 Z" id="Combined-Shape" fill="#D9EBFF"></path>
</g>
<g id="ax" transform="translate(205.481878, 54.454149) rotate(-342.000000) translate(-205.481878, -54.454149) translate(130.981878, 21.454149)">
<g id="Group-3" transform="translate(4.559033, 8.122758)">
<g id="Rectangle-8">
<use fill="#F9F9FA" fill-rule="evenodd" xlink:href="#path-1"></use>
<rect stroke="#59ACFF" stroke-width="1.8468" x="0.9234" y="1.56726841" width="141.639228" height="12.2483405" rx="6.12417025"></rect>
</g>
<path d="M9.54867971,1.90762584 L136.460275,1.88177654 L136.460275,1.88178443 C138.190838,1.88143195 139.829572,2.66032787 140.92204,4.00247611 C140.92204,4.00247611 140.92204,4.00247611 140.92204,4.00247611 C141.541511,4.76352577 142.032088,5.76502414 141.82571,5.76792408 C141.689118,5.7698434 97.5967761,5.76985727 9.54868272,5.76796569 L9.54868272,5.76796852 C8.482791,5.76794562 7.61872717,4.90386323 7.61872717,3.8379715 L7.61872717,3.8379715 L7.61872717,3.8379715 C7.61872717,2.77202455 8.48273278,1.90784295 9.54867971,1.90762584 Z" id="Rectangle-8-Copy" fill="#D9EBFF"></path>
</g>
<path d="M67.6986862,46.0921461 C61.3840241,57.5514148 48.5965128,65.3889885 33.8493431,65.3889885 C19.1021734,65.3889885 6.31466215,57.5514148 3.67483821e-13,46.0921461 C9.8920909,39.6742414 16.3684706,28.9843012 16.3684706,16.8813685 C16.3684706,12.2503037 15.4202426,7.82611974 13.6952561,3.76899042 C19.5389076,1.26816793 26.4468798,0 33.8486047,0 C41.2507068,0 48.1591892,1.26829722 54.0032676,3.76937286 C52.2783841,7.82639776 51.3302156,12.2504492 51.3302156,16.8813685 C51.3302156,28.9843012 57.8065953,39.6742414 67.6986862,46.0921461 Z" id="Combined-Shape" stroke="#59ACFF" stroke-width="1.8468" fill="#D9EBFF"></path>
<path d="M7.18388785,41.1333186 C5.44746205,43.1597598 3.46343366,44.9673834 1.25902501,46.5052523 C7.6243987,57.1419041 20.4689713,64.297037 34.2810271,64.297037 C47.823154,64.297037 60.0941977,56.9864836 66.3712076,46.4260246 C64.3851767,45.1209212 62.5513804,43.6234286 60.8962544,41.9630049 C53.4841358,48.8659776 44.2694174,53.6379571 34.3407963,53.6379571 C24.019118,53.6379571 14.5949461,48.4806697 7.18388785,41.1333186 Z" id="Combined-Shape" fill="#FFFFFF"></path>
</g>
<g id="link02" transform="translate(95.674603, 75.549215)">
<path d="M2.84730873,9.06507395 L2.84730873,9.06507395 C5.71735734,6.19253824 10.3637532,6.19253824 13.2264615,9.06507395 L51.7849407,47.6569668 C54.6549893,50.5295025 54.6549893,55.1799248 51.7849407,58.0451139 C48.9222323,60.9176496 44.2758365,60.9176496 41.4057879,58.0451139 L2.84730873,19.453221 C-0.022739881,16.5880319 -0.022739881,11.9376097 2.84730873,9.06507395" id="Fill-1" fill="#D9EBFF"></path>
<path d="M4.04572143,3.06060966 L4.04572143,3.06060966 C6.91577004,0.18807395 11.5621659,0.18807395 14.4248742,3.06060966 L52.9833534,41.6525025 C55.853402,44.5250382 55.853402,49.1754605 52.9833534,52.0406496 C50.120645,54.9131853 45.4742492,54.9131853 42.6042006,52.0406496 L4.04572143,13.4487567 C1.17567282,10.5835676 1.17567282,5.93314538 4.04572143,3.06060966" id="Fill-1" stroke="#59ACFF" stroke-width="2.4" fill="#F9F9FA"></path>
<path d="M13.2696945,3.57543392 L52.6520395,43.0992044 C54.1752174,45.0889162 54.3276522,47.2197973 53.6517896,48.8204503 C52.975927,50.4211033 52.8836176,51.2108017 49.5589052,48.0481964 L9.00506495,7.40787554 C7.82580742,6.35083719 7.82580742,4.63518263 9.00506495,3.57543392 C10.1843225,2.51568521 12.093453,2.51568521 13.2696945,3.57543392 Z" id="Fill-1" fill="#D9EBFF"></path>
</g>
<g id="Group-2" transform="translate(80.095238, 34.825893)" stroke="#59ACFF" stroke-width="4.32" stroke-linecap="round" stroke-linejoin="round">
<path d="M0,0 C1.81577682,4.22397383 3.63155363,8.44794767 5.44733045,12.6719215" id="Path-3"></path>
<path d="M12.954188,1.71632963 C15.4962756,3.80499361 18.0383631,5.89365759 20.5804506,7.98232157" id="Path-3" transform="translate(16.767319, 4.849326) rotate(56.000000) translate(-16.767319, -4.849326) "></path>
<path d="M24.7504965,7.54529155 C27.2925841,11.7692654 29.8346716,15.9932392 32.3767592,20.2172131" id="Path-3" transform="translate(28.563628, 13.881252) rotate(85.000000) translate(-28.563628, -13.881252) "></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/resources/link_expired.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
public/resources/mozilla-logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

90
public/resources/send_bg.svg Normal file
View File

@ -0,0 +1,90 @@
<?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>
<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>
</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>
</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>
<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>
<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>
<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>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/resources/share.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

103
public/resources/upload.svg
View File

@ -1,92 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="148px" height="113px" viewBox="0 0 148 113" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="57px" height="57px" viewBox="0 0 57 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 45.1 (43504) - http://www.bohemiancoding.com/sketch -->
<title>Group 14</title> <title>upload</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs> <defs></defs>
<filter x="-81.6%" y="-21.2%" width="210.5%" height="180.8%" filterUnits="objectBoundingBox" id="filter-1"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<feOffset dx="-10" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <g id="File-transfer_drop" transform="translate(-692.000000, -442.000000)" stroke-width="2" stroke="#7FC9FD">
<feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <g id="content" transform="translate(33.000000, 215.000000)">
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.126754982 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <g id="Group-4" transform="translate(351.000000, 182.000000)">
<feMerge> <g id="Group-5" transform="translate(30.000000, 46.000000)">
<feMergeNode in="shadowMatrixOuter1"></feMergeNode> <g id="upload" transform="translate(279.000000, 0.000000)">
<feMergeNode in="SourceGraphic"></feMergeNode> <g>
</feMerge> <polyline id="Stroke-1" points="18 24 28 15 38 24"></polyline>
</filter> <path d="M28,39.5454545 L28,15" id="Stroke-3"></path>
<filter x="-83.8%" y="-21.6%" width="213.5%" height="182.4%" filterUnits="objectBoundingBox" id="filter-2"> <circle id="Oval-3" cx="27.5" cy="27.5" r="27.5"></circle>
<feOffset dx="-10" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> </g>
<feGaussianBlur stdDeviation="5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> </g>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.126754982 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<filter x="-78.0%" y="-21.6%" width="204.9%" height="182.4%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="-10" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="5" 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.126754982 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
<filter x="-58.8%" y="-21.7%" width="178.4%" height="189.1%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="-10" dy="10" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="5" 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.13 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
<feMerge>
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<g id="Sidebar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-14" transform="translate(19.000000, 1.000000)">
<g id="Group-11" filter="url(#filter-1)" transform="translate(28.573415, 37.189410) rotate(-25.000000) translate(-28.573415, -37.189410) translate(9.573415, 11.189410)">
<g id="noun_775738_cc" stroke="#00C8D8" stroke-width="2">
<g id="Group-10" transform="translate(0.143028, 0.571288)">
<path d="M0,3.11187997 C0,1.44994393 1.33795046,0.102678571 2.99700349,0.102678571 L24.2431693,0.102678571 L36.6460185,10.8658088 L36.6460185,46.9983075 C36.6460185,48.658562 35.2983063,50.0044643 33.647121,50.0044643 L2.9988975,50.0044643 C1.34265214,50.0044643 0,48.6697121 0,46.9952629 L0,3.11187997 Z" id="Rectangle-7" fill="#BFF1F5"></path>
<path d="M24.430679,0.631293163 C24.430679,0.0822437139 24.7706307,-0.0632105526 25.1876619,0.304366627 L36.3833191,10.1723775 C36.8013892,10.5408704 36.6879598,10.8395929 36.1429992,10.8395929 L27.4265882,10.8395929 C25.7719932,10.8395929 24.430679,9.48831667 24.430679,7.83754409 L24.430679,0.631293163 Z" id="Rectangle-8" fill="#2FD2DF"></path>
</g> </g>
</g> </g>
<g id="noun_1029125_cc" transform="translate(3.901518, 8.349380)" fill-rule="nonzero" fill="#2FD2DF">
<g id="Group">
<path d="M24.1801115,8.08668825 C23.3856986,7.07396809 21.8961743,7.07396809 21.1514122,8.08668825 L12.1646161,19.682334 C11.9660128,19.9355141 11.6184572,19.9355141 11.419854,19.73297 L7.89464663,15.8339974 C7.10023371,14.9225493 5.7100111,14.9225493 4.91559818,15.8339974 L0.943533576,20.2393301 C0.546327116,20.6950542 0.347723886,21.2520503 0.347723886,21.8596824 L0.347723886,36.5947607 C0.347723886,37.1517567 0.794581154,37.5568448 1.29108923,37.5568448 L27.8542712,37.5568448 C28.4004301,37.5568448 28.7976366,37.1011207 28.7976366,36.5947607 L28.7976366,14.7706413 C28.7976366,14.2136452 28.5990334,13.7072851 28.3011285,13.3021971 L24.1801115,8.08668825 Z" id="Shape"></path>
<ellipse id="Oval" cx="5.51140787" cy="3.98517161" rx="3.17765168" ry="3.2407045"></ellipse>
</g>
</g>
</g>
<g id="Group-10" filter="url(#filter-2)" transform="translate(44.984738, 0.000000)">
<path d="M0,3.11187997 C0,1.44994393 1.33795046,0.102678571 2.99700349,0.102678571 L24.2431693,0.102678571 L36.6460185,10.8658088 L36.6460185,46.9983075 C36.6460185,48.658562 35.2983063,50.0044643 33.647121,50.0044643 L2.9988975,50.0044643 C1.34265214,50.0044643 0,48.6697121 0,46.9952629 L0,3.11187997 Z" id="Rectangle-7" stroke="#FF5B6D" stroke-width="2" fill="#FFDEE2"></path>
<path d="M5.44129888,23.9323409 L30.6937957,23.9323409 C31.424931,23.9323409 32.0211705,23.4883258 32.0211705,22.9438547 C32.0211705,22.3993836 31.424931,21.9553685 30.6937957,21.9553685 L5.44129888,21.9553685 C4.71016356,21.9553685 4.11392405,22.3993836 4.11392405,22.9438547 C4.11392405,23.4883258 4.71016356,23.9323409 5.44129888,23.9323409 Z" id="Shape" fill="#FF9CA7" fill-rule="nonzero"></path>
<path d="M5.44129888,17.9049859 L30.6937957,17.9049859 C31.424931,17.9049859 32.0211705,17.4609707 32.0211705,16.9164996 C32.0211705,16.3720286 31.424931,15.9280134 30.6937957,15.9280134 L5.44129888,15.9280134 C4.71016356,15.9280134 4.11392405,16.3720286 4.11392405,16.9164996 C4.11392405,17.4609707 4.71016356,17.9049859 5.44129888,17.9049859 Z" id="Shape" fill="#FF9CA7" fill-rule="nonzero"></path>
<path d="M5.44129888,29.959696 L30.6937957,29.959696 C31.424931,29.959696 32.0211705,29.5156809 32.0211705,28.9712098 C32.0211705,28.4267387 31.424931,27.9827235 30.6937957,27.9827235 L5.44129888,27.9827235 C4.71016356,27.9827235 4.11392405,28.4267387 4.11392405,28.9712098 C4.11392405,29.5156809 4.71016356,29.959696 5.44129888,29.959696 Z" id="Shape" fill="#FF9CA7" fill-rule="nonzero"></path>
<path d="M5.44129888,35.9870511 L30.6937957,35.9870511 C31.424931,35.9870511 32.0211705,35.5430359 32.0211705,34.9985649 C32.0211705,34.4540938 31.424931,34.0100786 30.6937957,34.0100786 L5.44129888,34.0100786 C4.71016356,34.0100786 4.11392405,34.4540938 4.11392405,34.9985649 C4.11392405,35.5430359 4.71016356,35.9870511 5.44129888,35.9870511 Z" id="Shape" fill="#FF9CA7" fill-rule="nonzero"></path>
<path d="M5.44129888,42.0144062 L30.6937957,42.0144062 C31.424931,42.0144062 32.0211705,41.570391 32.0211705,41.0259199 C32.0211705,40.4814489 31.424931,40.0374337 30.6937957,40.0374337 L5.44129888,40.0374337 C4.71016356,40.0374337 4.11392405,40.4814489 4.11392405,41.0259199 C4.11392405,41.5724001 4.71016356,42.0144062 5.44129888,42.0144062 Z" id="Shape" fill="#FF9CA7" fill-rule="nonzero"></path>
<path d="M24.430679,0.631293163 C24.430679,0.0822437139 24.7706307,-0.0632105526 25.1876619,0.304366627 L36.3833191,10.1723775 C36.8013892,10.5408704 36.6879598,10.8395929 36.1429992,10.8395929 L27.4265882,10.8395929 C25.7719932,10.8395929 24.430679,9.48831667 24.430679,7.83754409 L24.430679,0.631293163 Z" id="Rectangle-8" stroke="#FF5B6D" stroke-width="2" fill="#FF9CA7"></path>
</g>
<g id="Group-10" filter="url(#filter-3)" transform="translate(99.755713, 40.795908) rotate(25.000000) translate(-99.755713, -40.795908) translate(79.255713, 15.295908)">
<path d="M-2.72848411e-12,3.11187997 C-2.72848411e-12,1.44994393 1.34238993,0.102678571 2.99799713,0.102678571 L37.4077263,0.102678571 L36.6460185,10.8658088 L36.6460185,46.9983075 C36.6460185,48.658562 35.2983063,50.0044643 33.647121,50.0044643 L2.9988975,50.0044643 C1.34265214,50.0044643 -2.72848411e-12,48.6697121 -2.72848411e-12,46.9952629 L-2.72848411e-12,3.11187997 Z" id="Rectangle-7" stroke="#FFBC38" stroke-width="2" fill="#FFEECD"></path>
<g id="Group" transform="translate(11.566360, 15.461370)" stroke-linecap="round" stroke="#FFCD6A" stroke-linejoin="round">
<g transform="translate(3.291139, 15.607143)" id="Shape" stroke-width="1.5">
<path d="M0.507658228,0 L6.07462025,0"></path>
<path d="M0.507658228,1.64285714 L6.07462025,1.64285714"></path>
<path d="M1.80189873,3.28571429 L4.78037975,3.28571429"></path>
</g>
<g id="Shape" stroke-width="2">
<path d="M12.8823418,6.68478571 C12.8823418,3.197 10.0618354,0.369642857 6.58227848,0.369642857 C3.10272152,0.369642857 0.28221519,3.197 0.28221519,6.68478571 C0.28221519,8.54367857 1.08772152,10.2095357 2.36221519,11.3652857 L3.79879747,13.7646786 L9.36658228,13.7646786 L10.8023418,11.3661071 C12.0768354,10.2095357 12.8823418,8.54367857 12.8823418,6.68478571 Z"></path>
<polyline points="5.85164557 13.7991786 4.73759494 9.82264286 8.42696203 9.82264286 7.31291139 13.7991786"></polyline>
</g>
</g>
<path d="M59.4642883,25.2355179 L31.4194394,25.2355179 C30.0529755,25.2355179 29.4086334,24.2834821 28.8404333,23.4439821 C28.2288404,22.5387679 27.6508156,21.6844821 26.2032973,21.6844821 L15.5761548,21.6844821 C14.0655941,21.6844821 12.8366772,23.3429464 12.8366772,25.3809107 L12.8366772,27.8451964 C13.4900254,27.0204821 14.4684103,26.4824464 15.5761548,26.4824464 L59.4642883,26.4824464 C60.5720328,26.4824464 61.5504176,27.0204821 62.2037658,27.8451964 L62.2037658,27.2882679 C62.2029471,25.251125 60.9740302,25.2355179 59.4642883,25.2355179 Z" id="Shape" stroke="#FFBC38" stroke-width="2" fill="#FFCD6A" transform="translate(37.520222, 24.764839) rotate(90.000000) translate(-37.520222, -24.764839) "></path>
</g>
<g id="Group-12" filter="url(#filter-4)" transform="translate(37.025316, 46.000000)">
<path d="M24.196055,2.68359965 C24.8899407,1.8177448 26.0064693,1.82521173 26.6836283,2.69225814 L40.872699,20.8601973 C41.5526621,21.7308341 41.2103747,22.4366247 40.1012607,22.4366247 L31.1853858,22.4366247 L31.1853858,38.5236322 L19.6604889,38.5236322 L19.6604889,22.4366247 L10.3594066,22.4366247 C9.25859767,22.4366247 8.92499102,21.7393653 9.62260704,20.8688558 L24.196055,2.68359965 Z" id="Polygon" fill="#1F7FFF"></path>
<g id="noun_47280_cc" fill-rule="nonzero" fill="#165CE4">
<path d="M31.2533248,39.1323944 L19.5010415,39.1323944 C19.1136036,39.1323944 18.8553116,38.8732394 18.8553116,38.484507 L18.8553116,23.0647887 L8.45906105,23.0647887 C8.20076911,23.0647887 8.00705015,22.9352113 7.87790418,22.6760563 C7.74875821,22.4816901 7.8133312,22.1577465 7.94247717,21.9633803 L24.8605993,0.777464789 C25.1188912,0.453521127 25.6354751,0.453521127 25.893767,0.777464789 L42.7473161,21.8985915 C42.8764621,22.028169 42.9410351,22.2225352 42.9410351,22.4169014 C42.9410351,22.8056338 42.6827432,23.0647887 42.2953052,23.0647887 L42.2953052,23.0647887 L31.8990546,23.0647887 L31.8990546,38.484507 C31.8990546,38.8732394 31.5761897,39.1323944 31.2533248,39.1323944 Z M20.1467714,37.8366197 L30.543022,37.8366197 L30.543022,22.4169014 C30.543022,22.028169 30.8013139,21.7690141 31.1887518,21.7690141 L40.9392726,21.7690141 L25.3771831,2.26760563 L9.81509373,21.7690141 L19.5656145,21.7690141 C19.9530524,21.7690141 20.2113443,22.028169 20.2113443,22.4169014 L20.2113443,37.8366197 L20.1467714,37.8366197 Z" id="Shape"></path>
<path d="M49.9794905,45.8056338 L1.22688672,45.8056338 C0.839448806,45.8056338 0.581156866,45.5464789 0.581156866,45.1577465 L0.581156866,36.8647887 C0.581156866,36.4760563 0.839448806,36.2169014 1.22688672,36.2169014 C1.61432463,36.2169014 1.87261657,36.4760563 1.87261657,36.8647887 L1.87261657,44.5098592 L49.3337606,44.5098592 L49.3337606,36.8647887 C49.3337606,36.4760563 49.5920526,36.2169014 49.9794905,36.2169014 C50.3669284,36.2169014 50.6252203,36.4760563 50.6252203,36.8647887 L50.6252203,45.1577465 C50.6252203,45.4816901 50.3023554,45.8056338 49.9794905,45.8056338 Z" id="Shape"></path>
</g>
</g> </g>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

18
server/server.js
View File

@ -35,24 +35,24 @@ app.use(helmet());
app.use( app.use(
helmet.contentSecurityPolicy({ helmet.contentSecurityPolicy({
directives: { directives: {
defaultSrc: ['\'self\''], defaultSrc: ['"self"'],
connectSrc: [ connectSrc: [
'\'self\'', '"self"',
'https://sentry.prod.mozaws.net', 'https://sentry.prod.mozaws.net',
'https://www.google-analytics.com', 'https://www.google-analytics.com',
'https://ssl.google-analytics.com' 'https://ssl.google-analytics.com'
], ],
imgSrc: [ imgSrc: [
'\'self\'', '"self"',
'https://www.google-analytics.com', 'https://www.google-analytics.com',
'https://ssl.google-analytics.com' 'https://ssl.google-analytics.com'
], ],
scriptSrc: ['\'self\'', 'https://ssl.google-analytics.com'], scriptSrc: ['"self"', 'https://ssl.google-analytics.com'],
styleSrc: ['\'self\'', 'https://code.cdn.mozilla.net'], styleSrc: ['"self"', 'https://code.cdn.mozilla.net'],
fontSrc: ['\'self\'', 'https://code.cdn.mozilla.net'], fontSrc: ['"self"', 'https://code.cdn.mozilla.net'],
formAction: ['\'none\''], formAction: ['"none"'],
frameAncestors: ['\'none\''], frameAncestors: ['"none"'],
objectSrc: ['\'none\''] objectSrc: ['"none"']
} }
}) })
); );

61
views/download.handlebars
View File

@ -3,49 +3,53 @@
<head> <head>
<title>Download your file</title> <title>Download your file</title>
{{#if dsn}} {{#if dsn}}
{{> sentry dsn=dsn}} {{> sentry dsn=dsn}}
{{/if}} {{/if}}
<script src="/bundle.js"></script> <script src="/bundle.js"></script>
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css" />
<link rel="stylesheet" type="text/css" href="/main.css" /> <link rel="stylesheet" type="text/css" href="/main.css" />
{{#if trackerId}} {{#if trackerId}}
{{> analytics trackerId=trackerId}} {{> analytics trackerId=trackerId}}
{{/if}} {{/if}}
</head> </head>
<body> <body>
<div>
<div class="main-window">
<div id="download"> <div id="download">
{{#if filename}} {{#if filename}}
<div class="title">
Your friend is sending you a file: <br />
{{{filename}}} ({{{filesize}}})
</div>
<div id="download-page-one"> <div id="download-page-one">
<div> <div class="title">
<button id="download-btn">Download File</button> Download <span id="dl-filename">{{{filename}}}</span> ({{{filesize}}})
</div> </div>
<div id='expired-img'> <div class="description">
<img src='/resources/link_expired.png' /> Your friend is sending you a file with Firefox Send, a service that allows you to share files with a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
</div>
<img src="/resources/illustration_download.svg" id="download-img" alt="Download"/>
<div>
<button id="download-btn" title="Download">Download</button>
</div> </div>
</div> </div>
<div id="download-progress"> <div id="download-progress">
<div id="download-text"> <div class="title">
Downloading File... Downloading {{{filename}}} ({{{filesize}}})
</div>
<div class="description">
Please leave this tab open while we fetch your file and decrypt it.
</div>
<!-- progress bar here -->
<div class="progress-bar" id="dl-progress">
<div class="percentage">
<span class="percent-number"></span>
<span class="percent-sign">%</span>
</div>
</div> </div>
<div class="upload"> <div class="upload">
<!-- progress bar here --> <div class="progress-text">{{{filename}}}</div>
<div id="progress-bar"></div>
<div id="progress-text"></div>
</div> </div>
</div> </div>
<div class="send-new" id="send-file"> <div class="send-new" title="Try Firefox Send">
Send your own files Try Firefox Send
</div> </div>
{{else}} {{else}}
<div class="title"> <div class="title">
@ -53,17 +57,16 @@
</div> </div>
<div class="share-window"> <div class="share-window">
<img src="/resources/link_expired.png" alt="Link expired" /> <img src="/resources/illustration_expired.svg" id="expired-img" alt="Link expired" />
</div> </div>
<div class="send-new" id="send-file"> <div class="expired-description">
Send your own files Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
</div>
<div class="send-new" title="Try Firefox Send">
Try Firefox Send
</div> </div>
{{/if}} {{/if}}
</div> </div>
</div> </div>
<!-- <ul id="downloaded_files">
</ul> -->
</body> </body>
</html> </html>

122
views/index.handlebars
View File

@ -3,48 +3,46 @@
<head> <head>
<title>Firefox Send</title> <title>Firefox Send</title>
{{#if dsn}} {{#if dsn}}
{{> sentry dsn=dsn}} {{> sentry dsn=dsn}}
{{/if}} {{/if}}
<script src="/bundle.js"></script> <script src="/bundle.js"></script>
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css" />
<link rel="stylesheet" type="text/css" href="/main.css" /> <link rel="stylesheet" type="text/css" href="/main.css" />
<link rel="stylesheet" type="text/css" href="/resources/fontello-24c5e6ad/css/fontello.css" />
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
{{#if trackerId}} {{#if trackerId}}
{{> analytics trackerId=trackerId}} {{> analytics trackerId=trackerId}}
{{/if}} {{/if}}
</head> </head>
<body> <body>
<div id="all">
<div class="main-window">
<div id="page-one"> <div id="page-one">
<div class="title"> <div class="title">
Share your files quickly, privately and securely. Private, Encrypted File Sharing
</div> </div>
<div class="upload-window"> <div class="description">
Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.<br> <a href="" class="link">Learn more</a>
</div>
<div class="upload-window" >
<div id="upload-img"><img src="/resources/upload.svg" alt="Upload"/></div> <div id="upload-img"><img src="/resources/upload.svg" alt="Upload"/></div>
<div> <div id="upload-text">
DRAG &amp; DROP Drop your files here to start uploading
</div>
<div class="upload">
<div id="browse-text">
your file/folder here or
</div>
<div id="browse">
<form method="post" action="upload" enctype="multipart/form-data">
<label for="file-upload" class="file-upload">browse</label>
<input id="file-upload" type="file" name="fileUploaded" />
</form>
</div>
</div> </div>
<form method="post" action="upload" enctype="multipart/form-data">
<label for="file-upload" id="browse" title="Upload file">Select a file on your computer</label>
<input id="file-upload" type="file" name="fileUploaded" />
</form>
</div> </div>
<div id="file-list"> <div id="file-list">
<table id="uploaded-files"> <table id="uploaded-files">
<thead> <thead>
<tr> <tr>
<!-- htmllint attr-bans="false" --> <!-- htmllint attr-bans="false" -->
<th width="30%">File</th> <th width="35%">File</th>
<th width="45%">Copy URL</th> <th width="25%">Copy URL</th>
<th width="18%">Expires in</th> <th width="21%">Expires in</th>
<th width="7%">Delete</th> <th width="12%">Delete</th>
<!-- htmllint tag-bans="$previous" --> <!-- htmllint tag-bans="$previous" -->
</tr> </tr>
</thead> </thead>
@ -57,57 +55,73 @@
<div id="upload-progress"> <div id="upload-progress">
<div class="title" id="upload-filename"> <div class="title" id="upload-filename">
Uploading Uploading Your File
</div> </div>
<div class="upload-window"> <div class="description">
<div id="upload-img"><img src="/resources/upload.svg" alt="Upload" /></div>
<div class="upload"> </div>
<!-- progress bar here --> <!-- progress bar here -->
<div id="progress-bar"></div> <div class="progress-bar" id="ul-progress">
<div id="progress-text"></div> <div class="percentage">
<span class="percent-number">0</span>
<span class="percent-sign">%</span>
</div> </div>
</div> </div>
<div class="upload">
<div class="progress-text"></div>
<div id="cancel-upload" title="Cancel Upload">Cancel Upload</div>
</div>
</div> </div>
<div id="share-link"> <div id="share-link">
<div class="title"> <div class="title">
Copy the link below to share your file! This encrypted link will expire after 1 download or in 24 hours
</div> </div>
<div class="share-window"> <div id="share-window">
<img src="/resources/share.png" alt="Share" /> <div id="copy-text">
<div id="share-window-r"> Copy and share the link to send your file:
<div id="copy">
<input id="link" type="url" value="" readonly/>
<button id="copy-btn">Copy</button>
</div>
<div>
This link expires after one download
</div>
</div> </div>
<div id="copy">
<input id="link" type="url" value="" readonly/>
<button id="copy-btn" title="Copy to Clipboard">Copy to Clipboard</button>
</div>
<button id="delete-file" title="Delete file">Delete file</button>
</div> </div>
<div class="send-new"> <div class="send-new" title="Send another file">
Send another file Send another file
</div> </div>
</div> </div>
<div id="upload-error"> <div id="upload-error">
<div class="title"> <div class="title">
Upload error<br> Something went wrong!
This file cannot be uploaded!
</div> </div>
<div class="send-new"> <div class="expired-description">
There has been an error uploading the file.
</div>
<img id="upload-error-img" src="/resources/illustration_error.svg" alt="Upload error" />
<div class="send-new" title="Send another file">
Send another file Send another file
</div> </div>
</div> </div>
<div id="compliance-error">
<div class="title">
Encryption error<br>
Your browser does not support gcm encryption.
</div>
</div>
</div> </div>
<div id="unsupported-browser">
<div class="title">
Your browser is not supported.
</div>
<div class="description">
Unfortunately this browser does not support the web technology that powers Firefox Send. You'll need to try another browser. We recommend Firefox!
</div>
<a id="dl-firefox" href="https://www.mozilla.org/firefox/new/?scene=2" target="_blank">
<img src="/resources/firefox_logo-only.svg" id="firefox-logo" alt="Firefox"/>
<div id="dl-firefox-text">Firefox<br><span>Free Download</span></div>
</a>
<div class="unsupported-description">
Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
</div>
</div>
</div>
<!-- <div class="footer"><img src="/resources/mozilla-logo.jpg"/>This footer will always be positioned at the bottom of the page, but <strong>not fixed</strong>.</div> -->
</body> </body>
</html> </html>