Verified Commit bf6902cc authored by Jake Howard's avatar Jake Howard
Browse files

Add base setup

parent 4072a6b4
......@@ -63,3 +63,4 @@ typings/
# End of https://www.gitignore.io/api/node
build/
......@@ -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"
}
}
<!DOCTYPE html>
<html>
<head>
<title>Presentation</title>
<link rel='stylesheet' href='index.css' />
<script src="head.min.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>Title</h1>
<h4><i>Subtitle</i></h4>
</section>
</div>
</div>
<script src='index.js'></script>
</body>
</html>
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() }
}]
});
@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;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment