-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
91 lines (78 loc) · 3.88 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<title>My User Stories</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
<style>
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
body {
padding: 40px;
font-size: 2em;}
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
img {
width: 50%;
}
</style>
<!-- Latest compiled and minified CSS -->
</head>
<body>
<a class="github-fork-ribbon" href="https://github.com/trsc/sheets2slides/" title="Fork me on GitHub">Fork me on GitHub</a>
<div id ="welcome" class="container">
<div class="jumbotron">
<h1>Welcome to Sheets2Slides</h1>
<h2>A tool for distraction-free consumption of user stories</h2>
</div>
<hr>
<h2>What is Sheets2Slides for?</h2>
<p>Creating user stories in an Excel or Google spreadsheet is a nice and simple way of managing and ordering these stories. </p>
<p>However, it's not a good way of presenting them to your team for discussion. That's where Sheets2Slides comes in. It's a quick and painless way of turning user stories contained in a Google sheet into a HTML 5 slideshow.</p>
<h2>Here's how it works</h2>
<ol>
<li>Make a copy of this <a href="https://docs.google.com/spreadsheets/d/1Ac0oI-EcVjfMni8MlML96C5qf3vmvUMDD2bumylbllA/pubhtml">example sheet</a>.</li>
<li>Write your own user stories, but <strong>don't change the column names.</strong></li>
<li>Publish your sheet: <em>File > Publish to web ... > Publish </em></li>
<li>Copy the URL (see screenshot)</li>
<img src="public-url.png" class="img-thumbnail">
<li>Paste it into the field at the bottom of the page.</li>
<li>Click on Go!</li>
</ol>
<hr>
<div class="form-group">
<label for="exampleInputEmail1">Public URL for your Google Sheet</label>
<input type="text" class="form-control" id="publishURL" placeholder="Your URL goes here" required="true">
</div>
<button class="btn btn-lg btn-primary" id="go">Go!</button>
<hr>
<p><small>
Created by <a href="http://toyrocketscience.com">toy rocket science</a>
using <a href="http://remarkjs.com/">Remarkjs.com</a> and
<a href="https://github.com/jsoma/tabletop">Tabletop</a>.
</p></small>
</div>
<div id ="waiting" class="container" style="display: none">
<h1>Please wait whilst your sheets are generated</h1>
<h3>(If this screen doesn't go away then something's gone wrong)<h3>
</div>
<!-- Content gets inserted below -->
<textarea id="source" style="display: none"></textarea>
<script src="https://gnab.github.io/remark/downloads/remark-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="tabletop.js"></script>
<script src="app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50302091-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>