mirror of
https://github.com/Shopify/liquid.git
synced 2026-09-29 07:05:12 -07:00
Homepage work + Readme
This commit is contained in:
+4
-3
@@ -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
@@ -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
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user