diff --git a/.gitignore b/.gitignore index 5702678..c221633 100644 --- a/.gitignore +++ b/.gitignore @@ -63,3 +63,4 @@ typings/ # End of https://www.gitignore.io/api/node +build/ diff --git a/package.json b/package.json index b8a0f07..54a90e9 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,11 @@ "description": "Base Presentation Repository for Reveal.js", "main": "index.js", "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "build-js": "browserify src/index.js -o build/index.js && cp -r node_modules/reveal.js/plugin build/ && cp node_modules/reveal.js/lib/js/head.min.js build/head.min.js", + "build-css": "node-sass src/index.scss build/index.css --source-map-embed", + "build-html": "cp src/index.html build/index.html", + "build": "mkdir -p build && npm run build-js && npm run build-css && npm run build-html", + "start": "tstatic build/" }, "repository": { "type": "git", @@ -17,12 +21,12 @@ }, "homepage": "https://github.com/RealOrangeOne/presentation-base#readme", "devDependencies": { - "browserify": "^14.4.0", - "node-sass": "^4.5.3" + "browserify": "14.4.0", + "node-sass": "4.5.3" }, "dependencies": { - "highlight.js": "^9.12.0", - "reveal.js": "^3.5.0", - "tstatic": "^1.1.0" + "highlight.js": "9.12.0", + "reveal.js": "3.5.0", + "tstatic": "1.1.0" } } diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..6888622 --- /dev/null +++ b/src/index.html @@ -0,0 +1,19 @@ + + + + Presentation + + + + +
+
+
+

Title

+

Subtitle

+
+
+
+ + + diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..395d7cc --- /dev/null +++ b/src/index.js @@ -0,0 +1,22 @@ +var Reveal = require('reveal.js'); + +window.Reveal = Reveal; + +Reveal.initialize({ + controls: true, + progress: true, + history: true, + center: true, + + width: 1500, + height: 800, + + transition: 'slide', + backgroundTransition: 'zoom', + + dependencies: [{ + src: 'plugin/highlight/highlight.js', + async: true, + callback: function () { hljs.initHighlightingOnLoad() } + }] +}); diff --git a/src/index.scss b/src/index.scss new file mode 100644 index 0000000..0d159f0 --- /dev/null +++ b/src/index.scss @@ -0,0 +1,10 @@ +@import "node_modules/reveal.js/css/reveal.scss"; +@import "node_modules/reveal.js/css/theme/night"; +@import "node_modules/highlight.js/styles/monokai-sublime"; + +@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,400italic,300,300italic); + + +* { + font-family: 'Roboto', sans-serif !important; +}