xrforge-v2/ui-kit.html

148 lines
15 KiB
HTML
Raw Permalink Normal View History

2026-05-15 13:22:33 +02:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Lorem ipsum - dolor sit</title>
<link rel="stylesheet" href="xrforge.css"></link>
</head>
<body>
<table width="100%" class="header">
<tr>
<td style="width:120px">
<div style="margin:10px 20px">
<div class="logo col1">XR<div class="logo col2">f̅o̅r̅g̅e̅</div>
</div>
</div>
</td>
<td class="menu">
<div style="margin:10px 20px">
<a href="#">Menu 1</a>
<a href="#">Menu 2</a>
</div>
</td>
</tr>
</table>
<table width="100%" >
<tr>
<td>
<center>
<table>
<tr>
<td>
<h1>HEADER 1</h1>
Lorem ipsum dolor sit amter.<br>
Amet puti solor fati corpus <a href="#foo" >a link</a> flap.<br><br>
<hr>
<div class="btn">
<a href="#foo">button</a>
</div>
<div class="btn">
<a href="#foo" class="btn primary">button primary ⮮</a>
</div>
<div class="btn">
<a href="https://foo.com" target="_blank" class="btn secondary">button secondary ⮩</a>
</div>
<br>
<hr>
<ul>
<li>foo bar</li>
<li>flop flap</li>
</ul>
<pre>
</pre>
<pre>
┌─────────────────┐┌────────────────┐
│ Foo CLI ││ Foo Web │
└─────────────────┘└────────────────┘
┌───────────────────────────────────┐
│ Foo Repository │
│ ┌────────┐ ┌────────┐ ┌─────────┐ │
│ │ code │ │ issues │ │ patches │ │
│ └────────┘ └────────┘ └─────────┘ │
├───────────────────────────────────┤
│ Foo Storage (Git) │
└───────────────────────────────────┘
┌────────────────┐┌─────────────────┐
│ Foo Node ││ Foo HTTPD │
├────────────────┤├─────────────────┤
│ NoiseXK ││ HTTP + JSON │
└────────────────┘└─────────────────┘
</pre>
<pre class="primary">
┌─────────────────┐┌────────────────┐
│ Foo CLI ││ Foo Web │
└─────────────────┘└────────────────┘
┌───────────────────────────────────┐
│ Foo Repository │
│ ┌────────┐ ┌────────┐ ┌─────────┐ │
│ │ code │ │ issues │ │ patches │ │
│ └────────┘ └────────┘ └─────────┘ │
├───────────────────────────────────┤
│ Foo Storage (Git) │
└───────────────────────────────────┘
┌────────────────┐┌─────────────────┐
│ Foo Node ││ Foo HTTPD │
├────────────────┤├─────────────────┤
│ NoiseXK ││ HTTP + JSON │
└────────────────┘└─────────────────┘
</pre>
<pre class="secondary">
┌─────────────────┐┌────────────────┐
│ Foo CLI ││ Foo Web │
└─────────────────┘└────────────────┘
┌───────────────────────────────────┐
│ Foo Repository │
│ ┌────────┐ ┌────────┐ ┌─────────┐ │
│ │ code │ │ issues │ │ patches │ │
│ └────────┘ └────────┘ └─────────┘ │
├───────────────────────────────────┤
│ Foo Storage (Git) │
└───────────────────────────────────┘
┌────────────────┐┌─────────────────┐
│ Foo Node ││ Foo HTTPD │
├────────────────┤├─────────────────┤
│ NoiseXK ││ HTTP + JSON │
└────────────────┘└─────────────────┘
</pre>
<h1>hello world</h1>
Lorem ipsum
<br>
<h1>hello world</h1>
Lorem ipsum
<br>
<h1>hello world</h1>
Lorem ipsum
<img width="100%" src="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20%20%20version%3D%221.1%22%20%20%20width%3D%22814.00128%22%20%20%20height%3D%22470.03043%22%20%20%20viewBox%3D%22-370%20-240%20430.2578%20376.02435%22%20%20%20id%3D%22svg20%22%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%20%20%20%20%20id%3D%22defs20%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-425.48469%2C-128.44191%20c%2060%2C-120%2040%2C240%20-20%2C240%20-60%2C0%20-40%2C-119.9999952%2020%2C-240%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23ff0000%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path1%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-394.95869%2C-114.75791%20c%2061.053%2C-111.579%2025.263%2C212.632005%20-28.421%2C208.421005%20-53.684%2C-4.21%20-32.631%2C-96.8420002%2028.421%2C-208.421005%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23f2000d%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path2%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-364.43169%2C-101.07391%20c%2062.105%2C-103.157%2010.526%2C185.264005%20-36.842%2C176.843005%20-47.369%2C-8.422%20-25.264%2C-73.6850002%2036.842%2C-176.843005%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23e4001b%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path3%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-333.90569%2C-87.388905%20c%2063.158%2C-94.737005%20-4.211%2C157.894%20-45.263%2C145.263%20-41.053%2C-12.632%20-17.895%2C-50.5270002%2045.263%2C-145.263%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23d70028%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path4%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-303.37969%2C-73.704905%20c%2064.211%2C-86.316005%20-18.947%2C130.526%20-53.684%2C113.684%20-34.737%2C-16.842%20-10.526%2C-27.368%2053.684%2C-113.684%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23c90036%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path5%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-272.85269%2C-60.020905%20c%2065.263%2C-77.895005%20-33.685%2C103.158%20-62.106%2C82.105%20-28.421%2C-21.0520001%20-3.158%2C-4.21%2062.106%2C-82.105%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23bc0043%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path6%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-242.32669%2C-46.336905%20c%2066.316%2C-69.473005%20-48.421%2C75.79%20-70.526%2C50.5269998%20-22.106%2C-25.2639998%204.21%2C18.9470002%2070.526%2C-50.5269998%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23ae0051%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path7%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-211.80069%2C-32.652905%20c%2067.369%2C-61.052%20-63.158%2C48.422%20-78.947%2C18.948%20-15.79%2C-29.474%2011.579%2C42.105%2078.947%2C-18.948%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%23a1005e%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path8%22%20%20%20%20%20style%3D%22stroke-width%3A2.04%3Bstroke-dasharray%3Anone%22%20%2F%3E%3Cpath%20%20%20%20%20d%3D%22m%20-181.27369%2C-18.967905%20c%2068.421%2C-52.632%20-77.895%2C21.0519998%20-87.369%2C-12.632%20-9.474%2C-33.684%2018.947%2C65.263%2087.369%2C12.632%20z%22%20%20%20%20%20fill%3D%22none%22%20%20%20%20%20stroke%3D%22%2394006b%22%20%20%20%20%20stroke-width%3D%221%22%20%20%20%20%20id%3D%22path9%22%20%2
<br>
</td>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>
<!-- JanusXR code
-->
<!-- C-code
-->