Cosmetic fixes to tutorial page and copy.

Make it so the image is not squished, change some paragraphs into
headers, and wordsmith a bit.

(imported from commit 81295e1a8ddd4f1ecd4532c4dfb8a38467bb530e)
This commit is contained in:
Luke Faraone 2012-12-04 12:59:17 -05:00
parent 3e1802bcea
commit ec0683cd86
2 changed files with 14 additions and 3 deletions

View File

@ -7,7 +7,7 @@
<div class="span8" style="font-size: 110%">
<h2>Hello, and welcome!</h2>
<p>Humbug is a little different than some systems you may have already
<p>Humbug is a little different than some chat systems you may have already
used.<br />
Here's what you need to know:</p>
@ -24,8 +24,9 @@
fundraising, where to go to lunch, and a message from your commit bot
all simultaneously--without it getting unmanageable.</p>
<p>Let's take a look:
<img src="/static/public/images/streams-example.png">
<h3>Let's take a look</h3>
<p>
<img class="screenshot" src="/static/public/images/streams-example.png">
</p>
<p>Here, we have three conversations occurring simultaneously:</p>

View File

@ -1,5 +1,10 @@
body {
font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
line-height: 150%;
}
li {
line-height: 150%;
}
.title {
@ -57,3 +62,8 @@ a.title:hover {
padding-top: 5px;
font-weight: bold;
}
img.screenshot{
/* This makes it so screenshots are still shown if they are larger than their span.*/
max-width: 150%;
}