6b9607a19b
- 创建品牌资源目录 brand/ - Logo SVG（主Logo、深色模式、图标、favicon） - 各子系统专用 Logo（AI-Proj、Gitea、Jenkins、Metabase、DBeaver） - CSS 变量文件 pipexerp-variables.css - 品牌条样式 pipexerp-brand-bar.css - 品牌 Header 模板 - 更新导航页 nav-home.html - 企业区域配色改为企业绿 #52c41a - 更新标题和 Logo 为 PipexERP - 添加 favicon 引用 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
59 lines
2.7 KiB
HTML
59 lines
2.7 KiB
HTML
<!-- PipexERP Brand Header Template -->
|
|
<!-- 使用方法: 复制此代码到各子系统的 header 区域 -->
|
|
|
|
<!-- 方式1: 完整品牌条 -->
|
|
<header class="pipex-brand-bar">
|
|
<a href="https://www.pipexerp.com" class="pipex-brand-bar__logo" target="_blank">
|
|
<svg class="pipex-brand-bar__icon" viewBox="0 0 32 32">
|
|
<defs>
|
|
<linearGradient id="headerIconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#fff"/>
|
|
<stop offset="100%" style="stop-color:#d9f7be"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M16 0 L28 8 L28 24 L16 32 L4 24 L4 8 Z" fill="url(#headerIconGradient)"/>
|
|
<path d="M12 8 L12 24 L15 24 L15 18 L20 18 C23 18 25 16 25 13 C25 10 23 8 20 8 Z M15 11 L19 11 C21 11 22 12 22 13 C22 14 21 15 19 15 L15 15 Z" fill="#52c41a"/>
|
|
</svg>
|
|
<span class="pipex-brand-bar__title">PipexERP</span>
|
|
<span class="pipex-brand-bar__divider"></span>
|
|
<span class="pipex-brand-bar__subtitle"><!-- 子系统名称 --></span>
|
|
</a>
|
|
<nav class="pipex-brand-bar__nav">
|
|
<a href="https://ai.pipexerp.com" class="pipex-brand-bar__link">AI-Proj</a>
|
|
<a href="https://gitea.pipexerp.com" class="pipex-brand-bar__link">Gitea</a>
|
|
<a href="https://jenkins.pipexerp.com" class="pipex-brand-bar__link">Jenkins</a>
|
|
<a href="https://meta.pipexerp.com" class="pipex-brand-bar__link">Metabase</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- 方式2: 页脚品牌标识 -->
|
|
<footer class="pipex-brand-footer">
|
|
<svg class="pipex-brand-footer__logo" viewBox="0 0 32 32">
|
|
<path d="M16 0 L28 8 L28 24 L16 32 L4 24 L4 8 Z" fill="#52c41a"/>
|
|
<path d="M12 8 L12 24 L15 24 L15 18 L20 18 C23 18 25 16 25 13 C25 10 23 8 20 8 Z M15 11 L19 11 C21 11 22 12 22 13 C22 14 21 15 19 15 L15 15 Z" fill="white"/>
|
|
</svg>
|
|
<span>Powered by <a href="https://www.pipexerp.com">PipexERP</a></span>
|
|
</footer>
|
|
|
|
<!-- 方式3: 紧凑品牌标签 (适用于空间有限的区域) -->
|
|
<span class="pipex-brand-tag">
|
|
<svg class="pipex-brand-tag__icon" viewBox="0 0 32 32">
|
|
<path d="M16 0 L28 8 L28 24 L16 32 L4 24 L4 8 Z" fill="currentColor"/>
|
|
<path d="M12 8 L12 24 L15 24 L15 18 L20 18 C23 18 25 16 25 13 C25 10 23 8 20 8 Z M15 11 L19 11 C21 11 22 12 22 13 C22 14 21 15 19 15 L15 15 Z" fill="white"/>
|
|
</svg>
|
|
PipexERP
|
|
</span>
|
|
|
|
<!--
|
|
CSS 引用说明:
|
|
1. 在 <head> 中添加:
|
|
<link rel="stylesheet" href="https://saltthing.top/brand/css/pipexerp-variables.css">
|
|
<link rel="stylesheet" href="https://saltthing.top/brand/css/pipexerp-brand-bar.css">
|
|
|
|
2. 或者通过 JavaScript 动态注入:
|
|
const link = document.createElement('link');
|
|
link.rel = 'stylesheet';
|
|
link.href = 'https://saltthing.top/brand/css/pipexerp-brand-bar.css';
|
|
document.head.appendChild(link);
|
|
-->
|