This is a Meteor version of the responsive web site starter kit : Sassaparilla
The main advantage of Sassaparilla is that you get a professionally developed responsive web site as your starting point. Since it uses SASS and Compass from the get go, you start from a readily adaptable platform that uses best practice patterns.
I have rearranged it so that it fits with the "automatic" features of Meteor, eg. images in public directory, header and footer as templates, etc.
-
git clone [email protected]:martinhbramwell/sassaparilla.git
-
cd sassaparilla
-
EITHER : meteor
OR : edit the MONGO_URL in qrun.sh to point to the Mongo database you want to use and then run ./qrun.sh (this is so you don't lose 100s of MBs of disk space for an empty Mongo database)
-
Open the URL http://localhost:3000/demo.html
URGENT NOTE : You will get a missing file error the first time you run it with Meteor. Just cancel with <ctrl-c> and try again.
(Can anyone tell me how to fix that?)
The main switch box is both/routing/main.routing.js
.
You can turn demo mode on or off with 0 or 1 in the line
// Turn demo mode on or off with 1 or 0 here ...
var DEMO = 1;
There are actually three versions of the main page: the one at /index.html
when demo mode is off, and the two you reach from the /index.html
when demo mode is on.
You can find them at :
client/root/body/landing.html
client/root/demo/extended_demo.html
client/sassaparilla/demo/demo.html
With demo mode turned off, you can safely delete the two demo directories:
rm -fr client/root/demo
rm -fr client/sassaparilla/demo