diff --git a/_includes/workflow.html b/_includes/workflow.html
index cdece70e484bbebfb893d95e639cf76d32fba435..b514293d5f03c9ad4c51889a064ace9d99236cc5 100644
--- a/_includes/workflow.html
+++ b/_includes/workflow.html
@@ -104,7 +104,7 @@ end
 {% assign BlocksLength = Blocks | size %}
 
 <!-- Strip Each Line of Whitespace and Only Keep Lines Longer than 3 -->
-<div class="mermaid" style="margin-left:100px">
+<div class="mermaid" id="mermaidworkflow" style="margin-left:100px">
 {% for line in (0..BlocksLength) %}{% assign BlockSize = Blocks[line] | size %}{% if BlockSize > 3 %}
 {{ Blocks[line] | strip | strip_newlines }}
 {% endif %}{% endfor %}
diff --git a/_includes/workflowmatlab.html b/_includes/workflowmatlab.html
index ecc29c6eeb3a58444d01fcab6bc7f3063d9a287d..7262c6d90a4a51a1edb01b02cc314382e143e13f 100644
--- a/_includes/workflowmatlab.html
+++ b/_includes/workflowmatlab.html
@@ -69,7 +69,7 @@ graph TB
 {% assign BlocksLength = Blocks | size %}
 
 <!-- Strip Each Line of Whitespace and Only Keep Lines Longer than 3 -->
-<div class="mermaid" style="margin-left:100px">
+<div class="mermaid" id="mermaidworkflow" style="margin-left:100px">
 {% for line in (0..BlocksLength) %}{% assign BlockSize = Blocks[line] | size %}{% if BlockSize > 3 %}
 {{ Blocks[line] | strip | strip_newlines }}
 {% endif %}{% endfor %}
diff --git a/_layouts/notebook.html b/_layouts/notebook.html
index 4599b20362a5ef1fc2c33ca41be40172bd01e5bc..135e9cac0c35c5e62e7e1b75d8f806602190435c 100644
--- a/_layouts/notebook.html
+++ b/_layouts/notebook.html
@@ -288,7 +288,7 @@ end
 {% assign BlocksLength = Blocks | size %}
 
 <!-- Strip Each Line of Whitespace and Only Keep Lines Longer than 3 -->
-<div class="mermaid" style="margin-left:100px">
+<div class="mermaid" id="mermaidworkflow" style="margin-left:100px">
 {% for line in (0..BlocksLength) %}{% assign BlockSize = Blocks[line] | size %}{% if BlockSize > 3 %}
 {{ Blocks[line] | strip | strip_newlines }}
 {% endif %}{% endfor %}
diff --git a/_posts/2015-01-01-New-Post.markdown b/_posts/2015-01-01-New-Post.markdown
index 3419396cdebbb34127902eafaab1e14697c6f89a..7d255cf16ca20860e0bfc993f4c407522034cf38 100644
--- a/_posts/2015-01-01-New-Post.markdown
+++ b/_posts/2015-01-01-New-Post.markdown
@@ -1,27 +1,20 @@
 ---
 layout:     post
-title:      Post Headline
+title:      Post Headline 2
 date:       2015-01-01 12:00:00
 author:     Ahmet Cecen
 tags: 		template
 subtitle:  Some short description of post.
----
-<!-- Start Writing Below in Markdown -->
-
-# Table of Contents
-
-* TOC
-{:toc}
 
-# Headers
+---
 
-# Header 1
+<!-- Start Writing Below in Markdown -->
 
-## Header 2
+# Basic Functionality
 
-### Header 3
+## Headers
 
-# Styling
+## Styling
 
 **Bold**
 
@@ -29,7 +22,7 @@ subtitle:  Some short description of post.
 
 ***Bold and Italics***
 
-# Lists
+## Lists
 
 1. Item 1
 
@@ -41,7 +34,7 @@ subtitle:  Some short description of post.
 
     1. **Bold** Sub Sub Ordered Item
 
-# Links
+## Links
 
 [In-Line](https://www.google.com)
 
@@ -52,13 +45,13 @@ subtitle:  Some short description of post.
 [1]:https://www.mozilla.org
 [2]:http://www.reddit.com
 
-# Images
+## Images
 
 Hold your pointer clicked over the image to expand the view.
 
 ![Description](http://matin-hub.github.io/project-pages/img/Logo_Fairy_Tail_right.png)
 
-# Code
+## Code
 
 Inline `code`.
 
@@ -68,12 +61,12 @@ def hello_world():
     print('Hello World!'')
 {% endhighlight %}
 
-# MathJax
+## MathJax
 
 Use MathJax for Math.
 $$ A = \pi r^2 $$
 
-# Tables
+## Tables
 
 Here | is | a | row!
 |---------|:----------|:----------:|---------:|
@@ -81,24 +74,22 @@ is   |Left|  Center  |Right|
 a    | cut | it | A
 column  | short | B | C
 
-# Quotes
+## Quotes
 
 > War does not decide who is *right*, only who is **left**.
 
-# Rule
+## Rule
 
 ---
 
-# HTML
+## HTML
 
 Can write the whole post or sections in HTML for very specific needs. [For the advanced user or the code savvy.]
 
-# Customized and Advanced Functionality
+# Advanced Functionality
 
 Head over to the [documentation page](http://matin-hub.github.io/ppguide/) for tutorials on some basic html formatting and some extensions you can use for cool stuff like interactive 3D visualizations.
 
-# Some HTML Functionality
-
 ## Color and Alignment
 
 <p align="center">This text is centered.</p>
diff --git a/_posts/2015-01-01-New-Slide2.markdown b/_posts/2015-01-01-New-Slide2.markdown
deleted file mode 100644
index 49f0ea15b72eef536cd2893e0951b99df83711e2..0000000000000000000000000000000000000000
--- a/_posts/2015-01-01-New-Slide2.markdown
+++ /dev/null
@@ -1,157 +0,0 @@
----
-layout:     	slide
-title:     		Presentation Headline 2
-date:      	2015-06-23 03:00 
-author:     	Materials Innovation
-tags:            result presentation
-subtitle:    Some short description of presentation.
-
-theme:		night # default/beige/blood/moon/night/serif/simple/sky/solarized
-trans:		default # default/cube/page/concave/zoom/linear/fade/none
-
-horizontal:	</section></section><section markdown="1" data-background="http://matin-hub.github.io/project-pages/img/slidebackground.png"><section markdown="1">
-vertical:		</section><section markdown="1">
----
-<section markdown="1" data-background="http://matin-hub.github.io/project-pages/img/slidebackground.png"><section markdown="1">
-## {{ page.title }}
-
-<hr>
-
-#### {{ page.author }}
-
-#### {{ page.date | | date: "%I %M %p ,%a, %b %d %Y"}}
-
-{{ page.horizontal }}
-<!-- Start Writing Below in Markdown -->
-
-## F11 to Fullscreen!
-
-Showcasing Presentation Features. This template is ideal for very quickly creating decent presentations when content and simplicity is more important than excessive styling. 
-
-{{ page.horizontal }}
-
-Seperate with {% raw  %}{{ page.horizontal }}{% endraw %} between content for horizontal slides.
-
-{{ page.vertical }}
-
-Seperate with {% raw  %}{{ page.vertical }}{% endraw %} between content for vertical slides.
-
-{{ page.horizontal }}
-
-Press ESC for a zoomed out overview of the presentation.
-
-{{ page.horizontal }}
-
-Press B to pause the presentation.
-
-{{ page.horizontal }}
-
-# Header 1
-
-## Header 2
-
-### Header 3
-
-{{ page.horizontal }}
-
-# Styling
-
-**Bold**
-
-*Italics*
-
-***Bold and Italics***
-
-{{ page.horizontal }}
-
-Use MathJax for Math.
-
-$$ A = \pi r^2 $$
-
-{{ page.horizontal }}
-
-# Lists
-
-1. Item 1
-
-2. Item 2
-
-3. Item 
-
-{{ page.horizontal }}
-
-# Links
-
-[In-Line](https://www.google.com)
-
-[I'm a reference-style link 1][1]
-
-[I'm a reference-style link 1][2]
-
-[1]:https://www.mozilla.org
-[2]:http://www.reddit.com
-
-{{ page.horizontal }}
-
-# Images
-
-Alt-Click to zoom.
-
-![Description](http://matin-hub.github.io/project-pages/img/Logo_Fairy_Tail_right.png)
-
-{{ page.horizontal }}
-
-# Code
-
-Inline `code`.
-
-{{ page.vertical }}
-
-# Code Block
-
-	import numpy as np
-	def _set_colors():
-    HighRGB = np.array([26, 152, 80]) / 255.
-
-{{ page.horizontal }}
-
-# Quotes
-
-> War does not decide who is right, only who is **left**.
-
-{{ page.horizontal }}
-
-# HTML
-
-Now, you CAN write in HTML using this template. If you want to create HTML presentations using this framework head over to [reveal.js](http://lab.hakim.se/reveal-js/#/) for reference.  For a power-point like interactive tool for creating presentations with this theme, check [slides.com](http://slides.com/).
-
-{{ page.vertical }}
-
-# Some HTML Functionality
-
-## Color and Alignment
-
-<p align="center">This text is centered.</p>
-
-<p style="color:red">This is a red text with <span style="color:blue">blue</span> and <span style="color:green">green</span> inline text.</p>
-
-{{ page.horizontal }}
-
-## STL
-
-<div align="center"><script src="https://embed.github.com/view/3d/matin-hub/project-pages/gh-pages/img/stl/test.stl"></script></div>
-
-{{ page.horizontal }}
-
-## Data Projector
-
-<embed src="http://matin-hub.github.io/project-pages/projectors/projector0001/" height="500px" width="100%">
-
-<!-- End Here -->
-{{ page.horizontal }}
-
-# [Print]({{ site.url }}{{ site.baseurl }}{{ page.url }}/?print-pdf#)
-
-# [Back]({{ site.url }}{{ site.baseurl }})
-
-</section></section>
diff --git a/_posts/2016-05-02-New-Projector.markdown b/_posts/2016-05-02-New-Projector.markdown
new file mode 100644
index 0000000000000000000000000000000000000000..9a5321064bb05b0bccb761a3cebe30966b17c642
--- /dev/null
+++ b/_posts/2016-05-02-New-Projector.markdown
@@ -0,0 +1,10 @@
+---
+layout:     	projector
+title:     		New Projector
+date:      		2016-05-02
+author:     	Ahmet Cecen
+tags:           projector visualization template
+subtitle:    	Some short description of projector.
+
+dataset:    /projectors/data.json
+---
diff --git a/_posts/2016-05-02-matlabpost.md b/_posts/2016-05-02-matlabpost.md
index 47345b2884e6231558eafe6fc3e3d60298ce57ff..741b0f7a4751fd3a4f508bb1f427007e72a5cf8a 100644
--- a/_posts/2016-05-02-matlabpost.md
+++ b/_posts/2016-05-02-matlabpost.md
@@ -3,7 +3,7 @@ layout:     post
 title:      New Matlab Script
 date:       2016-05-02 
 author:     Ahmet Cecen
-tags: 		matlab workflows
+tags: 		matlab workflows template
 subtitle:   Some Short Description of the Script
 visualworkflow: true
 ---
diff --git a/about.html b/about.html
index 9c147bb2a0cc109239660e993bb5bc02befc19f9..685e610521ca876db118c5e0b4f3c6bb8f9fec76 100644
--- a/about.html
+++ b/about.html
@@ -6,4 +6,4 @@ header-img: "img/home-bg.jpg"
 ---
 
 Project Pages is a research blog tool that allows you to quickly show your latest results to an advisor, collaborators or your mom.
-
+	
\ No newline at end of file