Update branding and icons across the application; replace references to old GitHub accounts and icons. Change favicon to easyshell_icon.svg, update product logos, and enhance styles for better visual consistency.

This commit is contained in:
Ethanfly 2025-12-29 14:30:54 +08:00
parent 953691e7a3
commit 3f1b14711f
6 changed files with 110 additions and 37 deletions

View File

@ -7,7 +7,7 @@
<title>EasyShell - 赛博朋克风格跨平台远程 Shell 管理终端</title> <title>EasyShell - 赛博朋克风格跨平台远程 Shell 管理终端</title>
<meta name="description" content="赛博朋克风格的跨平台远程 Shell 管理终端,支持 SSH、SFTP、主机监控、云端同步等功能"> <meta name="description" content="赛博朋克风格的跨平台远程 Shell 管理终端,支持 SSH、SFTP、主机监控、云端同步等功能">
<meta name="keywords" content="SSH, SFTP, 终端, Shell, 远程管理, 赛博朋克, Electron, Capacitor"> <meta name="keywords" content="SSH, SFTP, 终端, Shell, 远程管理, 赛博朋克, Electron, Capacitor">
<link rel="icon" type="image/svg+xml" href="icon.svg"> <link rel="icon" type="image/svg+xml" href="easyshell_icon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@400;500;600;700;800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@400;500;600;700;800&display=swap" rel="stylesheet">
@ -30,13 +30,13 @@
<div class="container"> <div class="container">
<a href="index.html" class="logo"> <a href="index.html" class="logo">
<span class="logo-icon"></span> <span class="logo-icon"></span>
<span class="logo-text">DevTools</span> <span class="logo-text">Ethan's DevTools</span>
</a> </a>
<div class="nav-links"> <div class="nav-links">
<a href="index.html">首页</a> <a href="index.html">首页</a>
<a href="phper.html">PHPer</a> <a href="phper.html">PHPer</a>
<a href="easyshell.html" class="active">EasyShell</a> <a href="easyshell.html" class="active">EasyShell</a>
<a href="https://github.com/nicennnnnnnlee/easyshell" target="_blank" class="btn btn-nav btn-nav-cyber"> <a href="https://github.com/ethanfly/easyshell" target="_blank" class="btn btn-nav btn-nav-cyber">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -60,7 +60,7 @@
跨平台 · 开源免费 跨平台 · 开源免费
</div> </div>
<h1 class="hero-title cyber-title"> <h1 class="hero-title cyber-title">
<span class="product-logo">🔐</span> <img src="easyshell_icon.svg" alt="EasyShell" class="product-logo-img">
<span class="title-line title-cyber">EasyShell</span> <span class="title-line title-cyber">EasyShell</span>
</h1> </h1>
<p class="hero-tagline cyber-tagline">赛博朋克风格的跨平台远程 Shell 管理终端</p> <p class="hero-tagline cyber-tagline">赛博朋克风格的跨平台远程 Shell 管理终端</p>
@ -71,7 +71,7 @@
<span class="highlight-cyber">Android</span> 多平台运行 <span class="highlight-cyber">Android</span> 多平台运行
</p> </p>
<div class="hero-actions"> <div class="hero-actions">
<a href="https://github.com/nicennnnnnnlee/easyshell/releases" target="_blank" class="btn btn-cyber btn-lg"> <a href="https://github.com/ethanfly/easyshell/releases" target="_blank" class="btn btn-cyber btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" /> <polyline points="7 10 12 15 17 10" />
@ -79,7 +79,7 @@
</svg> </svg>
下载最新版本 下载最新版本
</a> </a>
<a href="https://github.com/nicennnnnnnlee/easyshell" target="_blank" class="btn btn-ghost-cyber btn-lg"> <a href="https://github.com/ethanfly/easyshell" target="_blank" class="btn btn-ghost-cyber btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -285,7 +285,7 @@
<h2>准备好连接你的服务器了吗?</h2> <h2>准备好连接你的服务器了吗?</h2>
<p>下载 EasyShell开启赛博朋克式的远程管理体验</p> <p>下载 EasyShell开启赛博朋克式的远程管理体验</p>
<div class="cta-actions"> <div class="cta-actions">
<a href="https://github.com/nicennnnnnnlee/easyshell/releases" target="_blank" class="btn btn-cyber btn-lg"> <a href="https://github.com/ethanfly/easyshell/releases" target="_blank" class="btn btn-cyber btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" /> <polyline points="7 10 12 15 17 10" />
@ -293,7 +293,7 @@
</svg> </svg>
免费下载 免费下载
</a> </a>
<a href="https://github.com/nicennnnnnnlee/easyshell" target="_blank" class="btn btn-outline-cyber btn-lg"> <a href="https://github.com/ethanfly/easyshell" target="_blank" class="btn btn-outline-cyber btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -309,15 +309,15 @@
<div class="container"> <div class="container">
<div class="footer-content"> <div class="footer-content">
<div class="footer-brand"> <div class="footer-brand">
<span class="product-emoji">🔐</span> <img src="easyshell_icon.svg" alt="EasyShell" class="footer-icon">
<span class="logo-text logo-text-cyber">EasyShell</span> <span class="logo-text logo-text-cyber">EasyShell</span>
</div> </div>
<p class="footer-text">Made with ❤️ and ⚡ by EasyShell Team</p> <p class="footer-text">Made with ❤️ and ⚡ by EasyShell Team</p>
<div class="footer-links"> <div class="footer-links">
<a href="index.html">首页</a> <a href="index.html">首页</a>
<a href="phper.html">PHPer</a> <a href="phper.html">PHPer</a>
<a href="https://github.com/nicennnnnnnlee/easyshell" target="_blank">GitHub</a> <a href="https://github.com/ethanfly/easyshell" target="_blank">GitHub</a>
<a href="https://github.com/nicennnnnnnlee/easyshell/issues" target="_blank">反馈问题</a> <a href="https://github.com/ethanfly/easyshell/issues" target="_blank">反馈问题</a>
</div> </div>
<p class="copyright">© 2024 EasyShell - Cyberpunk Edition. 基于 MIT 协议开源.</p> <p class="copyright">© 2024 EasyShell - Cyberpunk Edition. 基于 MIT 协议开源.</p>
</div> </div>

47
easyshell_icon.svg Normal file
View File

@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#00f5ff"/>
<stop offset="100%" style="stop-color:#a855f7"/>
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="3" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- 背景 -->
<rect width="256" height="256" rx="48" fill="#0a0a15"/>
<!-- 边框 -->
<rect x="4" y="4" width="248" height="248" rx="44" fill="none" stroke="url(#grad)" stroke-width="4"/>
<!-- 终端窗口 -->
<rect x="32" y="48" width="192" height="160" rx="12" fill="#0d1117" stroke="#00f5ff" stroke-width="2"/>
<!-- 标题栏 -->
<rect x="32" y="48" width="192" height="28" rx="12" fill="#161b22"/>
<rect x="32" y="64" width="192" height="12" fill="#161b22"/>
<!-- 窗口按钮 -->
<circle cx="52" cy="62" r="5" fill="#ff5f56"/>
<circle cx="68" cy="62" r="5" fill="#ffbd2e"/>
<circle cx="84" cy="62" r="5" fill="#27ca40"/>
<!-- Shell > 符号 -->
<g filter="url(#glow)">
<path d="M60 115 L95 145 L60 175"
fill="none"
stroke="#00f5ff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"/>
</g>
<!-- 光标 -->
<rect x="115" y="132" width="80" height="26" rx="4" fill="url(#grad)" filter="url(#glow)"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -4,10 +4,10 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>开发工具集 - PHPer & EasyShell</title> <title>Ethan的开发工具集 - PHPer & EasyShell</title>
<meta name="description" content="高效的开发者工具集,包含 PHPer Windows PHP 开发环境管理器和 EasyShell 跨平台远程 Shell 管理终端"> <meta name="description" content="Ethan的开发工具集,包含 PHPer Windows PHP 开发环境管理器和 EasyShell 跨平台远程 Shell 管理终端">
<meta name="keywords" content="PHP, Windows, 开发环境, SSH, 终端, SFTP, 开发工具"> <meta name="keywords" content="PHP, Windows, 开发环境, SSH, 终端, SFTP, 开发工具">
<link rel="icon" type="image/svg+xml" href="icon.svg"> <link rel="icon" type="image/svg+xml" href="phper_icon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link <link
@ -30,13 +30,13 @@
<div class="container"> <div class="container">
<a href="index.html" class="logo"> <a href="index.html" class="logo">
<span class="logo-icon"></span> <span class="logo-icon"></span>
<span class="logo-text">DevTools</span> <span class="logo-text">Ethan's DevTools</span>
</a> </a>
<div class="nav-links"> <div class="nav-links">
<a href="#products">产品</a> <a href="#products">产品</a>
<a href="phper.html">PHPer</a> <a href="phper.html">PHPer</a>
<a href="easyshell.html">EasyShell</a> <a href="easyshell.html">EasyShell</a>
<a href="https://github.com/nicennnnnnnlee" target="_blank" class="btn btn-nav"> <a href="https://github.com/ethanfly" target="_blank" class="btn btn-nav">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path <path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
@ -121,7 +121,7 @@
<div class="product-card product-phper"> <div class="product-card product-phper">
<div class="product-info"> <div class="product-info">
<div class="product-header"> <div class="product-header">
<span class="product-icon">🐘</span> <img src="phper_icon.svg" alt="PHPer" class="product-icon-img">
<div class="product-meta"> <div class="product-meta">
<h3 class="product-name">PHPer</h3> <h3 class="product-name">PHPer</h3>
<span class="product-badge">Windows 专属</span> <span class="product-badge">Windows 专属</span>
@ -162,7 +162,7 @@
<path d="M5 12h14M12 5l7 7-7 7" /> <path d="M5 12h14M12 5l7 7-7 7" />
</svg> </svg>
</a> </a>
<a href="https://github.com/nicennnnnnnlee/phper/releases" target="_blank" <a href="https://github.com/ethanfly/php-manager/releases" target="_blank"
class="btn btn-outline"> class="btn btn-outline">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
@ -190,7 +190,7 @@
<div class="product-card product-easyshell reverse"> <div class="product-card product-easyshell reverse">
<div class="product-info"> <div class="product-info">
<div class="product-header"> <div class="product-header">
<span class="product-icon">🔐</span> <img src="easyshell_icon.svg" alt="EasyShell" class="product-icon-img">
<div class="product-meta"> <div class="product-meta">
<h3 class="product-name">EasyShell</h3> <h3 class="product-name">EasyShell</h3>
<span class="product-badge product-badge-cyber">跨平台</span> <span class="product-badge product-badge-cyber">跨平台</span>
@ -231,7 +231,7 @@
<path d="M5 12h14M12 5l7 7-7 7" /> <path d="M5 12h14M12 5l7 7-7 7" />
</svg> </svg>
</a> </a>
<a href="https://github.com/nicennnnnnnlee/easyshell/releases" target="_blank" <a href="https://github.com/ethanfly/easyshell/releases" target="_blank"
class="btn btn-outline-cyber"> class="btn btn-outline-cyber">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
@ -268,11 +268,11 @@
<div class="comparison-header"> <div class="comparison-header">
<div class="comparison-cell"></div> <div class="comparison-cell"></div>
<div class="comparison-cell"> <div class="comparison-cell">
<span class="product-icon-sm">🐘</span> <img src="phper_icon.svg" alt="PHPer" class="comparison-icon">
<span>PHPer</span> <span>PHPer</span>
</div> </div>
<div class="comparison-cell"> <div class="comparison-cell">
<span class="product-icon-sm">🔐</span> <img src="easyshell_icon.svg" alt="EasyShell" class="comparison-icon">
<span>EasyShell</span> <span>EasyShell</span>
</div> </div>
</div> </div>
@ -311,15 +311,15 @@
<div class="footer-content"> <div class="footer-content">
<div class="footer-brand"> <div class="footer-brand">
<span class="logo-icon"></span> <span class="logo-icon"></span>
<span class="logo-text">DevTools</span> <span class="logo-text">Ethan's DevTools</span>
</div> </div>
<p class="footer-text">为开发者打造高效工具</p> <p class="footer-text">Ethan的开发工具集</p>
<div class="footer-links"> <div class="footer-links">
<a href="phper.html">PHPer</a> <a href="phper.html">PHPer</a>
<a href="easyshell.html">EasyShell</a> <a href="easyshell.html">EasyShell</a>
<a href="https://github.com/nicennnnnnnlee" target="_blank">GitHub</a> <a href="https://github.com/ethanfly" target="_blank">GitHub</a>
</div> </div>
<p class="copyright">© 2024 DevTools. 基于 MIT 协议开源.</p> <p class="copyright">© 2024 Ethan's DevTools. 基于 MIT 协议开源.</p>
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -7,7 +7,7 @@
<title>PHPer - Windows PHP 开发环境管理器</title> <title>PHPer - Windows PHP 开发环境管理器</title>
<meta name="description" content="一款功能强大的 Windows PHP 开发环境管理工具,轻松管理 PHP、MySQL、Nginx、Redis、Node.js、Python 等服务"> <meta name="description" content="一款功能强大的 Windows PHP 开发环境管理工具,轻松管理 PHP、MySQL、Nginx、Redis、Node.js、Python 等服务">
<meta name="keywords" content="PHP, Windows, 开发环境, WNMP, MySQL, Nginx, Redis, Node.js"> <meta name="keywords" content="PHP, Windows, 开发环境, WNMP, MySQL, Nginx, Redis, Node.js">
<link rel="icon" type="image/svg+xml" href="icon.svg"> <link rel="icon" type="image/svg+xml" href="phper_icon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@ -27,13 +27,13 @@
<div class="container"> <div class="container">
<a href="index.html" class="logo"> <a href="index.html" class="logo">
<span class="logo-icon"></span> <span class="logo-icon"></span>
<span class="logo-text">DevTools</span> <span class="logo-text">Ethan's DevTools</span>
</a> </a>
<div class="nav-links"> <div class="nav-links">
<a href="index.html">首页</a> <a href="index.html">首页</a>
<a href="phper.html" class="active">PHPer</a> <a href="phper.html" class="active">PHPer</a>
<a href="easyshell.html">EasyShell</a> <a href="easyshell.html">EasyShell</a>
<a href="https://github.com/nicennnnnnnlee/phper" target="_blank" class="btn btn-nav"> <a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-nav">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -57,7 +57,7 @@
Windows 专属 · 开源免费 Windows 专属 · 开源免费
</div> </div>
<h1 class="hero-title"> <h1 class="hero-title">
<span class="product-logo">🐘</span> <img src="phper_icon.svg" alt="PHPer" class="product-logo-img">
<span class="title-line">PHPer</span> <span class="title-line">PHPer</span>
</h1> </h1>
<p class="hero-tagline">功能强大的 Windows PHP 开发环境管理器</p> <p class="hero-tagline">功能强大的 Windows PHP 开发环境管理器</p>
@ -71,7 +71,7 @@
<span class="highlight">Python</span> 等服务 <span class="highlight">Python</span> 等服务
</p> </p>
<div class="hero-actions"> <div class="hero-actions">
<a href="https://github.com/nicennnnnnnlee/phper/releases" target="_blank" class="btn btn-primary btn-lg"> <a href="https://github.com/ethanfly/php-manager/releases" target="_blank" class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" /> <polyline points="7 10 12 15 17 10" />
@ -79,7 +79,7 @@
</svg> </svg>
下载最新版本 下载最新版本
</a> </a>
<a href="https://github.com/nicennnnnnnlee/phper" target="_blank" class="btn btn-ghost btn-lg"> <a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-ghost btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -373,7 +373,7 @@
<h2>准备好提升开发效率了吗?</h2> <h2>准备好提升开发效率了吗?</h2>
<p>立即下载 PHPer开启高效的 PHP 开发之旅</p> <p>立即下载 PHPer开启高效的 PHP 开发之旅</p>
<div class="cta-actions"> <div class="cta-actions">
<a href="https://github.com/nicennnnnnnlee/phper/releases" target="_blank" class="btn btn-primary btn-lg"> <a href="https://github.com/ethanfly/php-manager/releases" target="_blank" class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" /> <polyline points="7 10 12 15 17 10" />
@ -381,7 +381,7 @@
</svg> </svg>
免费下载 免费下载
</a> </a>
<a href="https://github.com/nicennnnnnnlee/phper" target="_blank" class="btn btn-outline btn-lg"> <a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-outline btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"> <svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" /> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg> </svg>
@ -397,15 +397,15 @@
<div class="container"> <div class="container">
<div class="footer-content"> <div class="footer-content">
<div class="footer-brand"> <div class="footer-brand">
<span class="product-emoji">🐘</span> <img src="phper_icon.svg" alt="PHPer" class="footer-icon">
<span class="logo-text">PHPer</span> <span class="logo-text">PHPer</span>
</div> </div>
<p class="footer-text">Made with ❤️ for PHP Developers</p> <p class="footer-text">Made with ❤️ for PHP Developers</p>
<div class="footer-links"> <div class="footer-links">
<a href="index.html">首页</a> <a href="index.html">首页</a>
<a href="easyshell.html">EasyShell</a> <a href="easyshell.html">EasyShell</a>
<a href="https://github.com/nicennnnnnnlee/phper" target="_blank">GitHub</a> <a href="https://github.com/ethanfly/php-manager" target="_blank">GitHub</a>
<a href="https://github.com/nicennnnnnnlee/phper/issues" target="_blank">反馈问题</a> <a href="https://github.com/ethanfly/php-manager/issues" target="_blank">反馈问题</a>
</div> </div>
<p class="copyright">© 2024 PHPer. 基于 MIT 协议开源.</p> <p class="copyright">© 2024 PHPer. 基于 MIT 协议开源.</p>
</div> </div>

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -800,6 +800,26 @@ code {
font-size: 48px; font-size: 48px;
} }
.product-icon-img {
width: 56px;
height: 56px;
border-radius: 12px;
}
.product-logo-img {
width: 72px;
height: 72px;
border-radius: 16px;
vertical-align: middle;
margin-right: 16px;
}
.footer-icon {
width: 32px;
height: 32px;
border-radius: 8px;
}
.product-name { .product-name {
font-family: var(--font-display); font-family: var(--font-display);
font-size: 32px; font-size: 32px;
@ -976,6 +996,12 @@ code {
font-size: 20px; font-size: 20px;
} }
.comparison-icon {
width: 24px;
height: 24px;
border-radius: 6px;
}
.comparison-row { .comparison-row {
padding: 16px 24px; padding: 16px 24px;
border-bottom: 1px solid var(--color-border-light); border-bottom: 1px solid var(--color-border-light);