qiudl/ai-community
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加 PipexERP 企业统一品牌资源

Browse Source 
- 创建品牌资源目录 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>
This commit is contained in:
qiudl
2026-01-03 15:36:29 +10:30
parent 6a4be4ca4c
commit 6b9607a19b
13 changed files with 491 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
brand/templates/brand-header.html Normal file
View File

@@ -0,0 +1,58 @@
<!-- 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);
-->