Homepage work + Readme

This commit is contained in:
Tetsuro
2015-01-27 15:29:13 -05:00
parent 1fad0e2638
commit 67865368aa
3 changed files with 25 additions and 6 deletions
+4 -3
View File
@@ -96,8 +96,8 @@ h4 {
} }
blockquote { blockquote {
color: lighten($color-slate, 20); color: lighten($color-slate, 30%);
border-left: 2px solid lighten($color-slate, 20); border-left: 2px solid lighten($color-slate, 50%);
padding-left: $spacing-unit / 2; padding-left: $spacing-unit / 2;
letter-spacing: -1px; letter-spacing: -1px;
font-style: italic; font-style: italic;
@@ -132,5 +132,6 @@ hr {
display: block; display: block;
height: 1px; height: 1px;
border: 0; border: 0;
background-color: lighten($color-slate, 40%); background-color: lighten($color-slate, 50%);
margin-bottom: $spacing-unit/2;
} }
+11 -3
View File
@@ -100,16 +100,23 @@ $on-laptop: 900px;
} }
.sidebar--nav { .sidebar--nav {
padding: $spacing-unit / 2; padding: $spacing-unit/2 $spacing-unit;
> ul { > ul {
margin: 0; margin: 0;
> li { > li {
margin-bottom: $spacing-unit; margin-bottom: $spacing-unit / 2;
a {
}
} }
ul { ul {
margin-left: $spacing-unit/2;
li { li {
margin-top: $spacing-unit/2; margin-top: $spacing-unit/2;
} }
@@ -142,8 +149,9 @@ $on-laptop: 900px;
==============================================================================*/ ==============================================================================*/
.home--banner { .home--banner {
text-align: center;
h1 { h1 {
text-align: center;
font-weight: bold; font-weight: bold;
font-size: 5em; font-size: 5em;
} }
+10
View File
@@ -7,10 +7,20 @@ layout: default
<header class="home--banner"> <header class="home--banner">
<h1>Liquid</h1> <h1>Liquid</h1>
<div>Ruby library for rendering safe templates which cannot affect the security of the server they are rendered on.</div> <div>Ruby library for rendering safe templates which cannot affect the security of the server they are rendered on.</div>
<button>Download</button>
<button>View on Github</button>
</header> </header>
<hr/> <hr/>
<p>Liquid is an extraction from the e-commerce system Shopify. Shopify powers many thousands of e-commerce stores which all call for unique designs. For this we developed Liquid which allows our customers complete design freedom while maintaining the integrity of our servers.
<p>Liquid has been in production use since June 2006 and is now used by many other hosted web applications.</p>
<p>It was developed for usage in Ruby on Rails web applications and integrates seamlessly as a plugin but it also works excellently as a stand alone library.</p>
{% for post in site.posts %} {% for post in site.posts %}
<h2> <h2>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a> <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>