adding picture for task panel

src/vs/workbench/parts/tasks/electron-browser/media/task.contribution.css

@@ -99,3 +99,11 @@
 .monaco-workbench .task-action {
 	background: url('update.svg') center center no-repeat;
 }
+
+.monaco-workbench .task-panel-container .taskMockup {
+	background-image: url('taskPanel-mockup.png');
+	background-position: center center;
+	background-repeat: no-repeat;
+	height: 300px;
+	width: 1500;
+}

src/vs/workbench/parts/tasks/electron-browser/taskButtons.ts

@@ -9,10 +9,14 @@ import { localize } from 'vs/nls';
 
 export function domElement() {
 	return `
+<div>
 <button class="taskButton", tabindex="0">${escape(localize('RunTaskAction.label', "Run task"))}</button>
 <button class="taskButton", tabindex="1">${escape(localize('BuildAction.label', "Run build task"))}</button>
 <button class="taskButton", tabindex="2">${escape(localize('TestAction.label', "Run test task"))}</button>
 <button class="taskButton", tabindex="3">${escape(localize('TerminateAction.label', "Terminate running task"))}</button>
 <button class="taskButton", tabindex="4">${escape(localize('RestartTaskAction.label', "Restart task"))}</button>
+</div>
+<div class="taskMockup" alt="testing">
+</div>
 `;
 };
\ No newline at end of file