Skip to content

Commit 7b0bb10

Browse files
committed
Copy/paste from json-ld/minutes/scribe-tool/
See https://github.com/json-ld/minutes/tree/master/scribe-tool for a somewhat more complete history
0 parents  commit 7b0bb10

File tree

11 files changed

+2059
-0
lines changed

11 files changed

+2059
-0
lines changed

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
node_modules/
2+
people.json
3+
publish.sh

footer.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
</div>
2+
</body>
3+
</html>

header.html

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset='utf-8'>
5+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6+
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
7+
<link rel="stylesheet" type="text/css" href="/site.css" media="screen">
8+
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
9+
<!--[if lt IE 9]>
10+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
11+
<![endif]-->
12+
<title>JSON-LD Community Group</title>
13+
<style type="text/css">
14+
body {
15+
max-width: 50em;
16+
margin: auto;
17+
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
18+
font-weight: 300;
19+
}
20+
21+
h1, h2, h3, h4, h5, h6 {
22+
margin:0 0 20px;
23+
}
24+
25+
p, ul, ol, table, pre, dl {
26+
margin:0 0 20px;
27+
}
28+
29+
label {
30+
float: left;
31+
text-align: right;
32+
margin-right: 15px;
33+
width: 100px;
34+
}
35+
36+
ol {
37+
padding-left: 1.2em;
38+
}
39+
40+
dl > dd {
41+
margin-left: 2em;
42+
}
43+
44+
dl > dd > ol > li {
45+
margin-left: 1em;
46+
}
47+
48+
dt {
49+
color:#444;
50+
font-weight:700;
51+
}
52+
53+
div.summary {
54+
font-size: 1.25em;
55+
}
56+
57+
span.name {
58+
font-weight: bold;
59+
}
60+
61+
div.information {
62+
font-style: italic;
63+
margin-top: 0.5em;
64+
font-size: 1.25em;
65+
}
66+
67+
div.action {
68+
padding: 15px;
69+
margin: 20px 0px 20px 0px;
70+
border: 1px solid transparent;
71+
border-radius: 4px;
72+
color: #3a87ad;
73+
background-color: #d9edf7;
74+
border-color: #bce8f1;
75+
}
76+
77+
div.comment {
78+
font-family: 'Droid Serif', serif;
79+
margin-top: 0.5em;
80+
font-size: 1.25em;
81+
}
82+
83+
div.comment-continuation {
84+
font-family: 'Droid Serif', serif;
85+
font-size: 1.25em;
86+
margin-left: 2em;
87+
}
88+
89+
div.proposal {
90+
padding: 15px;
91+
margin: 20px 0px 20px 0px;
92+
border: 1px solid transparent;
93+
border-radius: 4px;
94+
color: #634688;
95+
background-color: #DDD8F0;
96+
border-color: #CEC6E9;
97+
}
98+
99+
div.resolution {
100+
padding: 15px;
101+
margin: 20px 0px 20px 0px;
102+
border: 1px solid transparent;
103+
border-radius: 4px;
104+
color: #468847;
105+
background-color: #dff0d8;
106+
border-color: #d6e9c6;
107+
}
108+
109+
.error {
110+
border: thin solid #f00;
111+
padding: 0.5em;
112+
}
113+
</style>
114+
</head>
115+
116+
<body>
117+
<div class="wrapper">
118+
<h1>The W3C JSON-LD Community Group</h1>
119+
<h2>JSON-LD Syntax and API</h2>
120+
<h3><a href="../">Go Back</a></h3>
121+
122+
<hr>

index.html

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Scrawl - A Meeting Scribing Tool</title>
6+
<meta name="description" content="The Scrawl scribing tool is used to translate IRC logs into meeting minutes." />
7+
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
8+
<script type="text/javascript" src="scrawl.js"></script>
9+
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
10+
<link rel="stylesheet" type="text/css" href="/site.css" media="screen">
11+
<link rel="stylesheet" media="screen" href="scrawl.css" />
12+
<!--[if lt IE 9]>
13+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
14+
<![endif]-->
15+
16+
<script type="text/javascript">
17+
// the update counter keeps track of the number of pending updates
18+
var updateCounter = 0;
19+
var updateCounterTimeout = null;
20+
21+
// generates and outputs the minutes to the HTML output
22+
displayMinutes = function() {
23+
var ircLog = $('#irc-log').val()
24+
minutes = scrawl.generateMinutes(ircLog, 'html');
25+
26+
$('#html-output').html(minutes);
27+
};
28+
29+
// updates the minutes
30+
updateMinutes = function(event) {
31+
if(event) {
32+
updateCounter = 1;
33+
} else {
34+
updateCounter--;
35+
}
36+
37+
if(updateCounter <= 0) {
38+
displayMinutes();
39+
} else {
40+
if(updateCounterTimeout) {
41+
clearTimeout(updateCounterTimeout);
42+
}
43+
updateCounterTimeout = setTimeout(updateMinutes, 1000);
44+
}
45+
};
46+
47+
// displays each markup portion
48+
showMarkup = function(type) {
49+
var ircLog = $('#irc-log').val()
50+
// Display the appropriate markup text area based on the 'type'
51+
if(type == 'html')
52+
{
53+
var html = scrawl.htmlHeader + scrawl.generateMinutes(ircLog, 'html') +
54+
scrawl.htmlFooter;
55+
56+
$('#irc-log').hide();
57+
$('#text-markup').hide();
58+
$('#html-markup').val(html);
59+
$('#html-markup').show();
60+
}
61+
else if(type == 'text')
62+
{
63+
var text = scrawl.generateMinutes(ircLog, 'text')
64+
65+
$('#html-markup').hide();
66+
$('#irc-log').hide();
67+
$('#text-markup').val(text);
68+
$('#text-markup').show();
69+
}
70+
else
71+
{
72+
$('#text-markup').hide();
73+
$('#html-markup').hide();
74+
$('#irc-log').show();
75+
}
76+
}
77+
78+
// initialize scrawl
79+
$.getJSON( "people.json", function(people) {
80+
scrawl.group = "JSON-LD Community Group";
81+
scrawl.people = people;
82+
});
83+
$.get("header.html", function(header) {
84+
scrawl.htmlHeader = header;
85+
})
86+
$.get("footer.html", function(footer) {
87+
scrawl.htmlFooter = footer;
88+
})
89+
</script>
90+
</head>
91+
<body>
92+
<div class="light-bg" style="padding-left: 25%; padding-right: 25%;">
93+
<div id="html-output"></div>
94+
</div>
95+
96+
<!--textarea id="html-output" width="80" height="20"></textarea>
97+
98+
<textarea id="text-output" width="80" height="20"></textarea -->
99+
100+
<section class="light-bg toolbar-height toolbar-padding"></section>
101+
102+
<section id="toolbar">
103+
<span class="left-column">
104+
<textarea id="irc-log" class="toolbar-height" name="meeting-irc-log" placeholder="Paste and edit the IRC log here" onkeyup="javascript:updateMinutes(event)"></textarea>
105+
<textarea id="html-markup" style="display: none;" class="toolbar-height"></textarea>
106+
<textarea id="text-markup" style="display: none;" class="toolbar-height"></textarea>
107+
</span>
108+
<span class="right-column">
109+
<div class="button" onclick="javascript:showMarkup('raw')">Show Raw Log</div>
110+
<div class="button" onclick="javascript:showMarkup('html')">Show HTML</div>
111+
<div class="button" onclick="javascript:showMarkup('text')">Show Text</div>
112+
</span>
113+
</section>
114+
115+
</main>
116+
</body>
117+
</html>

0 commit comments

Comments
 (0)