added initial webpage

src/commands.ts

@@ -48,6 +48,11 @@ const commands: Command[] = [
     name: 'mind-reader.resetEditorScale',
     callback: resetEditorScale,
   },
+
+  {
+    name: 'mind-reader.openWebview',
+    callback: openWebview,
+  }
 ];
 
 // COMMAND CALLBACK IMPLEMENTATIONS
@@ -76,4 +81,14 @@ function resetEditorScale(): void {
   vscode.commands.executeCommand('workbench.action.zoomReset');
 }
 
+function openWebview(): void {
+  //vscode.commands.executeCommand('workbench.action.zoomOut');
+  vscode.window.createWebviewPanel(
+    'catCoding', // Identifies the type of the webview. Used internally
+    'Cat Coding', // Title of the panel displayed to the user
+    vscode.ViewColumn.One, // Editor column to show the new webview panel in.
+    {}
+  ); // Webview options. More on these later.
+}
+
 export default commands;

src/extension.ts

@@ -18,6 +18,7 @@ export function activate(context: vscode.ExtensionContext) {
       command.callback
     );
     context.subscriptions.push(disposable);
+    console.log(command.name);
   });
 }