mirror of
https://github.com/davila7/claude-code-templates.git
synced 2026-09-19 01:30:23 +08:00
Dani
613343bbaf
Integrated Z.AI (GLM Coding Plan) as official sponsor with comprehensive website presence and tracking. Partnership Features: - Partnership banner with Z.AI branding on homepage - GLM Coding Plan setting for Claude Code integration - Sponsored by Z.AI badge in stats section - Partnership section in README with discount link - Vercel OSS Program badge added Components Added: - Setting: partnerships/glm-coding-plan (GLM-4.6 API configuration) - Banner: Full-width responsive partnership banner - Badge: "Sponsored by Z.AI" in badge collection Tracking Implementation: - UTM parameters for all Z.AI links (source, medium, campaign) - Google Analytics event tracking for banner clicks - Separate tracking for banner vs README vs badge clicks Technical Details: - Responsive banner design (200px desktop → 100px mobile) - Background matches site theme (#0d1117) - Lateral padding shows site background - All links open in new tab with proper rel attributes Files Modified: - README.md: Added partnership section - docs/index.html: Banner + badge integration - docs/components.json: New GLM setting included - cli-tool/components/settings/partnerships/glm-coding-plan.json Files Added: - docs/css/partnership-banner.css - docs/js/partnership-banner.js - docs/static/img/image.png Partnership Terms: - Monthly fee: $1,500 USD - Discount code: 10% OFF (ic=8JVLJQFSKB) - Sponsor: Z.AI (https://z.ai) - Service: GLM CODING PLAN ($3/month starting) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
136 lines
2.3 KiB
CSS
136 lines
2.3 KiB
CSS
/* ===================================
|
|
Partnership Banner - GLM Z.AI (Image Banner)
|
|
=================================== */
|
|
|
|
.partnership-banner {
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 1.5rem 3rem;
|
|
width: 100%;
|
|
background: #0d1117;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.partnership-sponsor-text {
|
|
text-align: center;
|
|
margin-bottom: 1rem;
|
|
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
|
|
}
|
|
|
|
.sponsor-label {
|
|
color: #8b949e;
|
|
font-size: 0.875rem;
|
|
margin-right: 0.5rem;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
.sponsor-name {
|
|
color: #58a6ff;
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
letter-spacing: 0.025em;
|
|
text-decoration: none;
|
|
transition: color 0.2s ease;
|
|
}
|
|
|
|
.sponsor-name:hover {
|
|
color: #79c0ff;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.partnership-banner a {
|
|
display: block;
|
|
position: relative;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s ease;
|
|
}
|
|
|
|
.partnership-banner a:hover {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.partnership-banner img {
|
|
width: 100%;
|
|
height: auto;
|
|
max-height: 200px;
|
|
object-fit: contain;
|
|
object-position: center;
|
|
display: block;
|
|
}
|
|
|
|
/* Responsive adjustments */
|
|
@media (max-width: 1024px) {
|
|
.partnership-banner {
|
|
padding: 1.25rem 2.5rem;
|
|
}
|
|
|
|
.partnership-banner img {
|
|
max-height: 180px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.partnership-banner {
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
.partnership-sponsor-text {
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.sponsor-label,
|
|
.sponsor-name {
|
|
font-size: 0.8125rem;
|
|
}
|
|
|
|
.partnership-banner img {
|
|
max-height: 150px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.partnership-banner {
|
|
padding: 0.75rem 1.5rem;
|
|
}
|
|
|
|
.partnership-sponsor-text {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.sponsor-label,
|
|
.sponsor-name {
|
|
font-size: 0.75rem;
|
|
}
|
|
|
|
.partnership-banner img {
|
|
max-height: 120px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 360px) {
|
|
.partnership-banner {
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
.partnership-sponsor-text {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.sponsor-label,
|
|
.sponsor-name {
|
|
font-size: 0.7rem;
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
|
|
.sponsor-label {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.partnership-banner img {
|
|
max-height: 100px;
|
|
}
|
|
}
|