-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
34 lines (30 loc) · 1.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Uncloak - reveal.js theme creator</title>
<link rel="stylesheet" href="css/uncloak.css"></link>
<script src="node_modules/angular/angular.js"></script>
<script src="src/app.js"></script>
</head>
<body ng-app="uncloak">
<main ng-controller="MainCtrl">
<iframe id="reveal-preview" src="node_modules/reveal.js/demo.html" seamless></iframe>
<aside>
<h1>Uncloak</h1>
<div class="form-group">
<label for="selectedTheme">Theme</label>
<select id="selectedTheme" ng-model="selectedTheme" ng-options="t for t in themes"></select>
</div>
<div class="form-group" ng-repeat="(k, v) in theme">
<label for="{{ k }}">${{ k }}</label>
<input id="{{ k }}" ng-model="theme[k]" type="{{ getType(k, theme[k]) }}" ng-model-options="{ debounce: {'default': 200 }}" />
</div>
<h2>SCSS Output</h2>
<output><pre>{{ scss }}</pre></output>
<h2>CSS Output</h2>
<output><pre>{{ css }}</pre></output>
</aside>
</main>
</body>
</html>