Published subweb project (prototype); style improvements.
h3rald h3rald@h3rald.com
Fri, 19 Jun 2026 14:00:25 +0200
5 files changed,
265 insertions(+),
9 deletions(-)
M
assets/styles/style.css
→
assets/styles/style.css
@@ -8,7 +8,7 @@ --line-height: 1.4rem;
--scale-factor: 1.3333; --leading: 1.6rem; --quarter-leading: 0.4rem; - --half-leading: 0.4rem; + --half-leading: 0.8rem; --letter-spacing: 0.05em; --font-family-sans: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-family-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;@@ -92,8 +92,8 @@ ol,
pre, table, blockquote { - margin-top: var(--quarter-leading); - margin-bottom: var(--quarter-leading); + margin-top: var(--half-leading); + margin-bottom: var(--half-leading); } ul ul,@@ -183,8 +183,7 @@ }
i, em, -.primary-subtitle, -blockquote { +.primary-subtitle { font-style: italic; }@@ -243,6 +242,14 @@ left: 8px;
font-size: 0.8rem; } +.notice { + margin: 4px; + border-left: 4px solid goldenrod; + color: goldenrod; + padding-left: 8px; + background: #453306; +} + .footer, .header, .main-content,@@ -352,14 +359,19 @@ background: lightslategray;
width: 75px; } -.panel, +.panel { + margin: 4px; + background: var(--secondary-background); + padding: 8px; +} + blockquote { margin: 4px; background: var(--secondary-background); padding: 8px; - border: 1px solid var(--secondary-background); + border-left: 4px solid lightslategrey; + color: lightslategray } - blockquote p:first-child, blockquote p:last-child {
M
contents/conver.md
→
contents/conver.md
@@ -1,6 +1,7 @@
----- code: conver home: /conver/ +sourcehut: conver title: "Convergent Versioning" subtitle: "A versioning system for dependable projects." summary: "An alternative approach to versioning projects that aim to achieve eventual stability, maturity, and completeness."@@ -10,7 +11,6 @@ version: 450-B
conver: true stage: operational license: CC-BY-4.0 -sourcehut: conver changelog: true -----
A
contents/subweb.md
@@ -0,0 +1,63 @@
+----- +code: subweb +home: /subweb/ +sourcehut: subweb +title: SubWeb +subtitle: "A Safe, Small, Plain, Subset of the Web" +summmary: "A safe, small, plain subset of of the World Wide Web aiming at improving privacy, security, compatibility and simplificity of web pages." +content-type: project +conver: true +active: true +changelog: true +stage: prototype +version: 000-F +license: CC-BY-4.0 +----- + +> %notice% +> **Notice** +> +> This document is an initial draft, essentially just a collection of notes and headings for now! + + +### Introduction + +Today's World Wide Web is huge, and is very different from the original vision of its creators. More often then not, web sites are bloated, exceeding complex, rely on scripts to function, and try to extort as much personal information as possible by employing several privacy-invasive techniques. + +A lot of web sites are not even _sites_ anymore, they are _apps_, and the web itself became a _platform_ rather than a place to publish hypertexts. + +While the majority of people are now well-used to spend their time on the web within walled gardens, they don't notice or care about the bloat, the invasive adverts, and the dark patterns that plague this new World Wide Web, there are still some people that care about the Web's original vision, about a text-first experience, without ads or unsafe content, and bloat-free. + +This document attempts to fix what's broken on today's Web by advocating for simpler web sites, and simpler specifications. This is SubWeb, a safe, small, and simple subset of the Web. + +### Goals + +The three main goals of SubWeb are the following: + +- Safety +- Compatibility +- Simplicity + +#### Safety + +#### Compatibility + +#### Simplicity + +### Prior Art + +#### Gemini + +#### SmolWeb + +### Specifications + +#### SubHTML + +#### SubCSS + +### About + +### License + +[Creative Commons — CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
A
contents/subweb/subcss.md
@@ -0,0 +1,6 @@
+----- +id: subcss +title: SubCSS Specification +content-type: page +----- +
A
contents/subweb/subhtml.md
@@ -0,0 +1,175 @@
+----- +id: subhtml +title: SubHTML Specification +content-type: page +----- + +### Document Structure and Metadata + +A SubHTML document MUST be structured using respecting the following tag hierarchy: + +```html +<!DOCTYPE html> +<html> + <head> + <title>A SubWeb web site</title> + <base href="/" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/styles.css"> + </head> + <body> + </body> +</html> +``` + +#### DOCTYPE + +A document MUST have the following DOCTYPE declaration before the `<html>` element: + +```html +<!DOCTYPE html> +``` + +#### Comments + +A document MAY contain comments delimited by `<!--` and `-->`, which can be placed within any elements and span multiple lines. + +#### html + +A document MUST be wrapped in a single `<html>` element. + +This element MAY have a `lang` attribute defining the main language of the document as defined by [RFC 5646](https://datatracker.ietf.org/doc/html/rfc5646). + +#### head + +This element defines the header of the document and MAY contain metadata and links to external stylesheets. + +#### base + +#### title + +#### meta + +#### link + +#### body + +### Block Elements + +#### blockquote + +#### br + +#### div + +#### h1-h6 + +#### hr + +#### p + +#### pre + +#### small + +#### sub + +#### sup + + +### Inline Elements + +#### a + +#### code + +#### em + +#### span + +#### strong + + +### Lists + +#### dd + +#### dl + +#### dt + +#### li + +#### ol + +#### ul + + +### Forms + +#### button + +#### fieldset + +#### form + +#### input + +#### label + +#### optgroup + +#### option + +#### select + +#### textarea + + +### Tables + +#### table + +#### td + +#### th + +#### tr + +### Common Attributes + +#### accesskey + +Specifies a keyboard shortcut to activate or focus an element. + +#### aria-* + +Defines accessibility properties and states for assistive technologies. + +#### class + +Specifies one or more CSS class names for styling the element. + +#### dir + +Sets the text direction (left-to-right, right-to-left, or auto). + +#### id + +Defines a unique identifier for the element within the document. + +#### lang + +Specifies the primary language of the element’s content. + +#### role + +Defines the element’s semantic role for accessibility. + +#### tabindex + +Controls keyboard navigation order and focusability. + +#### title + +Provides advisory information displayed as a tooltip.