优化和功能完善
This commit is contained in:
@@ -33,7 +33,7 @@
|
||||
<header class="p-6 flex justify-between items-center sticky top-0 bg-[#0F071A]/60 backdrop-blur-xl z-30 border-b border-white/5">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 rounded-xl bg-gradient-to-br from-purple-400 to-violet-600 p-[1px] shadow-lg shadow-purple-500/10">
|
||||
<img src="https://r2-bucket.flowith.net/f/f7a4832f24552794/life_os_app_icon_index_1%401024x1024.jpeg" class="w-full h-full rounded-xl object-cover mix-blend-screen opacity-80" alt="logo">
|
||||
<img src="logo.svg" class="w-full h-full rounded-xl object-cover mix-blend-screen opacity-80" alt="logo">
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="text-sm font-bold tracking-[0.4em] text-purple-100 uppercase">人生OS</h1>
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#a78bfa;stop-opacity:1" />
|
||||
<stop offset="50%" style="stop-color:#7c3aed;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#5b21b6;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<filter id="glow">
|
||||
<feGaussianBlur stdDeviation="20" result="coloredBlur"/>
|
||||
<feMerge>
|
||||
<feMergeNode in="coloredBlur"/>
|
||||
<feMergeNode in="SourceGraphic"/>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="1024" height="1024" rx="200" fill="url(#logoGradient)" filter="url(#glow)"/>
|
||||
|
||||
<!-- Inner Design - Abstract Mind/Brain Symbol -->
|
||||
<circle cx="512" cy="512" r="280" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="8"/>
|
||||
<circle cx="512" cy="512" r="200" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="8"/>
|
||||
<circle cx="512" cy="512" r="120" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="8"/>
|
||||
|
||||
<!-- Center Symbol - Spark/Star -->
|
||||
<path d="M512 380 L540 480 L640 512 L540 544 L512 644 L484 544 L384 512 L484 480 Z"
|
||||
fill="white" opacity="0.9" filter="url(#glow)"/>
|
||||
|
||||
<!-- Decorative Lines -->
|
||||
<path d="M512 200 L512 280" stroke="rgba(255,255,255,0.6)" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M512 744 L512 824" stroke="rgba(255,255,255,0.6)" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M200 512 L280 512" stroke="rgba(255,255,255,0.6)" stroke-width="4" stroke-linecap="round"/>
|
||||
<path d="M744 512 L824 512" stroke="rgba(255,255,255,0.6)" stroke-width="4" stroke-linecap="round"/>
|
||||
|
||||
<!-- Corner Accents -->
|
||||
<path d="M280 280 L340 280 L280 340 Z" fill="rgba(255,255,255,0.4)"/>
|
||||
<path d="M744 280 L684 280 L744 340 Z" fill="rgba(255,255,255,0.4)"/>
|
||||
<path d="M280 744 L340 744 L280 684 Z" fill="rgba(255,255,255,0.4)"/>
|
||||
<path d="M744 744 L684 744 L744 684 Z" fill="rgba(255,255,255,0.4)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Executable
+10
@@ -0,0 +1,10 @@
|
||||
#!/bin/bash
|
||||
# 启动 Life OS 原型预览服务器
|
||||
|
||||
echo "🚀 启动 Life OS 原型预览服务器..."
|
||||
echo "📱 访问地址:http://localhost:8080"
|
||||
echo "💡 按 Ctrl+C 停止服务器"
|
||||
echo ""
|
||||
|
||||
cd "$(dirname "$0")"
|
||||
python3 -m http.server 8080
|
||||
Reference in New Issue
Block a user