63 lines
2.6 KiB
HTML
63 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>gmi-web</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="color-scheme" content="dark light">
|
|
<link rel="stylesheet" href="gmi.min.css">
|
|
</head>
|
|
<body contenteditable="true">
|
|
<!--
|
|
While not strictly necessary I'd recommend keeping lines on the same line in the markup
|
|
/unless/ it's a preformatted (obviously) or
|
|
you're rendering the newlines as contenteditable might which is not recommended.
|
|
-->
|
|
<h1>heading 1</h1>
|
|
<h2>heading 2</h2>
|
|
<h3>heading 3</h3>
|
|
<p>Quisquam officia expedita provident. Fugit delectus itaque autem tempora voluptatem quam. Aut iure aspernatur ut soluta eum.</p>
|
|
<!-- DO NOT wrap this in anything. Use "display: block;" to fix layout issues (gmi.css does this) -->
|
|
<a href="https://codeberg.org/talon/gmi-web">gmi-web</a>
|
|
<!--
|
|
Presenting an empty line this way enables flipping contenteditable="true"
|
|
to possibly add content to it. This is not true for a regular <br>.
|
|
-->
|
|
<p><br></p>
|
|
<!--
|
|
While Gemini does not support newlines on a regular text line when editing a <p> tag in the browser
|
|
the default behavior for "enter" will create a <br> and not a new <p>.
|
|
-->
|
|
<p>
|
|
Error mollitia non veritatis iusto ea voluptas. Consequatur quisquam occaecati inventore quibusdam facilis vel ipsa. Minima dolorum fugiat sunt deserunt et aspernatur. Est eum sit adipisci neque consequatur.<br>
|
|
Temporibus ipsum maiores dignissimos alias. Voluptas iure quos pariatur consectetur aspernatur. Necessitatibus unde fuga aspernatur aperiam. Et sint rerum pariatur sed.
|
|
</p>
|
|
<!--
|
|
The same is also true for `>` lines except in the browser with <blockquote> tags
|
|
the default behavior for "enter" will create a <div><br></div> and not a new <p>.
|
|
-->
|
|
<blockquote>
|
|
<div>Voluptates eveniet ut dolorum voluptatem repellendus perspiciatis eius. Voluptatem libero repudiandae et asperiores id. Cum harum iste nihil in ratione molestiae eaque reiciendis. Est repellat facere aliquid et dolorem quo maiores nesciunt.</div>
|
|
<div>Error mollitia non veritatis iusto ea voluptas. Consequatur quisquam occaecati inventore quibusdam facilis vel ipsa. Minima dolorum fugiat sunt deserunt et aspernatur. Est eum sit adipisci neque consequatur.</div>
|
|
</blockquote>
|
|
<p><br></p>
|
|
<!--
|
|
Newlines are respected by <pre> tags however also when you are editing one in a brower
|
|
the default behavior for "enter" will create a <br> and not a new <p>.
|
|
-->
|
|
<pre>
|
|
preformatted text
|
|
can have newlines in it
|
|
<br>
|
|
innit?
|
|
</pre>
|
|
<p><br></p>
|
|
<ul>
|
|
<li>milk</li>
|
|
<li><br></li> <!-- empty list item -->
|
|
<li>bread</li>
|
|
</ul>
|
|
</body>
|
|
<!-- <script src="gmi.min.js></script> -->
|
|
</html>
|