Add visual workflow diagrams to demonstrate three featured submodules in poster.html

[Copilot]

Enhanced the poster.html with interactive visual workflow diagrams for the three featured submodules to better demonstrate their functionality and workflows.

Changes Made

Added CSS-based workflow diagrams for each featured submodule in the "Featured Submodules" section:

🔧 AutoChip

Workflow: Natural Language Prompt → LLM → Verilog Code → Error Feedback → Refined Verilog

Shows the iterative process of generating functional Verilog modules from design prompts using LLM feedback loops.

🛡️ Security Assertions

Workflow: Natural Language Security Specs → LLM → SystemVerilog Assertions → Hardware Verification

Demonstrates how natural language security specifications are transformed into SystemVerilog assertions for hardware security verification.

⚡ C2HLSC

Workflow: C Code → LLM Transformation → HLS-Compatible C → Hardware Synthesis

Illustrates the bridge from software C code to hardware-synthesizable HLS-compatible C code using LLM transformations.

Technical Implementation

• Self-contained: Uses pure CSS/HTML with no external dependencies
• Responsive design: Workflows adapt to mobile devices with vertical layout and rotated arrows
• Interactive: Hover effects on workflow steps with smooth transitions
• Color-coded: Each workflow matches its section theme (green for Verilog, orange for Security, blue for C2HLS)
• Minimal changes: Only 116 lines added, 3 lines removed - preserves all existing functionality

Screenshots

Desktop View:

Mobile View:

The visual diagrams provide immediate clarity on how each submodule works, making the poster more engaging and informative for viewers who want to quickly understand the workflow and purpose of each featured project.

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.