diff --git a/sample_data/article/index.md b/sample_data/article/index.md
index 2154e57..481db60 100644
--- a/sample_data/article/index.md
+++ b/sample_data/article/index.md
@@ -19,6 +19,7 @@ If you see this page, that means it's working
 * [Spoilers](#spoilers)
 * [Math Equations](#mathequations)
 * [UML](#uml)
+* [Diagrams](#diagrams)
 * [Youtube Videos](#youtubevideos)
 
 ### Headers
@@ -253,6 +254,30 @@ showdown -left-> express : 4. html
 express -up-> web : 5. html
 @enduml
 
+### Diagrams
+[Back to top](#top)
+
+You can use [fa-diagrams](https://github.com/Klemek/fa-diagrams) with `@startfad` and `@endfad` tags and using YAML inside
+
+@startuml
+nodes:
+  - name: node1
+    icon: laptop-code
+    color: '#4E342E'
+    bottom: my app
+  - name: node2
+    icon: globe
+    color: '#455A64'
+    bottom: world
+links:
+  - from: node1
+    to: node2
+    color: '#333333'
+    top:
+      icon: envelope
+    bottom: '"hello"'
+@enduml
+
 ### Youtube Videos
 [Back to top](#top)
 
diff --git a/sample_data/home/style.css b/sample_data/home/style.css
index 62a05de..01bbc72 100644
--- a/sample_data/home/style.css
+++ b/sample_data/home/style.css
@@ -170,7 +170,7 @@ div.article:active {
     text-align: left;
 }
 
-#text img {
+#text img, #text svg {
     max-width: 100%;
     height: auto;
 }