graph fixed

current_site/src/components/data.pug

@@ -8,7 +8,7 @@ block variables
 		Table: './table.html',
 		Institute: './images/institute.png',
 		"SVG Playground": './svg_playground.html',
-		"Graph": './svg_playground.html'
+		"Graph": './graph.html'
 	};
 
 	var smallCards = [

current_site/src/index.js

@@ -1,3 +1,4 @@
 import './styles/index.styl'
+import './styles/graph.styl'
 import './styles/details.styl'
 import './styles/table.styl'

current_site/src/pages/svg_playground.pug

@@ -1,3 +1,5 @@
+include ../components/mixins.pug
+
 
 doctype html
 html(lang="ru")

current_site/src/styles/graph.styl

@@ -0,0 +1,18 @@
+svg
+    width: 800px
+    height: 400px
+    
+    text
+        font: 8px Verdana
+    
+    path,
+    line
+        fill: none
+        stroke: #333333
+        width: 1px
+
+.error
+    color: red
+    background-color: black
+    font-weight: bolder
+    width: min-content