43 lines
1.1 KiB
HTML
Executable File
43 lines
1.1 KiB
HTML
Executable File
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
|
|
<title>Face</title>
|
|
<link rel="stylesheet" href="/face.css" />
|
|
</head>
|
|
<body>
|
|
<div class="stage" id="stage">
|
|
<svg class="face" viewBox="0 0 1000 600" role="img" aria-label="face">
|
|
<defs>
|
|
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="4" result="b"/>
|
|
<feMerge>
|
|
<feMergeNode in="b"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<g id="faceGroup" filter="url(#glow)">
|
|
<g id="eyesGroup">
|
|
<path id="eyeL" d="" />
|
|
<path id="eyeR" d="" />
|
|
</g>
|
|
<path id="mouth" d="" />
|
|
<path id="mouthHi" d="" />
|
|
</g>
|
|
</svg>
|
|
|
|
<!-- Touch-only links (NO params) -->
|
|
<div class="overlay" id="overlay" aria-hidden="true">
|
|
<a class="btn" href="/drive">🚗 Drive</a>
|
|
<a class="btn" href="/control">🎛️ Control</a>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/face.js"></script>
|
|
</body>
|
|
</html>
|
|
|