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:
parent
1979cd5b22
commit
c66ad88d2b
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -1,6 +0,0 @@
|
|||
---
|
||||
layout: post
|
||||
title: Announcing Raconteur
|
||||
---
|
||||
|
||||
(Watch this space)
|
|
@ -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;
|
||||
|
||||
}
|
|
@ -5,4 +5,4 @@
|
|||
@import "normalize.css";
|
||||
@import "skeleton.css";
|
||||
|
||||
@import "styles", "syntax-highlighting";
|
||||
@import "type", "styles", "syntax-highlighting";
|
||||
|
|
35
index.html
35
index.html
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue