new full screen layout template

[danryland]

Removed containers and cleaned up markup to provide maximum space for graph output.

Summary by CodeRabbit

Release Notes

• Style: Overhauled the visual design of the main page for improved user experience and responsiveness.
• Refactor: Updated the form layout with new styles and class names for better consistency and readability.
• New Feature: Enhanced the graph and history sections with updated classes, providing a more intuitive and visually appealing interface.

[coderabbitai]

Walkthrough

The changes primarily focus on enhancing the visual design and responsiveness of the web page. The form layout, graph container, and history section have been significantly updated with new HTML structures, CSS classes, and styles.

Changes

File	Summary
templates/index.html	The HTML structure and CSS classes have been significantly modified to improve the form layout, graph container, and history section. The changes aim to enhance the visual design and responsiveness of the page.

🐇💻

Code is woven like a tapestry,

With threads of logic in harmony.

New styles bloom like spring flowers,

Powering the site for countless hours.

Celebrate these changes, oh so bright,

For they bring the webpage into light! 🎉🌟

---

Tips

Chat with CodeRabbit Bot (@coderabbitai)

• Mention @coderabbitai in any review comment for bot assistance.
• Note: Review comments are made on code diffs or files, not on the PR overview.

Pause Incremental Reviews

• Insert @coderabbitai: ignore in the PR description to halt the bot's ongoing reviews. Remove the line to resume.

[coderabbitai]

Review Status

Actionable comments generated: 0

Commits

Files that changed from the base of the PR and between 9efa02e and 7aa2c0e commits.

Files selected for processing (1)

• templates/index.html (1 hunks)

Additional comments (Suppressed): 4

templates/index.html (4)

• 25-26: The heading of the page is now hidden from view but still accessible to screen readers. This is a good practice for accessibility, ensuring that users who rely on assistive technologies can understand the content and purpose of the page.

• 27-34: The form layout has been updated with new classes and styles to accommodate the full-screen view. The label for the input field has been changed from "URL/Text" to "Ask a question", which might be more intuitive for users. However, it's important to verify that this change aligns with the functionality of the application.

• 35-45: The containers for the graph output and history section have been revamped, removing previous constraints to provide maximum space for displaying data. This should improve the user interface for better visualization of graph outputs. However, ensure that these changes do not negatively impact the responsiveness of the layout on different screen sizes.

• 46-48: No significant changes in the JavaScript code. The function calcNodeWidth and the variable form are still present as before.

[coderabbitai]

Review Status

Actionable comments generated: 0

Commits

Files that changed from the base of the PR and between 7aa2c0e and bda29df.

Files selected for processing (1)

• templates/index.html (1 hunks)

Files skipped from review due to trivial changes (1)

• templates/index.html