Change styling of terminal on docs site, small copy changes (#1038)

The terminal now overlaps the header (the purple area at the top of the
page) and the main area (the white area underneath). This draws more
focus to it, and quite literally puts the terminal front and center.

This also fixes a few typos, and updates the commands in the terminal to
match jrnl v2.5 updates.
This commit is contained in:
Jonathan Wren 2020-09-05 12:07:47 -07:00 committed by GitHub
parent 07f41e8cfa
commit ced8d251d9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 9 deletions

10
docs/theme/index.css vendored
View file

@ -65,18 +65,18 @@ header {
border: 0px solid transparent;
display: relative;
padding-top: 150px;
overflow: hidden;
overflow: visible;
}
#terminal {
background: #1B1C2E;
max-width: 520px;
box-shadow: 0 -2px 16px 0 rgba(0,0,0,0.35);
border-radius: 6px 6px 0 0;
min-height: 100px;
border-radius: 6px;
min-height: 120px;
margin: 0px auto;
position: relative;
/*transform: translateY(40px);*/
transform: translateY(75px);
color: #f7f8f9;
font-family: "Monaco", "Courier New";
font-size: 12pt;
@ -146,7 +146,7 @@ header {
#prompt {
max-width: 700px;
margin: 100px auto 0px auto;
margin: 25px auto 100px auto;
padding: 0px 20px;
}