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,6 +122,13 @@
<div id="placeholder"></div>
<div id="container">
<div class="share">
<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>
<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">
@ -137,13 +154,13 @@
Get involved!
</paper-tooltip>
</a>
<paper-icon-button id="btn" icon="chat:close" on-tap="_switch"></paper-icon-button>
<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 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>
<span id="footer">Built with &#9829; by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span>
</div>