diff --git a/demo/views/initialize.ejs b/demo/initialize.html
similarity index 99%
rename from demo/views/initialize.ejs
rename to demo/initialize.html
index 8d056e1..739d95d 100644
--- a/demo/views/initialize.ejs
+++ b/demo/initialize.html
@@ -4,7 +4,7 @@
-
+
initialize
diff --git a/demo/server.js b/demo/server.js
deleted file mode 100644
index 1af4f71..0000000
--- a/demo/server.js
+++ /dev/null
@@ -1,49 +0,0 @@
-var express = require('express');
-var stylus = require('stylus');
-var rider = require('../lib/rider');
-var ap = require('autoprefixer-core');
-var path = require('path');
-
-var app = express();
-
-function compile(str, filePath) {
- return stylus(str)
- .set('filename', filePath)
- .set('resolve url', true)
- .use(rider())
- .on('end', prefixer);
-}
-
-function prefixer(err, css) {
- return ap(
- {
- browsers: ['Android >= 2.3', 'iOS >= 5', 'ExplorerMobile >= 10']
- }
- ).process(css).css;
-}
-
-app.set('views', path.join(__dirname, '/views'));
-app.set('view engine', 'ejs');
-app.use(stylus.middleware({
- src: path.join(__dirname, 'public'),
- compile: compile
-}));
-app.use(express.static(path.join(__dirname, 'public')));
-
-app.get('/:page?', function (req, res) {
- var page = req.params.page || 'index';
- var viewPath = path.join(app.get('views'), page + '.ejs');
- var fs = require('fs');
-
- if (fs.existsSync(viewPath)) {
- res.set('Content-Type', 'text/html');
- res.render(page);
- }
- else {
- res.status(404).end();
- }
-});
-
-var server = app.listen(8888, function () {
- console.log('Rider example started on port %d', server.address().port);
-});
diff --git a/demo/views/shape.ejs b/demo/shape.html
similarity index 78%
rename from demo/views/shape.ejs
rename to demo/shape.html
index 0042324..c36c215 100644
--- a/demo/views/shape.ejs
+++ b/demo/shape.html
@@ -4,7 +4,7 @@
-
+
shape
@@ -17,7 +17,7 @@
size: 50px
-
+
size: 100px, 50px
@@ -38,6 +38,15 @@
triangle: right 10px #939 (with &:after)
+
circle: 60px 80px
+
+
+
circle: 2rem
+