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; display: block;
overflow: hidden; overflow: hidden;
color: white; color: white;
z-index: 3 z-index: 3;
--paper-tooltip: {
font-size: 14px;
background-color: white;
color: #4285f4;
}
--paper-tooltip-opacity:0.95;
} }
#placeholder { #placeholder {
@ -35,8 +41,8 @@
} }
.logo { .logo {
width: 80px; width: 96px;
height: 80px; height: 96px;
} }
.slogan { .slogan {
@ -93,12 +99,16 @@
z-index: 10; z-index: 10;
} }
#btn, .social {
.share a { margin: 16px;
color: #52524F;
} }
.share a { #btn,
.social a {
color: white;
}
.social a {
text-decoration: none; text-decoration: none;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
@ -112,6 +122,13 @@
<div id="placeholder"></div> <div id="placeholder"></div>
<div id="container"> <div id="container">
<div class="share"> <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"> <a href="https://twitter.com/snapdrop42" target="_blank">
<iron-icon icon="chat:twitter"></iron-icon> <iron-icon icon="chat:twitter"></iron-icon>
<paper-tooltip for="" position="bottom" offset="14"> <paper-tooltip for="" position="bottom" offset="14">
@ -137,13 +154,13 @@
Get involved! Get involved!
</paper-tooltip> </paper-tooltip>
</a> </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>
<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> </div>
<span id="footer">Built with &#9829; by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span> <span id="footer">Built with &#9829; by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span>
</div> </div>