docs: upload GLM-4.7 article and WOW PASS visuals
This commit is contained in:
44
assets/glm_king_visual.svg
Normal file
44
assets/glm_king_visual.svg
Normal file
@@ -0,0 +1,44 @@
|
||||
<svg width="800" height="450" viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="grad_gold" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#FDB931;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#9f7928;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<linearGradient id="grad_blue" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#00c6ff;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#0072ff;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="5" result="blur" />
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="800" height="450" fill="#05050a" rx="24" ry="24"/>
|
||||
<rect x="2" y="2" width="796" height="446" fill="none" stroke="#1a1a2e" stroke-width="2" rx="22" ry="22"/>
|
||||
|
||||
<!-- Main Title -->
|
||||
<text x="400" y="60" font-family="Segoe UI, Roboto, Helvetica, sans-serif" font-size="36" fill="#ffffff" text-anchor="middle" font-weight="900" letter-spacing="3">GLM-4.7: THE CODING KING</text>
|
||||
<rect x="300" y="75" width="200" height="4" fill="url(#grad_gold)" rx="2"/>
|
||||
|
||||
<!-- Visual Metaphor: King vs Giant -->
|
||||
<g transform="translate(100, 120)">
|
||||
<!-- The Giant (Duller, slightly transparent) -->
|
||||
<rect x="400" y="50" width="180" height="200" fill="#1a1a2e" rx="10" opacity="0.6"/>
|
||||
<text x="490" y="160" font-family="Arial" font-size="14" fill="#444466" text-anchor="middle" font-weight="bold">WESTERN GIANTS</text>
|
||||
<text x="490" y="185" font-family="Arial" font-size="24" fill="#444466" text-anchor="middle" font-weight="bold">$200 / Year</text>
|
||||
|
||||
<!-- The King (GLM-4.7) -->
|
||||
<rect x="50" y="0" width="220" height="250" fill="#0a0a1f" stroke="url(#grad_gold)" stroke-width="3" rx="15" filter="url(#glow)"/>
|
||||
<text x="160" y="100" font-family="Arial" font-size="18" fill="url(#grad_gold)" text-anchor="middle" font-weight="bold">GLM-4.7</text>
|
||||
<text x="160" y="150" font-family="Arial" font-size="48" fill="#ffffff" text-anchor="middle" font-weight="900">$3</text>
|
||||
<text x="160" y="180" font-family="Arial" font-size="16" fill="#8888aa" text-anchor="middle">MARKET DISRUPTOR</text>
|
||||
|
||||
<!-- Crown Icon -->
|
||||
<path d="M130,40 L140,20 L160,40 L180,20 L190,40 L130,40 Z" fill="url(#grad_gold)" transform="translate(0,0)"/>
|
||||
</g>
|
||||
|
||||
<!-- Comparison Text -->
|
||||
<text x="400" y="410" font-family="Arial" font-size="18" fill="#ffffff" text-anchor="middle" font-style="italic">"High-level assistance doesn't require a premium price tag."</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
57
assets/glm_tech_power.svg
Normal file
57
assets/glm_tech_power.svg
Normal file
@@ -0,0 +1,57 @@
|
||||
<svg width="800" height="450" viewBox="0 0 800 450" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient id="grad_tech" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#00f2fe;stop-opacity:1" />
|
||||
<stop offset="100%" style="stop-color:#4facfe;stop-opacity:1" />
|
||||
</linearGradient>
|
||||
<filter id="glow_tech" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="4" result="blur" />
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="800" height="450" fill="#020205" rx="20" ry="20"/>
|
||||
|
||||
<!-- Tech Grid Effect -->
|
||||
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
|
||||
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="#111122" stroke-width="1"/>
|
||||
</pattern>
|
||||
<rect width="800" height="450" fill="url(#grid)" rx="20" ry="20"/>
|
||||
|
||||
<!-- Title -->
|
||||
<text x="400" y="50" font-family="Arial, sans-serif" font-size="28" fill="#ffffff" text-anchor="middle" font-weight="bold" letter-spacing="1">GLM-4.7: AGENTIC POWERHOUSE</text>
|
||||
|
||||
<!-- Feature Cards -->
|
||||
<g transform="translate(50, 80)">
|
||||
<!-- Card 1: Context Window -->
|
||||
<rect x="0" y="0" width="220" height="280" fill="#0a0a1a" stroke="#00f2fe" stroke-width="2" rx="15" opacity="0.9"/>
|
||||
<circle cx="110" cy="60" r="30" fill="#00f2fe" opacity="0.1"/>
|
||||
<path d="M95,50 L125,50 L125,75 L95,75 Z M95,55 L115,55 M95,62 L110,62 M95,69 L120,69" stroke="#00f2fe" stroke-width="2" fill="none"/>
|
||||
<text x="110" y="120" font-family="Arial" font-size="18" fill="#ffffff" text-anchor="middle" font-weight="bold">128K-200K</text>
|
||||
<text x="110" y="145" font-family="Arial" font-size="14" fill="#00f2fe" text-anchor="middle">CONTEXT WINDOW</text>
|
||||
<text x="110" y="180" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">Handles entire file</text>
|
||||
<text x="110" y="195" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">structures with ease.</text>
|
||||
|
||||
<!-- Card 2: Interleaved Thinking -->
|
||||
<rect x="240" y="0" width="220" height="280" fill="#0a0a1a" stroke="#00f2fe" stroke-width="2" rx="15" opacity="0.9" filter="url(#glow_tech)"/>
|
||||
<circle cx="110" cy="60" r="30" fill="#00f2fe" opacity="0.1" transform="translate(240,0)"/>
|
||||
<path d="M335,45 Q350,35 365,45 Q380,55 350,75 Q320,55 335,45" stroke="#00f2fe" stroke-width="2" fill="none"/>
|
||||
<text x="350" y="120" font-family="Arial" font-size="18" fill="#ffffff" text-anchor="middle" font-weight="bold">THINK-ACT-SOLVE</text>
|
||||
<text x="350" y="145" font-family="Arial" font-size="14" fill="#00f2fe" text-anchor="middle">INTERLEAVED LOGIC</text>
|
||||
<text x="350" y="180" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">Self-corrects and plans</text>
|
||||
<text x="350" y="195" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">before every action.</text>
|
||||
|
||||
<!-- Card 3: All-Tools API -->
|
||||
<rect x="480" y="0" width="220" height="280" fill="#0a0a1a" stroke="#00f2fe" stroke-width="2" rx="15" opacity="0.9"/>
|
||||
<circle cx="110" cy="60" r="30" fill="#00f2fe" opacity="0.1" transform="translate(480,0)"/>
|
||||
<path d="M575,45 L605,45 L605,75 L575,75 Z M585,45 L585,75 M575,60 L605,60" stroke="#00f2fe" stroke-width="2" fill="none"/>
|
||||
<text x="590" y="120" font-family="Arial" font-size="18" fill="#ffffff" text-anchor="middle" font-weight="bold">SOTA AGENT</text>
|
||||
<text x="590" y="145" font-family="Arial" font-size="14" fill="#00f2fe" text-anchor="middle">ALL-TOOLS INTEGRATED</text>
|
||||
<text x="590" y="180" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">Web browsing, terminal,</text>
|
||||
<text x="590" y="195" font-family="Arial" font-size="12" fill="#8888aa" text-anchor="middle">& code execution.</text>
|
||||
</g>
|
||||
|
||||
<!-- Legend -->
|
||||
<text x="400" y="410" font-family="Arial" font-size="14" fill="#4facfe" text-anchor="middle" font-weight="bold">358B PARAMETERS | MoE ARCHITECTURE | OPTIMIZED FOR AGENTS</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
Reference in New Issue
Block a user