Build your Website
with Awestruct and
Publish it on the Cloud
with Git
Xavier Coulon, Red Hat
 @xcoulon

F*ck CMS
Do you need a CMS to run your website ?
(hint: no)
Push files to a Web Server
setup mod_php
CMS security patches
Database admin/backups
Data migration hell

Part I.
Let's Have Fun Again
at Baking Websites

Content First !
Write your Articles in
Markdown, Textile or AsciiDoc

Layout with HAML

Comparing HAML with HTML
HTML
<i>
dv
<togHlo Wrd<srn>
srn>el, ol!/tog
<dv
/i>
HAML
%i
dv
%togHlo Wrd
srn el, ol!

Comparing HAML with HTML
HTML
<i i=wapr cas"o"
dv d"rpe" ls=bx>
<togi=msae cas"oe>el,Wrd<srn>
srn d"esg" ls=cd"Hlo ol!/tog
<dv
/i>
HAML
%i{i = "rpe" :ls = "o"
dv:d > wapr, cas > bx}
%tog:d= "esg" :ls = "oe}Hlo Wrd
srn{i > msae, cas > cd" el, ol!
#rpe.o
waprbx
%togmsaecd Hlo Wrd
srn#esg.oe el, ol!

Make it Sexy with
CSS, SASS or LESS

Dynamise with JavaScript or
CoffeeScript

Deploy on a Web Server with Git
It's just (text) files !

It's a Developer's Workflow !
(think about it)
A developer codes and tests,
then pushes to a remote git repo to share
An author writes and reviews,
then pushes to a remote git repo to publish
and both can even have CI and Staging sites !

Part II.
Let's Bake our Website
with Awestruct !

Getting Started
gmisalaetut
e ntl wsrc
mdrcayaeoepoetst
ki rz-wsm-rjc-ie
aetut-ii -faeokbosrpbupit90
wsrc -nt -rmwr otta|lern|6
aetut-
wsrc d

Awestruct Project Structure
 _config
 site.yml
 _ext
 pipeline.rb
 _layout
 base.html.haml
 _site
 news
 2013-01-19-some-article.md
 index.html.haml

Properties/Metadata
YAML
Engine context (_config/*.yml)
Page context (front-matter)
Available within the pages and the extensions.

Managing Profiles
_site/config.yml
specific "profiles" entry
..
.
poie:
rfls
dvlpet
eeomn:
bs_r:ht:/oahs:22
aeul tp/lclot44
dsu:sprcaypoetdv
iqs ue-rz-rjc-e
dsu_eeoe:tu
iqsdvlpr re
pouto:
rdcin
bs_r:ht:/cuo.ihbcmsml-wsrc-ie
aeul tp/xolngtu.o/apeaetutst
dpo:
ely
hs:gtu_ae
ot ihbpgs
dsu:sprcaypoet
iqs ue-rz-rjc
gol_nltc:U-24681
ogeaayis A1357-

Awestruct Built-in Extensions and
Helpers
Indexifier
Posts
Tagger
Atomizer
Paginator
Disqus
Google Analytics
and more...

Site Deployment

GitHub Pages
 _config/site.yml
..
.
poie:
rfls
..
.
pouto:
rdcin
bs_r:ht:/cuo.ihbcmsml-wsrc-ie
aeul tp/xolngtu.o/apeaetutst
..
.
dpo:
ely
hs:gtu_ae
ot ihbpgs
gtcmi
i omt
aetut- pouto -fre
wsrc P rdcin -oc
aetut- pouto -dpo
wsrc P rdcin -ely

OpenShift

Demo

fork the demo:
 github.com/xcoulon/sample-awestruct-site

BTW, this prezo was also baked with
Awestruct ;-)

awestruct.org
 #awestruct
 @awestruct

Thanks !

Q/A