mirror of
https://github.com/PrefectHQ/fastmcp.git
synced 2026-08-23 05:54:19 +02:00
Add banner
This commit is contained in:
parent
528199e1a5
commit
3374d26043
2 changed files with 77 additions and 0 deletions
|
|
@ -11,11 +11,22 @@
|
|||
},
|
||||
"decoration": "windows"
|
||||
},
|
||||
"banner": {
|
||||
"content": "[Join the waitlist](https://fastmcp.cloud) for FastMCP Cloud!"
|
||||
},
|
||||
"colors": {
|
||||
"dark": "#f72585",
|
||||
"light": "#4cc9f0",
|
||||
"primary": "#2d00f7"
|
||||
},
|
||||
"contextual": {
|
||||
"options": [
|
||||
"copy",
|
||||
"view",
|
||||
"chatgpt",
|
||||
"claude"
|
||||
]
|
||||
},
|
||||
"description": "The fast, Pythonic way to build MCP servers and clients.",
|
||||
"favicon": {
|
||||
"dark": "/assets/favicon.ico",
|
||||
|
|
|
|||
|
|
@ -12,6 +12,72 @@ h6 code:not(pre code) {
|
|||
background-color: rgba(247, 37, 133, 0.09);
|
||||
}
|
||||
|
||||
/* Banner styling -- improve readability with better contrast */
|
||||
#banner {
|
||||
background: #f1f5f9 !important;
|
||||
color: #1e293b !important;
|
||||
font-size: 0.95rem !important;
|
||||
font-weight: 600 !important;
|
||||
padding-top: 12px !important;
|
||||
padding-bottom: 12px !important;
|
||||
position: relative !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
#banner::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(6, 182, 212, 0.25) 0%,
|
||||
rgba(6, 182, 212, 0.05) 25%,
|
||||
rgba(6, 182, 212, 0.35) 50%,
|
||||
rgba(6, 182, 212, 0.08) 75%,
|
||||
rgba(6, 182, 212, 0.28) 100%
|
||||
);
|
||||
background-size: 300% 100%;
|
||||
animation: colorWave 14s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
.dark #banner {
|
||||
background: #475569 !important;
|
||||
color: #f1f5f9 !important;
|
||||
}
|
||||
|
||||
.dark #banner::before {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(247, 37, 133, 0.35) 0%,
|
||||
rgba(247, 37, 133, 0.08) 25%,
|
||||
rgba(247, 37, 133, 0.45) 50%,
|
||||
rgba(247, 37, 133, 0.12) 75%,
|
||||
rgba(247, 37, 133, 0.38) 100%
|
||||
);
|
||||
background-size: 300% 100%;
|
||||
}
|
||||
|
||||
@keyframes colorWave {
|
||||
0% {
|
||||
background-position: 0% 0%;
|
||||
}
|
||||
100% {
|
||||
background-position: 100% 0%;
|
||||
}
|
||||
}
|
||||
|
||||
#banner * {
|
||||
color: #1e293b !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.dark #banner * {
|
||||
color: #f1f5f9 !important;
|
||||
}
|
||||
|
||||
/* Version badge -- display a badge with the current version of the documentation */
|
||||
.version-badge {
|
||||
display: inline-block;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue