Add base setup

2017-09-21 21:29:10 +01:00 · 2017-09-21 21:29:10 +01:00 · bf6902ccff
parent 4072a6b420
commit bf6902ccff
5 changed files with 62 additions and 6 deletions
--- a/.gitignore
+++ b/.gitignore
@ -63,3 +63,4 @@ typings/


 # End of https://www.gitignore.io/api/node
+build/
--- 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"
  }
 }
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,19 @@
+<!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>
--- a/src/index.js
+++ 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() }
+  }]
+});
--- a/src/index.scss
+++ 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;
+}