1
0
Fork 0
mirror of https://github.com/Oreolek/raconteur.git synced 2024-05-17 00:08:16 +03:00

Set up site

This commit is contained in:
Bruno Dias 2015-04-13 17:50:46 -03:00
parent 1979cd5b22
commit c66ad88d2b
9 changed files with 68 additions and 43 deletions

View file

@ -6,7 +6,7 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{{ site.description }}">
<link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Gentium+Basic:400,700,400italic|Inconsolata' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
</head>

View file

@ -1,6 +1,7 @@
<header class="site-header">
<div class="container header">
<div class="section bright top">
<div class="container">
<div class="row">
<div class="twelve columns">
@ -11,5 +12,6 @@
</div>
</div>
</div>
</header>

View file

@ -3,9 +3,11 @@
{% include head.html %}
<body>
{% include header.html %}
<div class="section content">
<div class="container">
{{ content }}
</div class="container">
</div>
{% include footer.html %}
</body>
</html>

View file

@ -1,15 +1,37 @@
---
layout: default
---
<div class="post">
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include header.html %}
<header>
<div class="section post-head">
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
<div class="container">
<div class="eight columns">
<h1 class="post-title">{{ page.title }}</h1>
</div>
<div class="four columns">
{% if page.author %}
<p class="post-meta">{{ page.author }}
(<a href="{{ page.author_url }}">{{page.author_id}}</a>)</p>
{% endif %}
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}</p>
</div>
</div>
</div>
</header>
<article class="post-content">
{{ content }}
<article>
<div class="section post-content">
<div class="container">
<div class="twelve columns">
{{ content }}
</div>
</div>
</div>
</article>
</div>
</body>
</html>

View file

@ -1,6 +0,0 @@
---
layout: post
title: Announcing Raconteur
---
(Watch this space)

View file

@ -1,12 +1,10 @@
/* Definitions */
$brand_background: #E24D00;
$brand_background: #009688;
.site-title {
text-align: center;
}
.top {
@ -20,7 +18,9 @@ $brand_background: #E24D00;
.bright {
padding-top: 2rem;
background: $brand_background;
$color: transparentize($brand_background, 0.1);
background: linear-gradient($color, $color),
white url(../img/bg.jpg) center/cover;
h1, h2, h3, h4, h5, h6, p {
color: white;
@ -28,7 +28,6 @@ $brand_background: #E24D00;
a {
color: white;
border-bottom: 1px solid white;
}
}
@ -53,6 +52,8 @@ pre:first-child {
}
.post-meta {
padding-top: 2rem;
padding-bottom: 2rem;
margin: 0;
font-size: 1.8rem;
text-align: right;
}

View file

@ -5,4 +5,4 @@
@import "normalize.css";
@import "skeleton.css";
@import "styles", "syntax-highlighting";
@import "type", "styles", "syntax-highlighting";

View file

@ -36,11 +36,11 @@ layout: noheader
</div>
<div class="six columns codeexample">
{% highlight coffeescript %}
situation 'west-of-house',
content: """
You are standing in an open field west of a white house,
with a boarded up front door.
"""
situation 'west-of-house',
content: """
You are standing in an open field west of a
white house, with a boarded up front door.
"""
{% endhighlight %}
</div>
</div>
@ -50,9 +50,16 @@ layout: noheader
<p>
The Raconteur scaffold comes with everything you need to get started,
configured out of the box to use a build system, CSS preprocessor, and
bundler. Don't worry too much if you don't know what any of those are:
I promise they're helpful.
bundler. Armed with a text editor (We like
<a href="http://sublimetext.com">Sublime</a>), you can start writing
your story and prose, rather than support code.
</p>
<p>
The scaffold is set up to automate as much work as possible. You can
make stylesheet changes and watch them load immediately on a browser.
It even automates bundling your game and its assets into a .zip file you
can upload to <a href="http://itch.io">Itch.io</a>.
</p>
</div>
<div class="six columns intro">
<h2>Adaptive Text</h2>
@ -74,13 +81,13 @@ layout: noheader
<div class="row">
<div class="six columns codeexample">
{% highlight coffeescript %}
situation 'reflecting-pool',
content: (character, system) -> """
Looking into the pool, you find yourself feeling
#{character.sandbox.mood}. It glows with a strange
#{this.color} light.
""",
light: oneOf('blue', 'red', 'green').randomly()
situation 'reflecting-pool',
content: (character, system) -> """
Looking into the pool, you find yourself feeling
#{character.sandbox.mood}. It glows with a
strange #{this.color} light.
""",
color: oneOf('blue', 'red', 'green').randomly()
{% endhighlight %}
</div>
<div class="six columns intro">

View file

@ -2,8 +2,6 @@
layout: default
---
<div class="section posts">
<div class="container">
<div class="row">
<div class="twelve columns">
@ -32,5 +30,4 @@ layout: default
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
</div>
</div>
</div>
</div>