{"componentChunkName":"component---src-templates-blog-post-js","path":"/reboot/","result":{"data":{"markdownRemark":{"html":"<p>Writing things down is always a good thing. Especially when you are solving a difficult problem. You need to analyze the problem, and digest your solution then come up with something. This is why I want to reboot this blog.</p>","frontmatter":{"date":"August 06, 2018","path":"/reboot/","tags":["blog"],"title":"Blog Reboot"}}},"pageContext":{"prev":{"excerpt":"I really like the idea to embed a chart in the makedown with a very simple and readable syntax. And gatsby already have a plugin for it. gatsby-remark-graph This is a test chart with mermaid plugin.","html":"<p>I really like the idea to embed a chart in the makedown with a very simple and readable syntax. And gatsby already have a plugin for it. <a href=\"https://www.gatsbyjs.org/packages/gatsby-remark-graph/\">gatsby-remark-graph</a></p>\n<p>This is a test chart with mermaid plugin.</p>\n<div class=\"mermaid\" data-processed=\"true\"><svg id=\"mermaid-1583150209915\" width=\"407.8046875\" xmlns=\"http://www.w3.org/2000/svg\" height=\"166.71875\" viewBox=\"0 0 407.8046875 166.71875\"><style>#mermaid-1583150209915 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#mermaid-1583150209915 .label text{fill:#333}#mermaid-1583150209915 .node rect,#mermaid-1583150209915 .node circle,#mermaid-1583150209915 .node ellipse,#mermaid-1583150209915 .node polygon,#mermaid-1583150209915 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-1583150209915 .node .label{text-align:center}#mermaid-1583150209915 .node.clickable{cursor:pointer}#mermaid-1583150209915 .arrowheadPath{fill:#333}#mermaid-1583150209915 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-1583150209915 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-1583150209915 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-1583150209915 .cluster text{fill:#333}#mermaid-1583150209915 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-1583150209915 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-1583150209915 text.actor{fill:#000;stroke:none}#mermaid-1583150209915 .actor-line{stroke:grey}#mermaid-1583150209915 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1583150209915 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1583150209915 #arrowhead{fill:#333}#mermaid-1583150209915 .sequenceNumber{fill:#fff}#mermaid-1583150209915 #sequencenumber{fill:#333}#mermaid-1583150209915 #crosshead path{fill:#333 !important;stroke:#333 !important}#mermaid-1583150209915 .messageText{fill:#333;stroke:none}#mermaid-1583150209915 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-1583150209915 .labelText{fill:#000;stroke:none}#mermaid-1583150209915 .loopText{fill:#000;stroke:none}#mermaid-1583150209915 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#ccf}#mermaid-1583150209915 .note{stroke:#aa3;fill:#fff5ad}#mermaid-1583150209915 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#mermaid-1583150209915 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-1583150209915 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-1583150209915 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-1583150209915 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .section{stroke:none;opacity:0.2}#mermaid-1583150209915 .section0{fill:rgba(102,102,255,0.49)}#mermaid-1583150209915 .section2{fill:#fff400}#mermaid-1583150209915 .section1,#mermaid-1583150209915 .section3{fill:#fff;opacity:0.2}#mermaid-1583150209915 .sectionTitle0{fill:#333}#mermaid-1583150209915 .sectionTitle1{fill:#333}#mermaid-1583150209915 .sectionTitle2{fill:#333}#mermaid-1583150209915 .sectionTitle3{fill:#333}#mermaid-1583150209915 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-1583150209915 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .grid path{stroke-width:0}#mermaid-1583150209915 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-1583150209915 .task{stroke-width:2}#mermaid-1583150209915 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .taskText:not([font-size]){font-size:11px}#mermaid-1583150209915 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-1583150209915 .task.clickable{cursor:pointer}#mermaid-1583150209915 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209915 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209915 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209915 .taskText0,#mermaid-1583150209915 .taskText1,#mermaid-1583150209915 .taskText2,#mermaid-1583150209915 .taskText3{fill:#fff}#mermaid-1583150209915 .task0,#mermaid-1583150209915 .task1,#mermaid-1583150209915 .task2,#mermaid-1583150209915 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-1583150209915 .taskTextOutside0,#mermaid-1583150209915 .taskTextOutside2{fill:#000}#mermaid-1583150209915 .taskTextOutside1,#mermaid-1583150209915 .taskTextOutside3{fill:#000}#mermaid-1583150209915 .active0,#mermaid-1583150209915 .active1,#mermaid-1583150209915 .active2,#mermaid-1583150209915 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-1583150209915 .activeText0,#mermaid-1583150209915 .activeText1,#mermaid-1583150209915 .activeText2,#mermaid-1583150209915 .activeText3{fill:#000 !important}#mermaid-1583150209915 .done0,#mermaid-1583150209915 .done1,#mermaid-1583150209915 .done2,#mermaid-1583150209915 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-1583150209915 .doneText0,#mermaid-1583150209915 .doneText1,#mermaid-1583150209915 .doneText2,#mermaid-1583150209915 .doneText3{fill:#000 !important}#mermaid-1583150209915 .crit0,#mermaid-1583150209915 .crit1,#mermaid-1583150209915 .crit2,#mermaid-1583150209915 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-1583150209915 .activeCrit0,#mermaid-1583150209915 .activeCrit1,#mermaid-1583150209915 .activeCrit2,#mermaid-1583150209915 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-1583150209915 .doneCrit0,#mermaid-1583150209915 .doneCrit1,#mermaid-1583150209915 .doneCrit2,#mermaid-1583150209915 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-1583150209915 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-1583150209915 .milestoneText{font-style:italic}#mermaid-1583150209915 .doneCritText0,#mermaid-1583150209915 .doneCritText1,#mermaid-1583150209915 .doneCritText2,#mermaid-1583150209915 .doneCritText3{fill:#000 !important}#mermaid-1583150209915 .activeCritText0,#mermaid-1583150209915 .activeCritText1,#mermaid-1583150209915 .activeCritText2,#mermaid-1583150209915 .activeCritText3{fill:#000 !important}#mermaid-1583150209915 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-1583150209915 g.classGroup text .title{font-weight:bolder}#mermaid-1583150209915 g.clickable{cursor:pointer}#mermaid-1583150209915 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1583150209915 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-1583150209915 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1583150209915 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-1583150209915 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1583150209915 .dashed-line{stroke-dasharray:3}#mermaid-1583150209915 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209915 .commit-id,#mermaid-1583150209915 .commit-msg,#mermaid-1583150209915 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209915 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px}#mermaid-1583150209915 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-1583150209915 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1583150209915 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-1583150209915 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1583150209915 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-1583150209915 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-1583150209915 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-1583150209915 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-1583150209915 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1583150209915 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n#mermaid-1583150209915 .node rect { fill: cornflowerblue; }\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}</style><style>#mermaid-1583150209915 {\n    color: rgb(0, 0, 0);\n    font: normal normal 400 normal 16px / normal \"trebuchet ms\", verdana, arial;\n  }</style><g transform=\"translate(0, 0)\"><g class=\"output\"><g class=\"clusters\"></g><g class=\"edgePaths\"><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M63.015625,72.17198090692125L117.34375,38.859375L191.5234375,38.859375\" marker-end=\"url(#arrowhead15)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead15\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M63.015625,105.90614409307875L117.34375,139.21875L171.671875,139.21875\" marker-end=\"url(#arrowhead16)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead16\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M253.2421875,38.859375L298.09375,38.859375L340.5459038469809,72.5869086530191\" marker-end=\"url(#arrowhead17)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead17\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M273.09375,139.21875L298.09375,139.21875L340.5459038469809,106.4912163469809\" marker-end=\"url(#arrowhead18)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead18\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g></g><g class=\"edgeLabels\"><g class=\"edgeLabel\" transform=\"translate(117.34375,38.859375)\" style=\"opacity: 1;\"><g transform=\"translate(-29.328125,-9.5)\" class=\"label\"><foreignObject width=\"58.65625\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\">Links To</span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g></g><g class=\"nodes\"><g class=\"node\" id=\"A\" transform=\"translate(35.5078125,89.0390625)\" style=\"opacity: 1;\"><rect rx=\"0\" ry=\"0\" x=\"-27.5078125\" y=\"-19.5\" width=\"55.015625\" height=\"39\" class=\"label-container\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-17.5078125,-9.5)\"><foreignObject width=\"35.015625\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Start</div></foreignObject></g></g></g><g class=\"node\" id=\"B\" transform=\"translate(222.3828125,38.859375)\" style=\"opacity: 1;\"><circle x=\"-30.859375\" y=\"-19.5\" r=\"30.859375\" class=\"label-container\"></circle><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-20.859375,-9.5)\"><foreignObject width=\"41.71875\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Circle</div></foreignObject></g></g></g><g class=\"node\" id=\"C\" transform=\"translate(222.3828125,139.21875)\" style=\"opacity: 1;\"><rect rx=\"5\" ry=\"5\" x=\"-50.7109375\" y=\"-19.5\" width=\"101.421875\" height=\"39\" class=\"label-container\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-40.7109375,-9.5)\"><foreignObject width=\"81.421875\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Round Rect</div></foreignObject></g></g></g><g class=\"node\" id=\"D\" transform=\"translate(361.44921875,89.0390625)\" style=\"opacity: 1;\"><polygon points=\"38.35546875,0 76.7109375,-38.35546875 38.35546875,-76.7109375 0,-38.35546875\" transform=\"translate(-38.35546875,38.35546875)\" class=\"label-container\"></polygon><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-13.1171875,-9.5)\"><foreignObject width=\"26.234375\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">End</div></foreignObject></g></g></g></g></g></g></svg></div>\n<div class=\"mermaid\" data-processed=\"true\"><svg id=\"mermaid-1583150209922\" width=\"322.28125\" xmlns=\"http://www.w3.org/2000/svg\" height=\"233\" viewBox=\"0 0 322.28125 233\"><style>#mermaid-1583150209922 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);color:#333}#mermaid-1583150209922 .label text{fill:#333}#mermaid-1583150209922 .node rect,#mermaid-1583150209922 .node circle,#mermaid-1583150209922 .node ellipse,#mermaid-1583150209922 .node polygon,#mermaid-1583150209922 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-1583150209922 .node .label{text-align:center}#mermaid-1583150209922 .node.clickable{cursor:pointer}#mermaid-1583150209922 .arrowheadPath{fill:#333}#mermaid-1583150209922 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-1583150209922 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-1583150209922 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-1583150209922 .cluster text{fill:#333}#mermaid-1583150209922 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-1583150209922 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-1583150209922 text.actor{fill:#000;stroke:none}#mermaid-1583150209922 .actor-line{stroke:grey}#mermaid-1583150209922 .messageLine0{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1583150209922 .messageLine1{stroke-width:1.5;stroke-dasharray:'2 2';stroke:#333}#mermaid-1583150209922 #arrowhead{fill:#333}#mermaid-1583150209922 .sequenceNumber{fill:#fff}#mermaid-1583150209922 #sequencenumber{fill:#333}#mermaid-1583150209922 #crosshead path{fill:#333 !important;stroke:#333 !important}#mermaid-1583150209922 .messageText{fill:#333;stroke:none}#mermaid-1583150209922 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-1583150209922 .labelText{fill:#000;stroke:none}#mermaid-1583150209922 .loopText{fill:#000;stroke:none}#mermaid-1583150209922 .loopLine{stroke-width:2;stroke-dasharray:'2 2';stroke:#ccf}#mermaid-1583150209922 .note{stroke:#aa3;fill:#fff5ad}#mermaid-1583150209922 .noteText{fill:black;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:14px}#mermaid-1583150209922 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-1583150209922 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-1583150209922 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-1583150209922 .mermaid-main-font{font-family:\"trebuchet ms\", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .section{stroke:none;opacity:0.2}#mermaid-1583150209922 .section0{fill:rgba(102,102,255,0.49)}#mermaid-1583150209922 .section2{fill:#fff400}#mermaid-1583150209922 .section1,#mermaid-1583150209922 .section3{fill:#fff;opacity:0.2}#mermaid-1583150209922 .sectionTitle0{fill:#333}#mermaid-1583150209922 .sectionTitle1{fill:#333}#mermaid-1583150209922 .sectionTitle2{fill:#333}#mermaid-1583150209922 .sectionTitle3{fill:#333}#mermaid-1583150209922 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-1583150209922 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .grid path{stroke-width:0}#mermaid-1583150209922 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-1583150209922 .task{stroke-width:2}#mermaid-1583150209922 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .taskText:not([font-size]){font-size:11px}#mermaid-1583150209922 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-1583150209922 .task.clickable{cursor:pointer}#mermaid-1583150209922 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209922 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209922 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-1583150209922 .taskText0,#mermaid-1583150209922 .taskText1,#mermaid-1583150209922 .taskText2,#mermaid-1583150209922 .taskText3{fill:#fff}#mermaid-1583150209922 .task0,#mermaid-1583150209922 .task1,#mermaid-1583150209922 .task2,#mermaid-1583150209922 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-1583150209922 .taskTextOutside0,#mermaid-1583150209922 .taskTextOutside2{fill:#000}#mermaid-1583150209922 .taskTextOutside1,#mermaid-1583150209922 .taskTextOutside3{fill:#000}#mermaid-1583150209922 .active0,#mermaid-1583150209922 .active1,#mermaid-1583150209922 .active2,#mermaid-1583150209922 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-1583150209922 .activeText0,#mermaid-1583150209922 .activeText1,#mermaid-1583150209922 .activeText2,#mermaid-1583150209922 .activeText3{fill:#000 !important}#mermaid-1583150209922 .done0,#mermaid-1583150209922 .done1,#mermaid-1583150209922 .done2,#mermaid-1583150209922 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-1583150209922 .doneText0,#mermaid-1583150209922 .doneText1,#mermaid-1583150209922 .doneText2,#mermaid-1583150209922 .doneText3{fill:#000 !important}#mermaid-1583150209922 .crit0,#mermaid-1583150209922 .crit1,#mermaid-1583150209922 .crit2,#mermaid-1583150209922 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-1583150209922 .activeCrit0,#mermaid-1583150209922 .activeCrit1,#mermaid-1583150209922 .activeCrit2,#mermaid-1583150209922 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-1583150209922 .doneCrit0,#mermaid-1583150209922 .doneCrit1,#mermaid-1583150209922 .doneCrit2,#mermaid-1583150209922 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-1583150209922 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-1583150209922 .milestoneText{font-style:italic}#mermaid-1583150209922 .doneCritText0,#mermaid-1583150209922 .doneCritText1,#mermaid-1583150209922 .doneCritText2,#mermaid-1583150209922 .doneCritText3{fill:#000 !important}#mermaid-1583150209922 .activeCritText0,#mermaid-1583150209922 .activeCritText1,#mermaid-1583150209922 .activeCritText2,#mermaid-1583150209922 .activeCritText3{fill:#000 !important}#mermaid-1583150209922 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-1583150209922 g.classGroup text .title{font-weight:bolder}#mermaid-1583150209922 g.clickable{cursor:pointer}#mermaid-1583150209922 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1583150209922 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-1583150209922 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1583150209922 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-1583150209922 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1583150209922 .dashed-line{stroke-dasharray:3}#mermaid-1583150209922 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-1583150209922 .commit-id,#mermaid-1583150209922 .commit-msg,#mermaid-1583150209922 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-1583150209922 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px}#mermaid-1583150209922 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-1583150209922 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-1583150209922 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-1583150209922 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-1583150209922 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-1583150209922 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-1583150209922 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-1583150209922 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-1583150209922 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-1583150209922 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}:root{--mermaid-font-family: '\"trebuchet ms\", verdana, arial';--mermaid-font-family: \"Comic Sans MS\", \"Comic Sans\", cursive}\n\n#mermaid-1583150209922 .node rect { fill: cornflowerblue; }\n:root { --mermaid-font-family: \"trebuchet ms\", verdana, arial;}</style><style>#mermaid-1583150209922 {\n    color: rgb(0, 0, 0);\n    font: normal normal 400 normal 16px / normal \"trebuchet ms\", verdana, arial;\n  }</style><g transform=\"translate(0, 0)\"><g class=\"output\"><g class=\"clusters\"></g><g class=\"edgePaths\"><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M49.885508130160275,92.63380112297648L88.484375,27.5L113.484375,27.5\" marker-end=\"url(#arrowhead9)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead9\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M63.484375,116.5L88.484375,116.5L122.34375,116.5\" marker-end=\"url(#arrowhead10)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead10\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g><g class=\"edgePath\" style=\"opacity: 1;\"><path class=\"path\" d=\"M49.885508130160275,140.36619887702352L88.484375,205.5L132.6796875,205.5\" marker-end=\"url(#arrowhead11)\" style=\"fill:none\"></path><defs><marker id=\"arrowhead11\" viewBox=\"0 0 10 10\" refX=\"9\" refY=\"5\" markerUnits=\"strokeWidth\" markerWidth=\"8\" markerHeight=\"6\" orient=\"auto\"><path d=\"M 0 0 L 10 5 L 0 10 z\" class=\"arrowheadPath\" style=\"stroke-width: 1; stroke-dasharray: 1, 0;\"></path></marker></defs></g></g><g class=\"edgeLabels\"><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g><g class=\"edgeLabel\" transform=\"\" style=\"opacity: 1;\"><g transform=\"translate(0,0)\" class=\"label\"><foreignObject width=\"0\" height=\"0\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\"><span class=\"edgeLabel\"></span></div></foreignObject></g></g></g><g class=\"nodes\"><g class=\"node\" id=\"A\" transform=\"translate(35.7421875,116.5)\" style=\"opacity: 1;\"><circle x=\"-27.7421875\" y=\"-19.5\" r=\"27.7421875\" class=\"label-container\"></circle><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-17.7421875,-9.5)\"><foreignObject width=\"35.484375\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Agile</div></foreignObject></g></g></g><g class=\"node\" id=\"TDD\" transform=\"translate(213.8828125,27.5)\" style=\"opacity: 1;\"><rect rx=\"0\" ry=\"0\" x=\"-100.3984375\" y=\"-19.5\" width=\"200.796875\" height=\"39\" class=\"label-container\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-90.3984375,-9.5)\"><foreignObject width=\"180.796875\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Test Driven Development</div></foreignObject></g></g></g><g class=\"node\" id=\"CI\" transform=\"translate(213.8828125,116.5)\" style=\"opacity: 1;\"><rect rx=\"0\" ry=\"0\" x=\"-91.5390625\" y=\"-19.5\" width=\"183.078125\" height=\"39\" class=\"label-container\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-81.5390625,-9.5)\"><foreignObject width=\"163.078125\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Continuous Integration</div></foreignObject></g></g></g><g class=\"node\" id=\"CD\" transform=\"translate(213.8828125,205.5)\" style=\"opacity: 1;\"><rect rx=\"0\" ry=\"0\" x=\"-81.203125\" y=\"-19.5\" width=\"162.40625\" height=\"39\" class=\"label-container\"></rect><g class=\"label\" transform=\"translate(0,0)\"><g transform=\"translate(-71.203125,-9.5)\"><foreignObject width=\"142.40625\" height=\"19\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display: inline-block; white-space: nowrap;\">Continuous Delivery</div></foreignObject></g></g></g></g></g></g></svg></div>","id":"2a0a38e8-da3d-52cb-9014-dc2ef1f0b66a","timeToRead":1,"frontmatter":{"date":"2018-08-06T23:53:19.791Z","path":"/hello-mermaid","tags":["mermaid"],"title":"Hello Mermaid"}},"next":{"excerpt":"Manage your bookmark cross different browsers I was a heavy google chrome user, but since I a little bit scared about their privacy policy. I was seeking for alternative, turns of Opera is my first choose. The first problem I hit strait away is…","html":"<h1>Manage your bookmark cross different browsers</h1>\n<p>I was a heavy google chrome user, but since I a little bit scared about their privacy policy. I was seeking for alternative, turns of Opera is my first choose. The first problem I hit strait away is bookmarks, the more I use a browser the more I addict to it. All my collections of bookmarks need to migrate, is there a proper solutions for this? It depends. But I find a website that change the way I manage my bookmarks in a nice looking UI, and it's pretty easy to use. That is <a href=\"https://start.me\">start.me</a>.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 650px;\"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 102.44161358811041%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAACXBIWXMAAAsTAAALEwEAmpwYAAADmUlEQVQ4y01Ty4okRRTNX/J7BPeuhAFxITLgYlBctYLKIEwzgptm1IW48THIONNNd2d1dU1VTb0ysypfla+IjHdERmZWeqt6Y3C5GRnEiXPi3hPOdDpdr1ab9WY6n7uj0ch1r66uRu713ehmcj9+OxkvpxOI21v38vLSdd3ZdDaZvB2Px7eu6xijAz/YZ/mA60apxtph6O/eJVfjXTsMoh0uQ/YmZL01WbZHVSWF6LtugE39wfHvXi9n14vVu9D3s31mTNO35unF9dnz19eRuEvUl38uILpGIaEqJnLCc8pLKlJEnG8+efTXxfez5QzI9/t9mqaMc1KhMsktrm1ZUN3UXHIpqTJUaaYNUYabphbSOfvs02dffzWZvwVJYRimSSLatrz4uXj6Q/T48+CjR0TQPNwqZWzTWUjGUsIwwowyRwiRpnCdDGirqoJfriSLk3oT8PsJH90RzmA35xWqVlrFxsRaRRBKpg6lNI7iwPODIADmLE257coX5/nZY2yMlyRQm8NhAIoif1Njdxg2w7AahmVrvSM4jEL/iIwiQG+3AC5++TH/9klZocV8/gCWoC95FYX/2mY+HP4HDoItjF0Y7na7LMsooQQKY1vCGMiVSkmlcZ3ielHjBSVLbbaNCZQMHXbcIQilRVHUdd00lnOOiyLZBrQqO6WsFA3nWklSZUGUCtN2jW1tq41xgCpLorIsBBzCmJYc17VhVGOsw1B4nt4GfbK9Xxe/vdwkJUqqGpc5hT2NcQjli5QxZSJmhe69tAWSWlAsieSCU7arkt5WXzyfvffhK1Tu4W6e59cENDYOaI5xo23nZTU33XKvj2DOsOASbkTIHhXQu99f3j/57u+qLNL9EQ+VNSAbtG7kjhszTmVPSTt2hTaSIklr0jS80Yqgrh9+/en84w/eB2/kRR5F0W67qxCGgtEq86Cm914hlfHDApgR5eDhtrVQPyKYtubmZvLs/ALsC8gojMDFUkqHYCTmN5iwP0ZBxfU/69woUdQ6yuVDh0/5oJQCmoeOQgJH1YQ4hJG92nYdvL/+0PfDoSeEoqpEqDp2+TTgC12M4xgwQAwTyFAQB9coReuu74DjRDPAKvQ8jpPGGFAO57bWwmISJwD2fT/PM4TQUTbUfRs81C+MTiPPcwJEuAIVTaOP4PboHPAivJyyKCEjhGHFWa1W6zXEerPZeKcBeK2N1ho6CRNK4fFxjPHJrBzMCxOghbP+A7oUPlBogsziAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Start me screen shot\"\n        title=\"Start me screen shot\"\n        src=\"/static/6bdc448ac18808324d38529e3d90b191/a6d36/start-me.png\"\n        srcset=\"/static/6bdc448ac18808324d38529e3d90b191/222b7/start-me.png 163w,\n/static/6bdc448ac18808324d38529e3d90b191/ff46a/start-me.png 325w,\n/static/6bdc448ac18808324d38529e3d90b191/a6d36/start-me.png 650w,\n/static/6bdc448ac18808324d38529e3d90b191/f1901/start-me.png 942w\"\n        sizes=\"(max-width: 650px) 100vw, 650px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p>The first thing you will notice is Start.Me is pretty much looks like a portal, things like iGoogle. The functionality is similar too. You can add tabs to organize your things. Widgets are also available to use, such like weather or todo list.</p>\n<p>The only thing I was interested is bookmark manager. It allows you to login using google account and access it cross all your devices. Yes, it's responsive. So not just your desktop browsers, but also on your mobile. This is way I would like to keep my bookmarks in one place and cross all browsers.</p>\n<p>Of course, you would still have privacy concerns here. But this is how I made my decision, I don't like one service controls all my data.</p>","id":"3f312839-8c10-57cb-8465-c9b696b1bfb9","timeToRead":1,"frontmatter":{"date":"2017-05-22","path":"/start-me/","tags":["tools","bookmark"],"title":"Manage your bookmark cross different browsers"}}}}}