updating page

This commit is contained in:
2026-06-10 21:07:30 +02:00
parent b8b8748531
commit 38eff1a4cc
7 changed files with 1043 additions and 383 deletions

123
docs/static/images/agent.svg vendored Normal file
View File

@@ -0,0 +1,123 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%">
<defs>
<radialGradient id="bgShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#143547" stop-opacity="0.15" />
<stop offset="100%" stop-color="#ffffff" stop-opacity="0" />
</radialGradient>
<radialGradient id="innerShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#15334c" stop-opacity="0.35" />
<stop offset="100%" stop-color="#ffffff" stop-opacity="0" />
</radialGradient>
<linearGradient id="cubeTop" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#e2f1f7" />
</linearGradient>
<linearGradient id="cubeLeft" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#5caec4" />
<stop offset="100%" stop-color="#337899" />
</linearGradient>
<linearGradient id="cubeRight" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#9ce6d7" />
<stop offset="100%" stop-color="#5fbfa9" />
</linearGradient>
<linearGradient id="headTop" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#eef6fa" />
</linearGradient>
<linearGradient id="headLeft" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#d9eaf0" />
</linearGradient>
<linearGradient id="headRight" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#e3eff5" />
</linearGradient>
<linearGradient id="screenGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#0c2340" />
<stop offset="100%" stop-color="#16355c" />
</linearGradient>
<linearGradient id="recessGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#bcdde8" />
<stop offset="100%" stop-color="#edf6f9" />
</linearGradient>
<style>
.stroke-main { stroke: #1a446c; stroke-width: 7px; stroke-linecap: round; stroke-linejoin: round; }
.stroke-medium { stroke: #1a446c; stroke-width: 5.5px; stroke-linecap: round; stroke-linejoin: round; }
.stroke-thin { stroke: #1a446c; stroke-width: 4px; stroke-linecap: round; stroke-linejoin: round; }
.circuit-line { fill: none; stroke: #ffffff; stroke-width: 4px; stroke-linecap: round; stroke-linejoin: round; stroke-opacity: 0.9; }
.circuit-node { fill: #ffffff; stroke: #1a446c; stroke-width: 3.5px; }
.glow-eye { fill: #6bf2ff; filter: drop-shadow(0px 0px 3px rgba(107,242,255,0.8)); }
</style>
</defs>
<ellipse cx="400" cy="700" rx="220" ry="75" fill="url(#bgShadow)" />
<polygon points="220,415 400,519 400,710 220,606" fill="url(#cubeLeft)" />
<polygon points="400,519 580,415 580,606 400,710" fill="url(#cubeRight)" />
<polygon points="220,415 400,519 400,450 220,346" fill="#ffffff" fill-opacity="0.35" />
<polygon points="400,519 580,415 580,346 400,450" fill="#ffffff" fill-opacity="0.15" />
<polygon points="220,346 400,242 580,346 400,450" fill="url(#cubeTop)" />
<polygon points="220,346 400,242 580,346 580,606 400,710 220,606" fill="none" class="stroke-main" />
<line x1="400" y1="450" x2="400" y2="710" class="stroke-main" />
<line x1="220" y1="415" x2="400" y2="519" class="stroke-main" />
<line x1="400" y1="519" x2="580" y2="415" class="stroke-main" />
<path d="M 260,510 L 315,542 L 315,615" class="circuit-line" />
<circle cx="260" cy="510" r="6" class="circuit-node" />
<path d="M 285,575 L 340,607 L 340,670" class="circuit-line" />
<circle cx="285" cy="575" r="6" class="circuit-node" />
<path d="M 365,550 L 365,685" class="circuit-line" />
<circle cx="365" cy="550" r="6" class="circuit-node" />
<path d="M 540,510 L 460,556 L 460,640" class="circuit-line" />
<circle cx="540" cy="510" r="6" class="circuit-node" />
<path d="M 520,570 L 485,590 L 485,665" class="circuit-line" />
<circle cx="520" cy="570" r="6" class="circuit-node" />
<polygon points="275,346 400,274 525,346 400,418" fill="url(#recessGrad)" class="stroke-thin" />
<ellipse cx="400" cy="346" rx="65" ry="28" fill="url(#innerShadow)" />
<polygon points="340,335 400,300 460,335 400,370" fill="#142d42" fill-opacity="0.25" />
<polygon points="310,250 400,302 400,397 310,345" fill="url(#headLeft)" />
<polygon points="400,302 490,250 490,345 400,397" fill="url(#headRight)" />
<polygon points="310,250 400,198 490,250 400,302" fill="url(#headTop)" />
<polygon points="310,250 400,198 490,250 490,345 400,397 310,345" fill="none" class="stroke-medium" />
<line x1="400" y1="302" x2="400" y2="397" class="stroke-medium" />
<polygon points="325,268 385,303 385,370 325,335" fill="url(#screenGrad)" class="stroke-thin" />
<line x1="343" y1="306" x2="343" y2="322" stroke="#6bf2ff" stroke-width="7.5" stroke-linecap="round" class="glow-eye" />
<line x1="367" y1="320" x2="367" y2="336" stroke="#6bf2ff" stroke-width="7.5" stroke-linecap="round" class="glow-eye" />
<ellipse cx="400" cy="230" rx="12" ry="6" fill="#325b7f" />
<path d="M 320,165 C 320,142 480,142 480,165" fill="none" stroke="#63cbd1" stroke-width="6" stroke-linecap="round" stroke-opacity="0.8" />
<line x1="400" y1="230" x2="400" y2="135" class="stroke-medium" />
<path d="M 480,165 C 480,188 320,188 320,165" fill="none" stroke="#63cbd1" stroke-width="6" stroke-linecap="round" />
<circle cx="400" cy="135" r="10" fill="#5cbfa9" class="stroke-medium" />
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
docs/static/images/apple-touch-icon.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 15 KiB

87
docs/static/images/human.svg vendored Normal file
View File

@@ -0,0 +1,87 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" height="100%">
<defs>
<radialGradient id="dropShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#143547" stop-opacity="0.15" />
<stop offset="100%" stop-color="#ffffff" stop-opacity="0" />
</radialGradient>
<radialGradient id="sphereShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#1c4561" stop-opacity="0.4" />
<stop offset="60%" stop-color="#2a5c7c" stop-opacity="0.15" />
<stop offset="100%" stop-color="#ffffff" stop-opacity="0" />
</radialGradient>
<linearGradient id="cubeTop" x1="25%" y1="0%" x2="75%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#e1eff7" />
</linearGradient>
<linearGradient id="cubeLeft" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#5faec4" />
<stop offset="100%" stop-color="#367fa3" />
</linearGradient>
<linearGradient id="cubeRight" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#9ce6d7" />
<stop offset="100%" stop-color="#67c7b3" />
</linearGradient>
<linearGradient id="rimLeft" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#cbdfe8" />
</linearGradient>
<linearGradient id="rimRight" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#d5e6ed" />
</linearGradient>
<linearGradient id="sphereGrad" x1="30%" y1="10%" x2="70%" y2="90%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="15%" stop-color="#fffdf3" />
<stop offset="65%" stop-color="#fbf2d5" />
<stop offset="100%" stop-color="#eadebe" />
</linearGradient>
<style>
.outline {
stroke: #1e517b;
stroke-width: 8px;
stroke-linecap: round;
stroke-linejoin: round;
}
.inner-line {
stroke: #1e517b;
stroke-width: 6px;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<ellipse cx="430" cy="710" rx="180" ry="60" transform="rotate(-15, 430, 710)" fill="url(#dropShadow)" />
<polygon points="310,470 500,570 500,750 310,650" fill="url(#cubeLeft)" />
<polygon points="500,570 690,470 690,650 500,750" fill="url(#cubeRight)" />
<polygon points="310,400 500,500 500,570 310,470" fill="url(#rimLeft)" />
<polygon points="500,500 690,400 690,470 500,570" fill="url(#rimRight)" />
<polygon points="310,400 500,300 690,400 500,500" fill="url(#cubeTop)" />
<ellipse cx="500" cy="370" rx="75" ry="35" fill="url(#sphereShadow)" />
<polygon points="310,400 500,300 690,400 690,650 500,750 310,650" fill="none" class="outline" />
<line x1="310" y1="470" x2="500" y2="570" class="inner-line" />
<line x1="500" y1="570" x2="690" y2="470" class="inner-line" />
<line x1="500" y1="500" x2="500" y2="750" class="inner-line" />
<line x1="310" y1="400" x2="500" y2="500" class="inner-line" />
<line x1="500" y1="500" x2="690" y2="400" class="inner-line" />
<g id="sphere">
<circle cx="500" cy="266" r="90" fill="url(#sphereGrad)" class="outline" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB