45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>CodeWanderer</title>
|
|
<link rel="stylesheet" href="./styles.scss" />
|
|
</head>
|
|
<body>
|
|
<div class="ui">
|
|
<div id="companion">
|
|
<svg xmlns="http://www.w3.org/2000/svg" id="companion-shape" viewBox="0 0 80 80">
|
|
<polygon fill="#A60303" points="40,0 68,12 80,40 68,68 40,80 12,68 0,40 12,12"></polygon>
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" id="companion-await-indicator" viewBox="0 0 80 80">
|
|
<polygon fill="#A60303" points="40,0 68,12 80,40 68,68 40,80 12,68 0,40 12,12"></polygon>
|
|
</svg>
|
|
<div id="companion-eye"><div id="companion-pupil"></div></div>
|
|
<div id="companion-mouth"></div>
|
|
</div>
|
|
<div id="message">
|
|
<div id="message-text"></div>
|
|
<textarea id="message-input" placeholder="Bitte gib einen Text ein ..." />
|
|
<button type="button" id="message-confirm">Weiter</button>
|
|
</div>
|
|
<div id="info-message">
|
|
<div id="info-message-header">
|
|
<h2 id="info-message-headline">Test</h2>
|
|
<img id="info-message-img" src="" />
|
|
</div>
|
|
<div id="info-message-contents">Test</div>
|
|
<a id="info-message-link" href="" target="_blank">Check this out on Github</a>
|
|
<div id="info-message-close">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<path
|
|
fill="#9CA1A6"
|
|
d="M56.5 47.5L78.9 25c1.2-1.2 1.2-3.1 0-4.2-1.2-1.2-3.1-1.2-4.2 0L52.3 43.3 29.8 20.8c-1.2-1.2-3.1-1.2-4.2 0-1.2 1.2-1.2 3.1 0 4.2L48 47.5 25.6 70c-1.2 1.2-1.2 3.1 0 4.2.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9l22.5-22.5 22.5 22.5c.6.6 1.4.9 2.1.9s1.5-.3 2.1-.9c1.2-1.2 1.2-3.1 0-4.2L56.5 47.5z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="backdrop"></div>
|
|
<script src="./main.ts"></script>
|
|
</body>
|
|
</html>
|