semantic css
xj9 be1716a45c switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
demo/semantic switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
dist switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
src switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
.gitignore update build, bundle dist, update package info 9 months ago
.gitlab-ci.yml update package info, .gitlab-ci.yml 9 months ago
COPYING update license 2 years ago
COPYING.LESSER update license 2 years ago
Makefile configure build 1 year ago
README.md remove front matter from README.md 2 years ago
docker-compose.yml switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
package.json switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
webpack.config.js switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago
yarn.lock switch to Noto Sans + Noto Emoji, update color scheme, create moin/semantic dev environments 8 months ago

README.md

Rod Iron is a CSS library for styling semantic hypertext documents, no classes or additional markup required. Rod Iron is fully responsive and very small. Use it for documentation, blogs, &c. Optional JavaScript enhancements are a work in progress.

Document

Rod Iron expects a simple, semantic document. The elements chosen are meant to provide a clean, human-readable structure that is lightweight and easy to remember:

<!doctype html>
<html>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="https://relax.js.org/rod-iron/main.css">
    <header>
        <h1>
            <a href="{{ site.baseurl }}">
                {{ site.title }}
            </a>
        </h1>
    </header>
    <article>
        <header>
            <h2>
                <a href=".{{ page.url }}">
                    {{ page.title }}
                </a>
            </h2>
        </header>
        <!-- content -->
    </article>
</html>

<h{1,2,3,4,5,6}> elements are interchangable, depending on the semantic structure you are going for. Anchor tags are optional, but encouraged.

Table

name favorite color profession spirit animal
Tyler maroon writer cthulhu
Mary red-orange artist owl
Anne blue developer leopard
MacBeth black n/a wolf

Description List

Peer to Peer
Computing or networking in a distributed application architecture that partitions tasks or work loads between peers. Peers are equally privileged, equipotent participants in the application. They are said to form a peer-to-peer network of nodes.
CRDT
A conflict-free replicated data type is a type of specially-designed data structure used to achieve strong eventual consistency and monotonicity (absence of rollbacks).