SASS          = ./node_modules/.bin/sass
BS            = ./node_modules/.bin/browser-sync
REVEALJS      = node_modules/reveal.js
PORT          = 8080
SLIDES_SOURCE = demo.md

.PHONY: all install serve watch clean

all: index.html

install:
	npm install

static/css/bunige.css: src/scss/bunige.scss
	$(SASS) --load-path=. $< $@

index.html: demo.md static/css/bunige.css static/templates/template.html
	pandoc \
	  --to=revealjs \
	  --standalone \
		--citeproc \
	  --template=static/templates/template.html \
	  --variable revealjs-url=$(REVEALJS) \
		--syntax-highlighting=zenburn \
	  --css static/css/bunige.css \
	  -o $@
		$(SLIDES_SOURCE)

serve:
	$(BS) start \
	  --server \
	  --port $(PORT) \
	  --files "index.html, static/css/bunige.css" \
	  --startPath /index.html

watch: 
	watchexec -r \
	  -w $(SLIDES_SOURCE) \
	  -w src/scss/bunige.scss \
	  -w static/templates/template.html \
	  -- $(MAKE) all