Improve about page
This commit is contained in:
parent
b7a73add54
commit
fae84b9b5f
1 changed files with 31 additions and 6 deletions
|
@ -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 ♥ by <a href="mailto:robin@capira.de">Robin Linus</a></span>
|
<span id="footer">Built with ♥ by <a href="https://twitter.com/capira42" target="_blank">Robin Linus</a></span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</dom-module>
|
</dom-module>
|
||||||
|
|
Loading…
Reference in a new issue