updated text size on /about and /login

This commit is contained in:
bill bittner 2017-10-23 09:46:55 -07:00
parent 31e0618f48
commit f1dfe671a4
3 changed files with 36 additions and 49 deletions

View file

@ -25,15 +25,35 @@ html, body {
/* TEXT */ /* TEXT */
body, button, input, textarea, label, select, option, p { body, button, input, textarea, label, select, option {
font-family: 'Lekton', monospace; font-family: 'Lekton', monospace;
font-size: medium; font-size: medium;
word-wrap: break-word; word-wrap: break-word;
} }
p { h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
.h2--secondary {
color: #9b9b9b;
}
.h2--top {
margin-top: 0px;
}
p, h3 {
padding-left: 0.3em; padding-left: 0.3em;
font-size: 18px; font-size: x-large;
}
.input-text--large, .textarea--large, .title-show, .description-show {
font-size: 1.5rem;
} }
.url-text { .url-text {
@ -54,7 +74,7 @@ p {
} }
.pull-quote { .pull-quote {
font-size: 24px; font-size: 3rem;
} }
.publish-fine-print { .publish-fine-print {
@ -103,31 +123,6 @@ a, a:visited {
text-decoration: none; text-decoration: none;
} }
/* HEADERS */
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
.h2--secondary {
color: #9b9b9b;
}
.h2--top {
margin-top: 0px;
}
h3 {
font-size: 1rem;
}
.input-text--large, .textarea--large, .title-show, .description-show {
font-size: 1.5rem;
}
/* COLUMNS AND ROWS */ /* COLUMNS AND ROWS */
.row { .row {

View file

@ -1,22 +1,14 @@
<div class="row"> <div class="row">
<div class="row">
<div class="column column--5 column--med-10 align-content-top"> <div class="column column--5 column--med-10 align-content-top">
<div class="row"> <div class="column column--8 column--med-10">
<span class="pull-quote">Spee.ch is an open-source project. Please contribute to the existing site, or fork it and make your own.</span> <p class="pull-quote">Spee.ch is an open-source project. Please contribute to the existing site, or fork it and make your own.</p>
</div> <p><a target="_blank" href="https://github.com/lbryio/spee.ch">GITHUB</a></p>
<div class="row"> <p><a target="_blank" href="https://discord.gg/YjYbwhS">DISCORD CHANNEL</a></p>
<p> <p><a target="_blank" href="https://github.com/lbryio/spee.ch/blob/master/README.md">DOCUMENTATION</a></p>
<a target="_blank" href="https://github.com/lbryio/spee.ch">GITHUB</a>
</p>
<p>
<a target="_blank" href="https://discord.gg/YjYbwhS">DISCORD CHANNEL</a>
</p>
<p>
<a target="_blank" href="https://github.com/lbryio/spee.ch/blob/master/README.md">DOCUMENTATION</a>
</p>
</div> </div>
</div><div class="column column--5 column--med-10 align-content-top"> </div><div class="column column--5 column--med-10 align-content-top">
<div class="row row--short"> <div class="column column--8 column--med-10">
<p>Spee.ch is a media-hosting site that reads and publishes content from the <a class="white-text" href="https://lbry.io">LBRY</a> blockchain.</p> <p>Spee.ch is a media-hosting site that reads and publishes content from the <a class="white-text" href="https://lbry.io">LBRY</a> blockchain.</p>
<p>Spee.ch is a hosting service, but with the added benefit that it stores your content on a decentralized network of computers -- the LBRY network. This means that your images are stored in multiple locations without a single point of failure.</p> <p>Spee.ch is a hosting service, but with the added benefit that it stores your content on a decentralized network of computers -- the LBRY network. This means that your images are stored in multiple locations without a single point of failure.</p>
<h3>Contribute</h3> <h3>Contribute</h3>
@ -24,5 +16,5 @@
<p>If you want to improve spee.ch, join our <a href="https://lbry.slack.com">slack channel</a> or solve one of our <a href="https://github.com/lbryio/spee.ch/issues">github issues</a>.</p> <p>If you want to improve spee.ch, join our <a href="https://lbry.slack.com">slack channel</a> or solve one of our <a href="https://github.com/lbryio/spee.ch/issues">github issues</a>.</p>
</div> </div>
</div> </div>
</div>
</div> </div>

View file

@ -1,10 +1,10 @@
<div class="row row--full-height"> <div class="row">
<div class="column column--5 column--med-10 align-content-top"> <div class="column column--5 column--med-10 align-content-top">
<div class="row"> <div class="column column--8 column--med-10">
<p class="pull-quote">Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends. You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs">cat gifs</a> (password: '1234'), try creating a channel for it!</p> <p>Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends. You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs">cat gifs</a> (password: '1234'), try creating a channel for it!</p>
</div> </div>
</div><div class="column column--5 column--med-10 align-content-top"> </div><div class="column column--5 column--med-10 align-content-top">
<div class="row"> <div class="column column--8 column--med-10">
<h3>Log in to an existing channel:</h3> <h3>Log in to an existing channel:</h3>
{{>channelLoginForm}} {{>channelLoginForm}}
<h3>Create a brand new channel:</h3> <h3>Create a brand new channel:</h3>