Skip to content

Commit 64c93f1

Browse files
jamesmontemagnojamesmontemagno
committed
Add dynamic markdown step viewer with theming
- Add step.html with sidebar navigation and dynamic markdown loading - Uses marked.js to render lab markdown files with consistent styling - Supports keyboard navigation (arrow keys) - Handles GitHub-style checkboxes and callouts - Update index.html to link to themed step pages - Includes syntax highlighting for code blocks
1 parent 041b87f commit 64c93f1

2 files changed

Lines changed: 699 additions & 18 deletions

File tree

‎docs/index.html‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -444,11 +444,11 @@ <h1>GitHub Copilot in Visual Studio</h1>
444444
Learn code completion, Agent mode, MCP servers, and AI-first development workflows.
445445
</p>
446446
<div class="hero-cta">
447-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab" class="btn btn-primary">
448-
📦 Get Started
447+
<a href="step.html?step=setup" class="btn btn-primary">
448+
🚀 Start Workshop
449449
</a>
450-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/setup.md" class="btn btn-secondary">
451-
📖 View Lab Guide
450+
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab" class="btn btn-secondary">
451+
📦 GitHub Repo
452452
</a>
453453
</div>
454454
<div class="stats">
@@ -498,111 +498,111 @@ <h3>Cloud Delegation</h3>
498498
<section class="workshop">
499499
<h2 class="section-title">Workshop Parts</h2>
500500
<div class="parts-list">
501-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/setup.md" class="part-card">
501+
<a href="step.html?step=setup" class="part-card">
502502
<div class="part-number">00</div>
503503
<div class="part-content">
504504
<h3>Setup & Configuration</h3>
505505
<p>Clone the repo, install extensions, and configure GitHub Copilot settings</p>
506506
</div>
507507
<span class="part-badge">Setup</span>
508508
</a>
509-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part00-exploring-codebase.md" class="part-card">
509+
<a href="step.html?step=part00-exploring-codebase" class="part-card">
510510
<div class="part-number">01</div>
511511
<div class="part-content">
512512
<h3>Exploring the Codebase</h3>
513513
<p>Use Copilot Chat to understand the project structure and architecture</p>
514514
</div>
515515
<span class="part-badge">Chat</span>
516516
</a>
517-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part01-code-completion.md" class="part-card">
517+
<a href="step.html?step=part01-code-completion" class="part-card">
518518
<div class="part-number">02</div>
519519
<div class="part-content">
520520
<h3>Code Completion & Ghost Text</h3>
521521
<p>Implement API endpoints with intelligent code suggestions and NES</p>
522522
</div>
523523
<span class="part-badge">Completions</span>
524524
</a>
525-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part02-enhancing-ui.md" class="part-card">
525+
<a href="step.html?step=part02-enhancing-ui" class="part-card">
526526
<div class="part-number">03</div>
527527
<div class="part-content">
528528
<h3>Enhancing UI with Inline Chat</h3>
529529
<p>Make targeted UI improvements using inline chat (Alt+/)</p>
530530
</div>
531531
<span class="part-badge">Inline</span>
532532
</a>
533-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part03-referencing-files.md" class="part-card">
533+
<a href="step.html?step=part03-referencing-files" class="part-card">
534534
<div class="part-number">04</div>
535535
<div class="part-content">
536536
<h3>Referencing Code Files</h3>
537537
<p>Use # references to give Copilot context from specific files</p>
538538
</div>
539539
<span class="part-badge">Context</span>
540540
</a>
541-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part04-custom-instructions.md" class="part-card">
541+
<a href="step.html?step=part04-custom-instructions" class="part-card">
542542
<div class="part-number">05</div>
543543
<div class="part-content">
544544
<h3>Custom Instructions</h3>
545545
<p>Configure copilot-instructions.md to align suggestions with your standards</p>
546546
</div>
547547
<span class="part-badge">Instructions</span>
548548
</a>
549-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part05-implementing-features.md" class="part-card">
549+
<a href="step.html?step=part05-implementing-features" class="part-card">
550550
<div class="part-number">06</div>
551551
<div class="part-content">
552552
<h3>Implementing Features with Agent</h3>
553553
<p>Build complete features across multiple files using Agent mode</p>
554554
</div>
555555
<span class="part-badge">Agent</span>
556556
</a>
557-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part06-copilot-vision.md" class="part-card">
557+
<a href="step.html?step=part06-copilot-vision" class="part-card">
558558
<div class="part-number">07</div>
559559
<div class="part-content">
560560
<h3>Copilot Vision</h3>
561561
<p>Upload design mockups and let Copilot implement the UI</p>
562562
</div>
563563
<span class="part-badge">Vision</span>
564564
</a>
565-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part07-debugging-with-copilot.md" class="part-card">
565+
<a href="step.html?step=part07-debugging-with-copilot" class="part-card">
566566
<div class="part-number">08</div>
567567
<div class="part-content">
568568
<h3>Debugging with Copilot</h3>
569569
<p>Analyze exceptions, inspect variables, and generate debug expressions</p>
570570
</div>
571571
<span class="part-badge">Debug</span>
572572
</a>
573-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part08-commit-summary-descriptions.md" class="part-card">
573+
<a href="step.html?step=part08-commit-summary-descriptions" class="part-card">
574574
<div class="part-number">09</div>
575575
<div class="part-content">
576576
<h3>Commit Summaries & Code Review</h3>
577577
<p>Generate meaningful commit messages and review code quality</p>
578578
</div>
579579
<span class="part-badge">Git</span>
580580
</a>
581-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part09-mcp.md" class="part-card">
581+
<a href="step.html?step=part09-mcp" class="part-card">
582582
<div class="part-number">10</div>
583583
<div class="part-content">
584584
<h3>MCP Servers</h3>
585585
<p>Connect to GitHub, Microsoft Learn, and other external services</p>
586586
</div>
587587
<span class="part-badge">MCP</span>
588588
</a>
589-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part10-planning-mode.md" class="part-card">
589+
<a href="step.html?step=part10-planning-mode" class="part-card">
590590
<div class="part-number">11</div>
591591
<div class="part-content">
592592
<h3>Planning Mode</h3>
593593
<p>Create structured implementation plans before generating code</p>
594594
</div>
595595
<span class="part-badge">Planning</span>
596596
</a>
597-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part11-reusable-prompts.md" class="part-card">
597+
<a href="step.html?step=part11-reusable-prompts" class="part-card">
598598
<div class="part-number">12</div>
599599
<div class="part-content">
600600
<h3>Reusable Prompt Files</h3>
601601
<p>Create standardized prompts for unit testing and common tasks</p>
602602
</div>
603603
<span class="part-badge">Prompts</span>
604604
</a>
605-
<a href="https://github.com/dotnet-presentations/visual-studio-github-copilot-lab/blob/main/lab/part12-delegate-to-cloud.md" class="part-card">
605+
<a href="step.html?step=part12-delegate-to-cloud" class="part-card">
606606
<div class="part-number">13</div>
607607
<div class="part-content">
608608
<h3>Delegate to the Cloud</h3>

0 commit comments

Comments
 (0)