since forever, ahoxus has focused on web simplicity.
inspired by lofi.limo, we extend its principles and strive to further inspire more people.
our goals:
make text clear, readable, and chaos-friendly.
let content stand without unnecessary adornments.
keep the web intuitive and easy for everyone.
some other local page references (look at their source):
basiuxtimeofffest
core ideas:
+ avoid indentations.
+ omit redundant tags.
+ use clear, logical structure.
+ prioritize mobile-first and offline usability.
+ much more room for improvising, creating, collaborating, etc.
do not take the examples below as rules! feel free to improvise and do whatever works for you.
in other words, experiment with layouts and styles as you like. the goal of ahotml is flexibility and simplicity, not strict rules.
before: typical html mess
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>example</title>
</head>
<body>
<h1>Hello World</h1>
<p>
This is a paragraph with <strong>bold text</strong>,
<em>italic text</em>, and a <a href="#">link</a>.
</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</body>
</html>
after: minimal ahotml
<!doctype html><!-- ahotml -->
<meta charset="UTF-8">
<title>minimal example</title>
<h1>hello, world</h1>
this is a simple paragraph with <b>bold text</b>, <i>italic text</i>, and a <a href="#">link</a>.
+ item 1
+ item 2
ps: previously called troffhtml or ahoxushtml.
# basic markdown also works, with a very simple javascript
why javascript? so it will work 100% even offline
+ unordered lists, using "+"
+ inline `code blocks` using backticks (also with triple backticks as seen below)
*italics*, **bold** and
### *all* headers from 1 hashtag `#` to 6
it doesn't matter so much which header, since they depend on css
all code for this markdown, except the triple ticks themselves.
```
# basic markdown also works, with a very simple javascript
why javascript? so it will work 100% even offline
+ unordered lists, using "+"
+ inline `code blocks` using backticks, or use triple backticks as seen below
*italics*, **bold** and
### *all* headers from 1 hashtag `#` to 6
it doesn't matter so much which header, since they depend on css
all code for this markdown, except the triple ticks themselves.
```