remove files
This commit is contained in:
parent
29ae7e717f
commit
26737ea21d
|
@ -1,15 +0,0 @@
|
||||||
{
|
|
||||||
"@context": "https://www.w3.org/ns/activitystreams",
|
|
||||||
"id": "https://chaos.social/users/h4kor/statuses/112458343910963038/activity",
|
|
||||||
"type": "Announce",
|
|
||||||
"actor": "https://chaos.social/users/h4kor",
|
|
||||||
"published": "2024-05-17T20:35:48Z",
|
|
||||||
"to": [
|
|
||||||
"https://www.w3.org/ns/activitystreams#Public"
|
|
||||||
],
|
|
||||||
"cc": [
|
|
||||||
"https://blog.libove.org",
|
|
||||||
"https://chaos.social/users/h4kor/followers"
|
|
||||||
],
|
|
||||||
"object": "https://blog.libove.org/posts/073d4f64-fd9c-4b32-bdb7-4cfb1922b9d0/"
|
|
||||||
}
|
|
BIN
avatar.jpg
BIN
avatar.jpg
Binary file not shown.
Before Width: | Height: | Size: 27 KiB |
451
testbed.html
451
testbed.html
|
@ -1,451 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Stylesheet Test</title>
|
|
||||||
<link rel="stylesheet" href="/web/static/style2.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<header>
|
|
||||||
<img src="avatar.jpg" alt="Page Logo" />
|
|
||||||
<hgroup>
|
|
||||||
<h1>Page Title</h1>
|
|
||||||
<p>Short description of waht the blog is about. Catchy phrase to remember the blog by!</p>
|
|
||||||
</hgroup>
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
<li>Navigation 1</li>
|
|
||||||
<li>Navigation 2</li>
|
|
||||||
<li>Navigation 3</li>
|
|
||||||
<li>Navigation 4</li>
|
|
||||||
<li>Navigation 5</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main>
|
|
||||||
|
|
||||||
<h1>Structure</h1>
|
|
||||||
|
|
||||||
<footer>Footer</footer>
|
|
||||||
|
|
||||||
<h1>Text</h1>
|
|
||||||
|
|
||||||
<h2>Headings</h2>
|
|
||||||
|
|
||||||
<h1>Heading 1</h1>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Heading 2</h2>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>Heading 3</h3>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h4>Heading 4</h4>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h5>Heading 5</h5>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h6>Heading 6</h6>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h2>Inline text elements</h2>
|
|
||||||
<p>
|
|
||||||
<a href="#">Link</a><code><a></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<abbr>Abbr.</abbr><code><abbr></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<strong>Bold</strong>
|
|
||||||
<code><strong></code>
|
|
||||||
<code><b></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<em>Italic</em>
|
|
||||||
<code><i></code>
|
|
||||||
<code><em></code>
|
|
||||||
<code><cite></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<del>Deleted</del>
|
|
||||||
<code><del></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<ins>Inserted</ins>
|
|
||||||
<code><ins></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<kbd>Ctrl + S</kbd>
|
|
||||||
<code><kbd></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<mark>Highlighted</mark>
|
|
||||||
<code><mark></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<s>Strikethrough</s>
|
|
||||||
<code><s></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<small>Small</small>
|
|
||||||
<code><small></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Text <sub>Sub</sub>
|
|
||||||
<code><sub></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Text <sup>Sup</sup>
|
|
||||||
<code><sup></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<u>Underline</u>
|
|
||||||
<code><u></code>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<code>Code</code>
|
|
||||||
<code><code></code>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h1>List</h1>
|
|
||||||
|
|
||||||
<h2>Unordered List</h2>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>Unordered List 1</li>
|
|
||||||
<ul>
|
|
||||||
<li>Sub List 1</li>
|
|
||||||
<li>Sub List 2</li>
|
|
||||||
<li>Sub List 3</li>
|
|
||||||
<li>Sub List 4</li>
|
|
||||||
<ul>
|
|
||||||
<li>Sub Sub List 1</li>
|
|
||||||
<li>Sub Sub List 2</li>
|
|
||||||
<li>Sub Sub List 3</li>
|
|
||||||
<li>Sub Sub List 4</li>
|
|
||||||
</ul>
|
|
||||||
</ul>
|
|
||||||
<li>Unordered List 2</li>
|
|
||||||
<li>Unordered List 3</li>
|
|
||||||
<li>Unordered List 4</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h2>Ordered List</h2>
|
|
||||||
|
|
||||||
<ol>
|
|
||||||
<li>Ordered List 1</li>
|
|
||||||
<ol>
|
|
||||||
<li>Sub List 1</li>
|
|
||||||
<li>Sub List 2</li>
|
|
||||||
<li>Sub List 3</li>
|
|
||||||
<li>Sub List 4</li>
|
|
||||||
<ol>
|
|
||||||
<li>Sub Sub List 1</li>
|
|
||||||
<li>Sub Sub List 2</li>
|
|
||||||
<li>Sub Sub List 3</li>
|
|
||||||
<li>Sub Sub List 4</li>
|
|
||||||
</ol>
|
|
||||||
</ol>
|
|
||||||
<li>Ordered List 2</li>
|
|
||||||
<li>Ordered List 3</li>
|
|
||||||
<li>Ordered List 4</li>
|
|
||||||
</ol>
|
|
||||||
|
|
||||||
<h1>Quote</h1>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
“Design is a funny word. Some people think
|
|
||||||
design means how it looks. But of course, if
|
|
||||||
you dig deeper, it's really how it works.”
|
|
||||||
<footer>
|
|
||||||
<cite>— Steve Jobs</cite>
|
|
||||||
</footer>
|
|
||||||
</blockquote>
|
|
||||||
|
|
||||||
<h1>Horizontal rule</h1>
|
|
||||||
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
<h1>Table</h1>
|
|
||||||
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Column 1</th>
|
|
||||||
<th>Column 2</th>
|
|
||||||
<th>Column 3</th>
|
|
||||||
<th>Column 4</th>
|
|
||||||
<th>Column 5</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Cell 1</td>
|
|
||||||
<td>Cell 2</td>
|
|
||||||
<td>Cell 3</td>
|
|
||||||
<td>Cell 4</td>
|
|
||||||
<td>Cell 5</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h1>Buttons</h1>
|
|
||||||
<button>Button</button>
|
|
||||||
<button disabled="disabled">Button disabled</button>
|
|
||||||
|
|
||||||
<h2>Classes for buttons</h2>
|
|
||||||
<button type="button" class="primary">Primary</button>
|
|
||||||
<button type="button" class="secondary">Secondary</button>
|
|
||||||
<button type="button" class="success">Success</button>
|
|
||||||
<button type="button" class="danger">Danger</button>
|
|
||||||
<button type="button" class="warning">Warning</button>
|
|
||||||
<br><br>
|
|
||||||
<button type="button" disabled="disabled" class="primary">Primary</button>
|
|
||||||
<button type="button" disabled="disabled" class="secondary">Secondary</button>
|
|
||||||
<button type="button" disabled="disabled" class="success">Success</button>
|
|
||||||
<button type="button" disabled="disabled" class="danger">Danger</button>
|
|
||||||
<button type="button" disabled="disabled" class="warning">Warning</button>
|
|
||||||
|
|
||||||
<h1>Forms</h1>
|
|
||||||
|
|
||||||
<h2>Inputs</h2>
|
|
||||||
|
|
||||||
<h3>Inputs</h3>
|
|
||||||
<div>
|
|
||||||
<label>Button</label>
|
|
||||||
<input type="button" value="Button" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Submit</label>
|
|
||||||
<input type="submit" value="Submit" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Checkbox</label>
|
|
||||||
<input type="checkbox" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Color</label>
|
|
||||||
<input type="color" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Password</label>
|
|
||||||
<input type="password" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Date</label>
|
|
||||||
<input type="date" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Datetime</label>
|
|
||||||
<input type="datetime-local" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Radio</label>
|
|
||||||
<input type="radio" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Text</label>
|
|
||||||
<input type="text" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Password</label>
|
|
||||||
<input type="password" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Time</label>
|
|
||||||
<input type="time" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Range</label>
|
|
||||||
<input type="range" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Textarea</label>
|
|
||||||
<textarea placeholder="Write a professional short bio...">
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3>Inline Inputs</h3>
|
|
||||||
<div>
|
|
||||||
<label>Inline Button<input type="button" value="Button" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Submit<input type="submit" value="Submit" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Checkbox<input type="checkbox" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Color<input type="color" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Password<input type="password" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Date<input type="date" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Datetime<input type="datetime-local" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Radio<input type="radio" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Text<input type="text" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Password<input type="password" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Time<input type="time" /></label>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label>Inline Range<input type="range" /></label>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1>Navigation</h1>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#">Nav 1</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#">Nav 2</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#">Nav 3</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#">Nav 4</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<h1>Detail</h1>
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Summary</summary>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor
|
|
||||||
convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arcu
|
|
||||||
lobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.</p>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<h1>Pre</h1>
|
|
||||||
<pre>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sodales felis pulvinar auctor convallis.
|
|
||||||
Maecenas luctus nec magna quis convallis. Donec vestibulum risus nec metus consectetur, at rhoncus arculobortis.
|
|
||||||
Nam et turpis a leo commodo imperdiet.
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
Loading…
Reference in New Issue