mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-30 19:49:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Lots of minor fixes

Browse source
This commit is contained in:
Robin Linus 2016-05-04 23:13:07 -06:00
parent bb81b6f2e4
commit d8dcbfcb0f
21 changed files with 332 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/elements/x-cards/about-page.html
View file

@ -130,40 +130,40 @@
<div class="paper-font-headline">Snapdrop</div>
<div class="slogan">The easiest way to transfer files across devices.</div>
<div class="social">
<a href="https://twitter.com/snapdrop42" target="_blank">
<a href="https://twitter.com/intent/tweet?text=https://snapdrop.net%20by%20@robin_linus%20&" target="_blank">
<iron-icon icon="chat:twitter"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Twitter!
<paper-tooltip position="bottom" offset="14">
Tweet about Snapdrop!
</paper-tooltip>
</a>
<a href="https://www.facebook.com/snapdrop.net/" target="_blank">
<a href="https://www.facebook.com/RobinLinus" target="_blank">
<iron-icon icon="chat:facebook"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Facebook!
<paper-tooltip position="bottom" offset="14">
Like my Facebook Page!
</paper-tooltip>
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=R9C5E42UYEQCN" target="_blank">
<a href="https://www.paypal.com/cgi-bin/webscr?business=robin@capira.de&cmd=_xclick&currency_code=USD&item_name=Snapdrop&shipping=0" target="_blank">
<iron-icon icon="chat:local-cafe"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
<paper-tooltip position="bottom" offset="14">
You like Snapdrop?
<br> Buy me a cup of coffee!
</paper-tooltip>
</a>
<a href="https://github.com/capira12/snapdrop" target="_blank" class="github">
<a href="https://github.com/yougrow/snapdrop" target="_blank" class="github">
<iron-icon icon="chat:github"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
<paper-tooltip position="bottom" offset="14">
Get involved!
</paper-tooltip>
</a>
<a href="https://github.com/capira12/snapdrop#frequently-asked-questions" target="_blank" class="github">
<a href="https://github.com/yougrow/snapdrop#frequently-asked-questions" target="_blank" class="github">
<iron-icon icon="chat:help-outline"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
<paper-tooltip position="bottom" offset="14">
Frequently Asked Questions
</paper-tooltip>
</a>
</div>
</div>
<span id="footer">Built with &#9829; by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span>
<span id="footer"><a href="https://twitter.com/robin_linus" target="_blank">Built with &#9829; by Robin Linus</a></span>
</div>
</template>
</dom-module>

92
app/elements/x-cards/settings-page.html Normal file
View file

@ -0,0 +1,92 @@
<dom-module id="settings-page">
<template>
<style>
:host {
display: block;
overflow: hidden;
color: white;
z-index: 3
}
#placeholder {
opacity: 0;
background-color: #4285f4;
@apply(--layout-fit);
}
/* paper-icon-button {
position: absolute;
top: 16px;
right: 16px;
z-index: 2;
}*/
#container {
@apply(--layout-fit);
@apply(--layout-vertical);
@apply(--layout-center-center);
background-color: #4285f4;
padding: 64px 32px 64px 32px;
box-sizing: border-box;
}
</style>
</template>
<script>
'use strict';
Polymer({
is: 'settings-page',
behaviors: [
Polymer.NeonSharedElementAnimatableBehavior
],
properties: {
animationConfig: {
value: function() {
return {
'entry': [{
name: 'ripple-animation',
id: 'ripple',
toPage: this
}, {
name: 'fade-out-animation',
node: this.$.placeholder,
timing: {
delay: 250
}
}, {
name: 'fade-in-animation',
node: this.$.container,
timing: {
delay: 50
}
}],
'exit': [{
name: 'opaque-animation',
node: this.$.placeholder
}, {
name: 'fade-out-animation',
node: this.$.container,
timing: {
duration: 0
}
}, {
name: 'reverse-ripple-animation',
id: 'reverse-ripple',
fromPage: this
}]
};
}
},
sharedElements: {
value: function() {
return {
'ripple': this.$.placeholder,
'reverse-ripple': this.$.placeholder
};
}
}
},
_switch: function() {
document.querySelector('#pages').select(0);
}
});
</script>
</dom-module>