plenty o changes

client/js/components/Post.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+export default class Post extends React.Component{
+    
+    
+    render(){
+        return(
+            <div></div>
+            );
+    }
+}

client/js/components/Preview.js

@@ -8,9 +8,9 @@ export default class Preview extends React.Component{
         for (let i in posts){
             elements.push(
                             <div key={i}>
-                                <h1>{posts[i].title}</h1>
                                 <p>{posts[i].date}</p>
-                                <p>{posts[i].intro}</p>
+                                <h1 dangerouslySetInnerHTML={this.decodeHtml(posts[i].title.toString())}></h1>
+                                <p dangerouslySetInnerHTML={this.decodeHtml(posts[i].intro.toString())}></p>
                             </div>
                         );
         }
@@ -18,6 +18,12 @@ export default class Preview extends React.Component{
         return elements;
     }
     
+    decodeHtml(html) {
+      var txt = document.createElement("textarea");
+      txt.innerHTML = html;
+      return {__html : txt.value};
+    }
+  
     render(){
         const posts = this.props.posts;
         

client/js/components/Sidebar.js

@@ -1,14 +1,35 @@
 import React from 'react';
 
-//images
+//assest
 import me from '../../assets/images/me.jpg';
+import '../../assets/scss/Sidebar.scss';
 
 export default class Sidebar extends React.Component{
     
+    constructor(){
+        super();
+        
+        this.state = {
+            toggler: ""
+        };
+        
+        this.onToggle = this.onToggle.bind(this);
+    }
+    
+    onToggle(){
+        let temp = this.state.toggler;
+        temp = temp === "open" ? "" : "open";  
+        
+        this.setState({
+            toggler: temp
+        });
+    }
+    
     render(){
         return(
-            <div class="Sidebar">
-                <h2>About me</h2>
+            <div class={"Sidebar " + this.state.toggler}>
+                <a onClick={this.onToggle} class="toggler"><i class="fa fa-2x fa-navicon" aria-hidden="true" /></a>
+                <a href="#" class="link">Test 1234</a>
                 <p>Test 123</p>
                 <p>Test 123</p>
                 <p>Test 123</p>