Initial version of demo

This commit introduces the demo functionality.
The task assignment has been removed at the moment,
as this will be changed in a future commit.

3 files changed, 71 insertions, 0 deletions

diff --git a/app/static/css/demo/evaluate.css b/app/static/css/demo/evaluate.css
new file mode 100644
index 0000000..0c7dbc2
--- /dev/null
+++ b/app/static/css/demo/evaluate.css
@@ -0,0 +1,57 @@
+.graph-wrapper {
+	width: 90%;
+	margin: 0 auto;
+}
+
+#graph_user > svg {
+	width: 100%;
+	height: 100%;
+}
+
+#graph_true > svg {
+	width: 100%;
+	height: 100%;
+}
+
+.line {
+	fill: none;
+	stroke: blue;
+	clip-path: url(#clip);
+}
+
+circle {
+	clip-path: url(#clip);
+	fill: blue;
+}
+
+rect {
+	fill: white;
+	opacity: 0;
+}
+
+.marked {
+	fill: #fc8d62;
+	stroke: #fc8d62;
+}
+
+#next-btn {
+	text-align: right;
+	padding-bottom: 20px;
+}
+
+#lesson {
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+#lesson p {
+	font-size: 16px;
+}
+
+.ann-line {
+	stroke-dasharray: 5;
+	clip-path: url(#clip);
+	fill: #fc8d62;
+	stroke: #fc8d62;
+	stroke-width: 2px;
+}
diff --git a/app/static/css/demo/learn.css b/app/static/css/demo/learn.css
new file mode 100644
index 0000000..13dccd2
--- /dev/null
+++ b/app/static/css/demo/learn.css
@@ -0,0 +1,11 @@
+#next-btn {
+	text-align: right;
+}
+
+#lesson {
+	padding-top: 10px;
+}
+
+#lesson p {
+	font-size: 16px;
+}
diff --git a/app/static/css/global.css b/app/static/css/global.css
new file mode 100644
index 0000000..6258057
--- /dev/null
+++ b/app/static/css/global.css
@@ -0,0 +1,3 @@
+h1, h2, h3 {
+	margin-bottom: 20px;
+}