Skip to content

Add MCP servers banner #606

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 13 commits into from
Jul 28, 2025
Merged

Add MCP servers banner #606

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
6e6521b
Add MCP banner
ericglau Jul 22, 2025
5a79a79
Add banners for other langs
ericglau Jul 22, 2025
5c79e69
Fix formatting
ericglau Jul 22, 2025
5c032a7
Merge branch 'master' into mcpbanner
ericglau Jul 22, 2025
f1128e1
Empty commit
ericglau Jul 22, 2025
549582e
Update text
ericglau Jul 22, 2025
bdbc6cd
Revert footer banner
ericglau Jul 23, 2025
16948b5
Add top banner
ericglau Jul 23, 2025
c86fcb3
Use darker background for New
ericglau Jul 23, 2025
58325f3
Merge branch 'master' into mcpbanner
ericglau Jul 24, 2025
6c7e09d
Fix spacing when small screen
ericglau Jul 25, 2025
1cad99a
Merge branch 'master' into mcpbanner
ericglau Jul 25, 2025
0fb3bbc
Merge branch 'master' into mcpbanner
ericglau Jul 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion packages/ui/public/cairo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,18 @@
<a class="link" href="https://x.com/OpenZeppelin" target="_blank" rel="noopener noreferrer"><img src="/icons/x-logo.svg" width="20" alt="Twitter/X"></a>
</div>
</div>
<div class="banner flex w-full gap-2">
<div class="bg-blue-100 text-blue-600 px-2 py-0.5 rounded-md text-sm font-medium">New</div>
<div>
Build secure, OpenZeppelin-standard smart contracts with your favorite AI using the
<a
href="https://mcp.openzeppelin.com/"
target="_blank"
rel="noopener noreferrer"
class="text-gray-600 hover:underline">Contracts MCP</a
>.
</div>
</div>
<div class="nav">
<a class="switch switch-solidity" href="/"><img src="/icons/solidity.svg" alt="solidity">Solidity</a>
<div class="switch switch-cairo active with-version" id="cairo-switch">
Expand All @@ -63,7 +75,6 @@
<a class="switch switch-stellar" href="/stellar"><img src="/icons/stellar.svg" alt="stellar">Stellar</a>
<a class="switch switch-stylus" href="/stylus"><img src="/icons/stylus.svg" alt="stylus">Stylus</a>
</div>

<div class="wizard-container">
<oz-wizard class="wizard" data-sync-url="fragment" data-lang="cairo"></oz-wizard>
</div>
Expand Down
13 changes: 12 additions & 1 deletion packages/ui/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,14 +81,25 @@
<a class="link" href="https://x.com/OpenZeppelin" target="_blank" rel="noopener noreferrer"><img src="/icons/x-logo.svg" width="20" alt="Twitter/X"></a>
</div>
</div>
<div class="banner flex w-full gap-2">
<div class="bg-blue-100 text-blue-600 px-2 py-0.5 rounded-md text-sm font-medium">New</div>
<div>
Build secure, OpenZeppelin-standard smart contracts with your favorite AI using the
<a
href="https://mcp.openzeppelin.com/"
target="_blank"
rel="noopener noreferrer"
class="text-gray-600 hover:underline">Contracts MCP</a
>.
</div>
</div>
<div class="nav">
<a class="switch switch-solidity active" href="/"><img src="/icons/solidity.svg" alt="solidity">Solidity</a>
<a class="switch switch-cairo" href="/cairo"><img src="/icons/cairo.svg" alt="cairo">Cairo</a>
<a class="switch switch-stellar" href="/stellar"><img src="/icons/stellar.svg" alt="stellar">Stellar</a>
<a class="switch switch-stylus" href="/stylus"><img src="/icons/stylus.svg" alt="stylus">Stylus</a>
</div>
<div class="wizard-container">

<oz-wizard class="wizard" data-sync-url="fragment"></oz-wizard>
</div>

Expand Down
13 changes: 12 additions & 1 deletion packages/ui/public/stellar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,14 +49,25 @@
<a class="link" href="https://x.com/OpenZeppelin" target="_blank" rel="noopener noreferrer"><img src="/icons/x-logo.svg" width="20" alt="Twitter/X"></a>
</div>
</div>
<div class="banner flex w-full gap-2">
<div class="bg-blue-100 text-blue-600 px-2 py-0.5 rounded-md text-sm font-medium">New</div>
<div>
Build secure, OpenZeppelin-standard smart contracts with your favorite AI using the
<a
href="https://mcp.openzeppelin.com/"
target="_blank"
rel="noopener noreferrer"
class="text-gray-600 hover:underline">Contracts MCP</a
>.
</div>
</div>
<div class="nav">
<a class="switch switch-solidity" href="/"><img src="/icons/solidity.svg" alt="solidity">Solidity</a>
<a class="switch switch-cairo" href="/cairo"><img src="/icons/cairo.svg" alt="cairo">Cairo</a>
<a class="switch switch-stellar active" href="#"><img src="/icons/stellar.svg" alt="stellar">Stellar</a>
<a class="switch switch-stylus" href="/stylus"><img src="/icons/stylus.svg" alt="stylus">Stylus</a>
</div>
<div class="wizard-container">

<oz-wizard class="wizard" data-sync-url="fragment" data-lang="stellar"></oz-wizard>
</div>

Expand Down
13 changes: 12 additions & 1 deletion packages/ui/public/stylus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,14 +49,25 @@
<a class="link" href="https://x.com/OpenZeppelin" target="_blank" rel="noopener noreferrer"><img src="/icons/x-logo.svg" width="20" alt="Twitter/X"></a>
</div>
</div>
<div class="banner flex w-full gap-2">
<div class="bg-blue-100 text-blue-600 px-2 py-0.5 rounded-md text-sm font-medium">New</div>
<div>
Build secure, OpenZeppelin-standard smart contracts with your favorite AI using the
<a
href="https://mcp.openzeppelin.com/"
target="_blank"
rel="noopener noreferrer"
class="text-gray-600 hover:underline">Contracts MCP</a
>.
</div>
</div>
<div class="nav">
<a class="switch switch-solidity" href="/"><img src="/icons/solidity.svg" alt="solidity">Solidity</a>
<a class="switch switch-cairo" href="/cairo"><img src="/icons/cairo.svg" alt="cairo">Cairo</a>
<a class="switch switch-stellar" href="/stellar"><img src="/icons/stellar.svg" alt="stellar">Stellar</a>
<a class="switch switch-stylus active" href="#"><img src="/icons/stylus_active.svg" alt="stylus">Stylus</a>
</div>
<div class="wizard-container">

<oz-wizard class="wizard" data-sync-url="fragment" data-lang="stylus"></oz-wizard>
</div>

Expand Down
11 changes: 11 additions & 0 deletions packages/ui/src/standalone.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,17 @@ body {
margin-right: 20px;
}

.banner {
text-align: left;
font-family: 'inter', Arial, Helvetica, sans-serif;
display: flex;
flex-direction: row;
height: 36px;
justify-content: center;
align-items: center;
background-color: #f5f6ff;
}

/* Navigation */
.nav {
text-align: left;
Expand Down
Loading