2018-01-21 04:30:49 +00:00
< HiddenFromSSR >
< FreeTextLayout >
< div class = "not-logged-in-home" >
< div class = "banner" >
2019-03-03 03:02:06 +00:00
< SvgIcon className = "not-logged-in-home-svg" href = "#pinafore-logo" / >
2018-01-21 04:30:49 +00:00
< h1 > Pinafore< / h1 >
< / div >
2018-03-07 07:27:36 +00:00
< p > Pinafore is a web client for < ExternalLink href = "https://joinmastodon.org" > Mastodon< / ExternalLink > , designed for speed and simplicity.< / p >
2018-01-09 02:14:21 +00:00
2018-04-09 16:35:58 +00:00
< p > Read the < ExternalLink href = "https://nolanlawson.com/2018/04/09/introducing-pinafore-for-mastodon/" > introductory blog post< / ExternalLink > , or get started by logging in to an instance:< / p >
2018-01-09 02:14:21 +00:00
2019-02-14 02:40:02 +00:00
< p style = "text-align: right;" > < a class = "button primary" rel = "prefetch" href = "/settings/instances/add" > Add instance< / a > < / p >
2018-01-21 04:30:49 +00:00
< / div >
< / FreeTextLayout >
< / HiddenFromSSR >
2018-01-09 02:14:21 +00:00
< style >
2018-01-16 05:58:31 +00:00
.not-logged-in-home {
margin: 10px;
}
2018-01-20 20:35:38 +00:00
.not-logged-in-home .banner {
2018-01-09 02:14:21 +00:00
display: flex;
align-items: center;
2018-01-13 18:53:25 +00:00
margin: 0 0 30px;
2018-01-09 02:14:21 +00:00
}
2019-03-03 03:02:06 +00:00
:global(.not-logged-in-home-svg) {
2018-01-09 02:14:21 +00:00
width: 70px;
height: 70px;
2019-02-12 05:03:51 +00:00
fill: var(--banner-fill);
2018-01-09 02:14:21 +00:00
display: inline-block;
}
2018-01-20 20:35:38 +00:00
.not-logged-in-home h1 {
2019-02-12 05:03:51 +00:00
color: var(--banner-fill);
2018-01-09 02:14:21 +00:00
display: inline-block;
font-size: 3em;
margin: auto 15px;
}
@media (max-width: 767px) {
2018-01-20 20:35:38 +00:00
.not-logged-in-home h1 {
2018-01-09 02:14:21 +00:00
font-size: 2.7em;
}
}
2018-01-13 02:57:50 +00:00
< / style >
< script >
import FreeTextLayout from './FreeTextLayout.html'
2018-01-21 04:30:49 +00:00
import HiddenFromSSR from './HiddenFromSSR.html'
2018-01-29 03:01:51 +00:00
import ExternalLink from './ExternalLink.html'
2019-03-03 03:02:06 +00:00
import SvgIcon from './SvgIcon.html'
2018-01-14 04:33:14 +00:00
2018-01-13 02:57:50 +00:00
export default {
components: {
2018-01-21 04:30:49 +00:00
FreeTextLayout,
2018-01-29 03:01:51 +00:00
HiddenFromSSR,
2019-03-03 03:02:06 +00:00
ExternalLink,
SvgIcon
2018-01-13 02:57:50 +00:00
}
}
2019-02-12 05:03:51 +00:00
< / script >