Improve about page

This commit is contained in:
Robin Linus 2015-12-28 23:01:40 +01:00
parent b7a73add54
commit fae84b9b5f

View file

@ -35,19 +35,24 @@
box-sizing: border-box; box-sizing: border-box;
} }
iron-icon {
.logo {
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
.paper-font-subhead { .slogan{
text-align: center; text-align: center;
} }
.paper-font-headline {
margin-bottom: 8px;
font-size: 32px;
}
a { a {
text-decoration: none; text-decoration: none;
color: white; color: white;
@apply(--layout-self-end);
} }
.center { .center {
@ -63,16 +68,36 @@
bottom: 24px; bottom: 24px;
text-align: center; text-align: center;
} }
a {
display: inline-block;
text-align: center;
}
.donate-icon {
padding-top: 32px;
width: 32px;
height: 32px;
}
.paper-font-subhead {
font-size: 20px;
}
a.paper-font-subhead {
padding-top: 32px;
}
</style> </style>
<paper-icon-button id="btn" icon="chat:close" on-tap="_switch"></paper-icon-button> <paper-icon-button id="btn" icon="chat:close" on-tap="_switch"></paper-icon-button>
<div id="placeholder"></div> <div id="placeholder"></div>
<div id="container"> <div id="container">
<div class="center"> <div class="center">
<iron-icon icon="chat:wifi-tethering"></iron-icon> <iron-icon icon="chat:wifi-tethering" class="logo"></iron-icon>
<div class="paper-font-headline">Snapdrop</div> <div class="paper-font-headline">Snapdrop</div>
<div class="paper-font-subhead">The easiest way to send files across devices.</div> <div class="slogan">The easiest way to transfer files accross 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="mailto:robin@capira.de">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>
</template> </template>
</dom-module> </dom-module>