Clean up about page

This commit is contained in:
Robin Linus 2015-12-30 22:06:04 +01:00
parent 53bdcda26d
commit 4fc0087187

View file

@ -10,7 +10,13 @@
display: block;
overflow: hidden;
color: white;
z-index: 3
z-index: 3;
--paper-tooltip: {
font-size: 14px;
background-color: white;
color: #4285f4;
}
--paper-tooltip-opacity:0.95;
}
#placeholder {
@ -35,8 +41,8 @@
}
.logo {
width: 80px;
height: 80px;
width: 96px;
height: 96px;
}
.slogan {
@ -93,12 +99,16 @@
z-index: 10;
}
#btn,
.share a {
color: #52524F;
.social {
margin: 16px;
}
.share a {
#btn,
.social a {
color: white;
}
.social a {
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
@ -112,38 +122,45 @@
<div id="placeholder"></div>
<div id="container">
<div class="share">
<a href="https://twitter.com/snapdrop42" target="_blank">
<iron-icon icon="chat:twitter"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Twitter!
</paper-tooltip>
</a>
<a href="https://www.facebook.com/snapdrop.net/" target="_blank">
<iron-icon icon="chat:facebook"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Facebook!
</paper-tooltip>
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FDAHZJH3228D6" target="_blank">
<iron-icon icon="chat:local-cafe"></iron-icon>
<paper-tooltip for="" 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">
<iron-icon icon="chat:github"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Get involved!
</paper-tooltip>
</a>
<paper-icon-button id="btn" icon="chat:close" on-tap="_switch"></paper-icon-button>
</div>
<div class="center">
<iron-icon icon="chat:wifi-tethering" class="logo"></iron-icon>
<div class="paper-font-headline">Snapdrop</div>
<div class="slogan">The easiest way to transfer files across devices.</div>
<a class="paper-font-subhead" href="https://github.com/capira12/snapdrop/blob/master/faq.md" target="_blank">Frequently Asked Questions</a>
<div class="social">
<a href="https://twitter.com/snapdrop42" target="_blank">
<iron-icon icon="chat:twitter"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Twitter!
</paper-tooltip>
</a>
<a href="https://www.facebook.com/snapdrop.net/" target="_blank">
<iron-icon icon="chat:facebook"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Contact us on Facebook!
</paper-tooltip>
</a>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=FDAHZJH3228D6" target="_blank">
<iron-icon icon="chat:local-cafe"></iron-icon>
<paper-tooltip for="" 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">
<iron-icon icon="chat:github"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14">
Get involved!
</paper-tooltip>
</a>
<a href="https://github.com/capira12/snapdrop/blob/master/faq.md" target="_blank" class="github">
<iron-icon icon="chat:help-outline"></iron-icon>
<paper-tooltip for="" 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>
</div>